@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zen-kaku-gothic-new-latin-400-normal-BEdayliK.woff2)format("woff2"),url(/assets/zen-kaku-gothic-new-latin-400-normal-CPSmNJAU.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zen-kaku-gothic-new-latin-700-normal-Dgv0FPyh.woff2)format("woff2"),url(/assets/zen-kaku-gothic-new-latin-700-normal-zPVyND5l.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/zen-kaku-gothic-new-latin-900-normal-Br6kKb4x.woff2)format("woff2"),url(/assets/zen-kaku-gothic-new-latin-900-normal-3FroWknk.woff)format("woff")}@font-face{font-family:Yuji Syuku;font-display:swap;src:url(/assets/yuji-syuku-sumi-D-zwAx-d.woff2)format("woff2")}:root{--paper:#fdfcfa;--paper-2:#f5f1ee;--ink:#161314;--ink-soft:#4b4547;--line:#e4dedb;--field-line:#8a8183;--red:#d8001a;--red-deep:#a3001a;--red-text:#c40018;--on-red:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#100d0e;--paper-2:#1a1516;--ink:#f5f0ef;--ink-soft:#bcb2b3;--line:#2f2729;--field-line:#7a6f71;--red-deep:#b0001a;--red-text:#ff5468}}html{background:var(--paper);color:var(--ink);overflow-x:clip}body{margin:0;font-family:Zen Kaku Gothic New,ui-sans-serif,system-ui,sans-serif;line-height:1.6}:focus-visible{outline:3px solid var(--red);outline-offset:3px}a{color:var(--ink);text-underline-offset:.22em;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);font-weight:700}code,pre{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.875rem}.kanji{color:var(--red);font-family:Yuji Syuku,serif;font-weight:400}.wrap{max-width:72rem;margin:0 auto;padding-inline:16px}@media (width>=640px){.wrap{padding-inline:32px}}.top{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:72px;display:flex}.mark{letter-spacing:-.02em;align-items:baseline;gap:10px;font-size:1.5rem;font-weight:900;text-decoration:none;display:inline-flex}.mark .kanji{font-size:2rem}.top nav{gap:24px;margin-left:auto;display:flex}.top nav a{align-items:center;min-height:44px;display:inline-flex}.maker{vertical-align:bottom;align-items:center;gap:8px;display:inline-flex}.maker img{flex:none}.hero{align-items:center;gap:40px;padding-block:56px 72px;display:grid}@media (width>=900px){.hero{grid-template-columns:1.1fr 1fr;padding-block:80px 96px}}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.02}.lede{max-width:44ch;color:var(--ink-soft);margin:20px 0 0;font-size:1.25rem}.hero-art{width:min(100%,440px);margin-inline:auto}.code{border:1px solid var(--line);background:var(--paper-2);border-radius:12px;margin:28px 0 0;position:relative}.code pre{margin:0;padding:16px 96px 16px 18px;line-height:1.55;overflow-x:auto}.code button{position:absolute;top:8px;right:8px}@media (width<=639px){.code pre{padding-right:18px}.code button{margin:0 8px 8px auto;display:block;position:static}}button,.button{min-height:44px;font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--field-line);background:0 0;border-radius:999px;padding:0 20px;font-weight:700}button:hover{border-color:var(--ink)}button.primary{background:var(--red);color:var(--on-red);border:0}button.primary:hover{background:var(--red-deep)}.choice{gap:4px;display:inline-flex}.choice button{padding:0 16px}.choice button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.study{border-top:1px solid var(--line);padding-block:72px}.study header{align-items:center;gap:20px;display:flex}.study header .kanji{font-size:3.5rem;line-height:1}.study h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:900;line-height:1.1}.study .what{color:var(--ink-soft);margin:4px 0 0;font-weight:700}.study-body{gap:32px;margin-top:36px;display:grid}@media (width>=900px){.study-body{grid-template-columns:1fr 1fr;align-items:start}}.stage{background:var(--paper-2);border-radius:16px;padding:24px;overflow:hidden}.study p{max-width:60ch;margin:0 0 16px;font-size:1.0625rem}.controls{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.controls label{align-items:center;gap:10px;min-height:44px;font-weight:700;display:inline-flex}.controls input[type=range]{width:140px;accent-color:var(--red)}.controls output{font-variant-numeric:tabular-nums;min-width:3.5ch;color:var(--ink-soft);font-weight:400}table{border-collapse:collapse;width:100%;margin-top:16px;font-size:.9375rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 12px 10px 0}th{font-weight:700}td code{white-space:nowrap}.table-scroll{overflow-x:auto}.facts{max-width:64ch;padding-left:1.2em}.facts li{margin-bottom:8px}footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:48px;padding-block:40px;font-size:.9375rem}footer p{margin:0 0 8px}.intro{position:relative}.hero-splat{aspect-ratio:360/396;width:clamp(330px,34vw,520px);display:none;position:absolute;top:72px;right:0}@media (width>=1000px){.hero-splat{display:block}}.hero>div{max-width:40rem;position:relative}.hero>div,.study-body>*{min-width:0}.study h3{margin:40px 0 0;font-size:1.25rem;font-weight:900}.mark-stage{padding:24px 8px}.mark-stage p{margin:0 0 16px;font-size:1.125rem;line-height:2.1}.mark-stage .mark-head{letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:900;line-height:1.4}