:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f2ea;--surface:#fffdf9;--surface-2:#efe9de;--border:#e2d9ca;--text:#1d1a16;--muted:#6e665b;--shadow:0 1px 2px #3c280a0f, 0 4px 16px #3c280a0f;--radical:#0e7f72;--radical-soft:#dcefe9;--kanji:#c2402a;--kanji-soft:#f8e1da;--vocab:#6a48b0;--vocab-soft:#ebe3f7;--sound:#b67a06;--sound-soft:#f8ecd0;--good:#2c7a45;--good-soft:#dcf0e2;--bad:#b93333;--bad-soft:#f7dddd;--stage-locked:#cfc6b6;--stage-available:#8fb3d9;--stage-learning:#e0a64a;--stage-recognized:#d77a5f;--stage-passed:#4f9a6a;--stage-mastered:#3a5f8f;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-jp:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", sans-serif;--font-jp-display:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif;--radius:14px;--radius-sm:9px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141311;--surface:#1c1a17;--surface-2:#26231f;--border:#36312a;--text:#efebe4;--muted:#a49b8e;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040;--radical:#3cc2b0;--radical-soft:#16332f;--kanji:#f07a5e;--kanji-soft:#3a211b;--vocab:#a98bf0;--vocab-soft:#2a2140;--sound:#f0b43c;--sound-soft:#3a2e12;--good:#5cc27f;--good-soft:#17301f;--bad:#f07272;--bad-soft:#3a1b1b;--stage-locked:#4a443b}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}[lang=ja]{font-family:var(--font-jp)}a{color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{letter-spacing:-.01em;font-size:1.9rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0 0 .6em}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}kbd{font:600 .68rem/1 var(--font-ui);opacity:.55;border:1px solid;border-radius:5px;margin-left:6px;padding:2px 5px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.warning{color:var(--sound);font-weight:500}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:600 .95rem/1 var(--font-ui);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;transition:background .15s,transform 50ms,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--text);opacity:.88}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-sm{min-height:32px;padding:5px 12px;font-size:.85rem}.btn-lg{min-height:52px;padding:12px 28px;font-size:1.05rem}.icon-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--surface-2)}:focus-visible{outline:2px solid var(--vocab);outline-offset:2px}.header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px max(16px,50vw - 490px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--kanji);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.nav{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.nav-link{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{color:var(--text)}.nav-link.is-active{background:var(--surface-2);color:var(--text)}.nav-count{background:var(--kanji);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:.72rem}.sync-pill{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;text-decoration:none;display:flex}.sync-dot{background:var(--good);border-radius:50%;width:8px;height:8px}.sync-pill[data-status=syncing] .sync-dot{background:var(--stage-available);animation:1s ease-in-out infinite pulse}.sync-pill[data-status=offline] .sync-dot{background:var(--stage-locked)}.sync-pill[data-status=error] .sync-dot{background:var(--bad)}@keyframes pulse{50%{opacity:.3}}main{padding:24px 16px 64px}.page{max-width:980px;margin:0 auto}.splash{place-items:center;min-height:100vh;padding:16px;display:grid}.splash-mark{color:var(--kanji);font-size:64px;animation:1.4s ease-in-out infinite pulse}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel--sound{background:linear-gradient(180deg, var(--sound-soft), var(--surface) 70%);border-color:color-mix(in srgb, var(--sound) 35%, var(--border))}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.75rem;font-weight:700}.empty{text-align:center;max-width:520px;margin:48px auto}.empty .btn{margin-top:12px}.big-stat{font-size:1.3rem;font-weight:700}.badge{letter-spacing:.02em;background:var(--surface-2);color:var(--muted);vertical-align:middle;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-block}.badge--sound{background:var(--sound);color:#fff}.badge--variant{background:var(--sound-soft);color:var(--sound)}.badge--irregular{background:var(--bad-soft);color:var(--bad)}.stage-badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.stage-badge:before{content:"";background:var(--dot,var(--stage-locked));border-radius:50%;width:8px;height:8px}[data-stage=locked]{--dot:var(--stage-locked)}[data-stage=available]{--dot:var(--stage-available)}[data-stage=learning]{--dot:var(--stage-learning)}[data-stage=recognized]{--dot:var(--stage-recognized)}[data-stage=passed]{--dot:var(--stage-passed)}[data-stage=mastered]{--dot:var(--stage-mastered)}.back-link{color:var(--muted);margin-bottom:12px;font-weight:600;text-decoration:none;display:inline-block}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:12px;display:grid}.tile{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:84px;padding:8px 4px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile:after{content:"";background:var(--dot,transparent);height:4px;position:absolute;inset:auto 0 0}.tile-glyph{font-size:1.9rem;line-height:1.1}.tile--kanji .tile-glyph{color:var(--kanji)}.tile--radical .tile-glyph{color:var(--radical)}.tile-caption{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;line-height:1.2;overflow:hidden}.tile[data-stage=locked] .tile-glyph{opacity:.35}.tile:hover{border-color:var(--muted)}.mini-tiles,.lesson-preview{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mini-tile{background:var(--kanji-soft);min-width:42px;height:42px;color:var(--kanji);border-radius:8px;place-items:center;padding:0 6px;font-size:1.4rem;text-decoration:none;display:grid}.mini-tile--radical{background:var(--radical-soft);color:var(--radical)}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:0 0 16px;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{background:var(--dot);border-radius:3px;width:10px;height:10px}.hero-actions{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.action{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);flex-direction:column;padding:22px 24px;text-decoration:none;transition:transform .1s;display:flex}.action:hover{transform:translateY(-2px)}.action--lessons{background:linear-gradient(135deg, var(--radical), color-mix(in srgb, var(--radical) 60%, #000))}.action--reviews{background:linear-gradient(135deg, var(--kanji), color-mix(in srgb, var(--kanji) 60%, #000))}.action[aria-disabled=true]{filter:saturate(.35);opacity:.85}.action-count{font-size:2.8rem;font-weight:800;line-height:1}.action-label{margin-top:6px;font-size:1.15rem;font-weight:700}.action-sub{opacity:.85;font-size:.88rem}.progress{background:var(--surface-2);border-radius:999px;height:8px;margin:8px 0 4px;overflow:hidden}.progress-fill{background:var(--stage-passed);height:100%;transition:width .4s}.stat-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);flex-direction:column;padding:16px;display:flex}.stat--radical{--accent:var(--radical)}.stat--kanji{--accent:var(--kanji)}.stat--vocab{--accent:var(--vocab)}.stat-value{font-size:1.8rem;font-weight:800;line-height:1.1}.stat-label{font-size:.9rem;font-weight:600}.forecast{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.forecast div{flex-direction:column;display:flex}.forecast strong{font-size:1.5rem}.detail-hero{align-items:center;gap:24px;margin-bottom:20px;display:flex}.glyph{color:#fff;min-width:132px;height:132px;box-shadow:var(--shadow);border-radius:22px;flex:none;place-items:center;padding:0 16px;font-size:84px;line-height:1;display:grid}.glyph--radical{background:var(--radical)}.glyph--kanji{background:var(--kanji);font-family:var(--font-jp)}.glyph--vocab{background:var(--vocab);min-width:160px;padding:0 24px;font-size:48px}.glyph--vocab rt{opacity:.9;font-size:.32em}.detail-title h1{margin-bottom:4px}.equation{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.equation-term{display:contents}.op{color:var(--muted);font-size:1.3rem;font-weight:300}.part{background:var(--radical-soft);border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;text-decoration:none;display:inline-flex}.part-glyph{background:var(--radical);color:#fff;border-radius:9px;place-items:center;width:40px;height:40px;font-size:1.5rem;display:grid}.part-name{font-weight:600}.part--sound{background:var(--sound-soft);box-shadow:inset 0 0 0 2px var(--sound)}.part--sound .part-glyph{background:var(--sound)}.part--result{background:var(--kanji-soft)}.part--result .part-glyph{background:var(--kanji)}.mnemonic{border-left:3px solid var(--kanji);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:14px 0 0;padding:12px 14px}.readings{grid-template-columns:1fr 1fr;gap:20px;display:grid}.reading-list{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.reading{background:var(--surface-2);font-family:var(--font-jp);border-radius:8px;padding:3px 10px;font-size:1.05rem;display:inline-block}.reading--sound{background:var(--sound);color:#fff}.okurigana{opacity:.45}.reading-line{align-items:center;gap:8px;display:flex}.series-head{align-items:flex-start;gap:16px;display:flex}.series-glyph{background:var(--sound);color:#fff;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;font-size:2.2rem;text-decoration:none;display:grid}.series-members{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.series-members a{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:8px 10px;text-decoration:none;display:grid;position:relative}.series-members .is-current a{border-color:var(--kanji);box-shadow:inset 0 0 0 1px var(--kanji)}.member-glyph{color:var(--kanji);grid-row:span 2;font-size:1.9rem}.member-reading{font-weight:700}[data-match=regular] .member-reading{color:var(--sound)}.member-meaning{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.series-members .badge{position:absolute;top:6px;right:6px}.vocab-list{margin:0;padding:0;list-style:none}.vocab-list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.vocab-list li:last-child{border-bottom:0}.vocab-row{flex:1;align-items:baseline;gap:16px;min-width:0;text-decoration:none;display:flex}.vocab-word{color:var(--vocab);white-space:nowrap;font-size:1.6rem}.vocab-list.compact .vocab-word{font-size:1.3rem}.vocab-meaning{flex:1;min-width:0}.vocab-kinds{gap:3px;display:flex}.kind{background:var(--surface-2);min-width:20px;height:20px;color:var(--muted);border-radius:5px;place-items:center;padding:0 4px;font-size:.7rem;font-weight:700;display:inline-grid}.kind--on{background:var(--sound-soft);color:var(--sound)}.kind--kun{background:var(--radical-soft);color:var(--radical)}.furigana ruby{ruby-position:over}.furigana rt{color:var(--muted);font-size:.42em;font-weight:500}.glyph--vocab .furigana rt{color:inherit}.furigana rt.is-hidden{visibility:hidden}.furigana ruby.is-highlight{-webkit-text-decoration:underline 3px var(--sound);text-decoration:underline 3px var(--sound);text-underline-offset:6px}.more summary{cursor:pointer;color:var(--muted);padding:8px 0;font-weight:600}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.vocab-grid a{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);border-bottom:4px solid var(--dot);flex-direction:column;padding:10px 12px;text-decoration:none;display:flex}.vocab-grid .vocab-word{font-size:1.3rem}.vocab-grid li[data-stage=locked] .vocab-word{opacity:.4}.breakdown{gap:10px;margin:0;padding:0;list-style:none;display:grid}.breakdown li{align-items:center;gap:14px;display:flex}.breakdown-glyph{background:var(--kanji-soft);width:52px;height:52px;color:var(--kanji);border-radius:12px;place-items:center;font-size:1.8rem;text-decoration:none;display:grid}.stats{border-collapse:collapse;width:100%;font-size:.88rem}.stats th,.stats td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.stats th{color:var(--muted);font-weight:600}.lesson-intro{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:32px auto;display:flex}.lesson-steps{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.step-chip{background:var(--kanji-soft);min-width:44px;height:44px;color:var(--kanji);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:0 8px;font-size:1.3rem}.step-chip--radical{background:var(--radical-soft);color:var(--radical)}.step-chip.is-active{border-color:currentColor}.step-chip.is-done{opacity:.55}.lesson-nav{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex;position:sticky;bottom:12px}.review{max-width:680px}.review-bar{color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;margin-bottom:12px;font-size:.9rem;display:flex}.review-bar strong{color:var(--text)}.question{flex-direction:column;gap:14px;display:flex}.prompt{text-align:center;color:#fff;box-shadow:var(--shadow);border-radius:20px;padding:36px 20px 30px;position:relative}.prompt--radical{background:var(--radical)}.prompt--kanji{background:var(--kanji)}.prompt--vocab{background:var(--vocab)}.prompt-label{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:16px}.prompt-glyph{font-size:clamp(88px,22vw,132px);line-height:1.1}.prompt-text{font-size:1.35rem}.prompt-text .muted{color:inherit;opacity:.75}.answer{position:relative}.answer-input{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);width:100%;min-height:58px;color:var(--text);font:500 1.3rem/1.2 var(--font-ui);text-align:center;padding:12px 60px 12px 18px}.answer-input[data-kind=reading]{font-family:var(--font-jp)}.answer-input:focus{border-color:var(--text);outline:none}.answer-input[data-status=correct],.answer-input[data-status=close]{border-color:var(--good);background:var(--good-soft)}.answer-input[data-status=wrong]{border-color:var(--bad);background:var(--bad-soft)}.answer-input[data-status=warn]{border-color:var(--sound)}.answer-input.is-shaking{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.answer-submit{background:var(--surface-2);width:42px;height:42px;color:var(--text);cursor:pointer;border:0;border-radius:10px;position:absolute;top:50%;right:8px;translate:0 -50%}.step-result{border-radius:var(--radius-sm);padding:8px 14px;font-size:.95rem}.step-result--correct{background:var(--good-soft);color:var(--good)}.step-result--wrong{background:var(--bad-soft);color:var(--bad)}.choices{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.choice{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);min-height:116px;color:var(--text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.choice:hover:not(:disabled){border-color:var(--kanji)}.choice-glyph{font-size:3rem;line-height:1.1}.choice-meaning{color:var(--muted);font-size:.78rem}.choice-key{position:absolute;top:8px;left:4px}.choice[data-state=correct]{border-color:var(--good);background:var(--good-soft)}.choice[data-state=wrong]{border-color:var(--bad);background:var(--bad-soft)}.choice[data-state=dim]{opacity:.5}.slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.slot{color:#fff;width:64px;height:64px;font:2.2rem/1 var(--font-jp);cursor:pointer;background:#ffffff1f;border:2px dashed #ffffffb3;border-radius:12px;place-items:center;display:grid}.slot--fixed{cursor:default;background:0 0;border:0;width:auto;padding:0 2px}.slot[data-state=correct]{background:#ffffff40;border-style:solid}.slot[data-state=wrong]{background:#7800004d;border-style:solid;border-color:#ffd2d2}.tile-bank{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.bank-tile{border:1px solid var(--border);background:var(--surface);height:68px;color:var(--text);font:2rem/1 var(--font-jp);cursor:pointer;border-radius:12px;position:relative}.bank-tile kbd{font-size:.55rem;position:absolute;top:4px;left:0}.bank-tile:hover:not(:disabled){border-color:var(--vocab)}.bank-tile:disabled{opacity:.25;cursor:default}.result{border-radius:var(--radius);background:var(--surface);border:2px solid;animation:.18s ease-out rise;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.result--correct{border-color:var(--good)}.result--wrong{border-color:var(--bad)}.result-banner{color:#fff;align-items:baseline;gap:10px;padding:10px 16px;display:flex}.result--correct .result-banner{background:var(--good)}.result--wrong .result-banner{background:var(--bad)}.result-note{opacity:.9;font-size:.85rem}.result-body{padding:14px 16px 4px}.rating-bar{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px 14px;display:flex}.answer-line{font-size:1.05rem}.inline-glyph{color:var(--kanji);font-size:1.5rem;text-decoration:none}.sound-text{color:var(--sound);font-weight:700}.answer-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.hint{border-radius:var(--radius-sm);background:var(--sound-soft);padding:8px 12px}.reveal{align-items:center;gap:12px;display:flex}.reveal-word{color:var(--vocab);font-size:2.4rem}.tabs{gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.tab.is-active{background:var(--text);color:var(--bg)}.settings{max-width:680px}.field{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.field input[type=number]{width:84px}.field--check{justify-content:flex-start}.field input,.text-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);min-height:38px;color:var(--text);font:inherit;padding:6px 10px}.text-input{flex:1;min-width:0}.key-row{align-items:center;gap:8px;margin:8px 0;display:flex}.key{border-radius:var(--radius-sm);background:var(--surface-2);white-space:nowrap;flex:1;min-width:0;padding:8px 10px;overflow-x:auto}@media (width<=720px){.header{flex-wrap:wrap;gap:8px}.nav{flex-basis:100%;order:3}.sync-label{display:none}.header-end{margin-left:auto}main{padding-top:16px}h1{font-size:1.5rem}.stat-row{grid-template-columns:repeat(2,1fr)}.detail-hero{text-align:center;flex-direction:column;gap:14px}.glyph{min-width:112px;height:112px;font-size:68px}.readings,.answer-grid{grid-template-columns:1fr}.choices{grid-template-columns:repeat(2,1fr)}.vocab-row{flex-direction:column;gap:0}.vocab-kinds{display:none}.panel{padding:16px}}@media (width<=420px){.hero-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.result .mini-tiles{justify-content:flex-start}.vocab-list .furigana rt{font-size:.5em}@media (width<=720px){.nav-link{padding:6px 9px;font-size:.86rem}}.header-end{align-items:center;gap:8px;display:flex}.sync-pill[data-status=local] .sync-dot{background:var(--sound)}.sync-pill.is-active,.icon-btn.is-active{border-color:var(--text);color:var(--text)}.banner{border-radius:var(--radius);background:var(--sound-soft);border:1px solid color-mix(in srgb, var(--sound) 35%, var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.banner p{flex:280px;margin:0}.account-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;display:grid}.account-grid .panel{margin:0}.account-panel{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.account-panel h2,.account-panel p{margin:0}.stack-field{flex-direction:column;gap:6px;width:100%;display:flex}.stack-field .text-input{width:100%}.notice{background:var(--surface-2);box-shadow:none}.notice p{margin:0}.divider{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}.passkey-list{margin:12px 0;padding:0;list-style:none}.passkey-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.passkey-list li:last-child{border-bottom:1px solid var(--border)}.passkey-info{flex-direction:column;gap:2px;min-width:0;display:flex}.panel--danger{border-color:color-mix(in srgb, var(--bad) 30%, var(--border))}.danger-text{color:var(--bad)}.page.narrow{max-width:680px}.center{text-align:center}.row.center{justify-content:center}.link-btn{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.footer{max-width:980px;color:var(--muted);text-align:center;margin:0 auto;padding:24px 16px 40px}.footer a{color:inherit}.mnemonic{font-size:1.05rem;line-height:1.55}.mn{border-radius:4px;padding:0 2px;font-weight:700}.mn--radical{color:var(--radical);background:var(--radical-soft)}.mn--kanji{color:var(--kanji);background:var(--kanji-soft)}.mn--self{color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent)}.mn--sound{color:var(--sound);background:var(--sound-soft)}.own-note{border-left:3px solid var(--vocab);margin-bottom:10px;padding:4px 0 4px 12px}.own-note .mnemonic{margin:4px 0 0}.note-text{resize:vertical;width:100%;margin-bottom:10px}.stack-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.strokes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:4px;margin-left:auto;padding:8px;display:flex}.strokes svg{display:block}.strokes path{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.strokes-ghost path{stroke:var(--border)}.strokes-ink path{stroke:var(--kanji);stroke-dasharray:1;stroke-dashoffset:1px;animation-name:draw-stroke;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes draw-stroke{to{stroke-dashoffset:0}}.strokes-count{color:var(--muted);font-size:.7rem}@media (prefers-reduced-motion:reduce){.strokes-ink path{stroke-dashoffset:0}}.part--inline{cursor:default;border-style:dashed}.part--kanji:not(.part--sound) .part-glyph{background:var(--kanji)}.taught-reading{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.reading--big{font-size:2rem;font-weight:700}.panel--contrast{border-color:color-mix(in srgb, var(--bad) 25%, var(--border))}.contrast-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.contrast-list li{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:10px;padding:8px;display:flex}.contrast-list li.is-current{outline:2px solid var(--kanji)}.contrast-glyph{color:var(--kanji);text-align:center;min-width:48px;font-size:2.2rem;text-decoration:none}.contrast-diff{color:var(--bad);font-weight:700}.sentence{border-radius:var(--radius-sm);background:var(--surface-2);margin-top:12px;padding:10px 12px}.sentence-ja{margin:0 0 4px;font-size:1.2rem}.sentence-en{margin:0}mark{background:var(--vocab-soft);color:var(--vocab);border-radius:3px;padding:0 2px}.session-intro{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:32px auto;display:flex}.session-bar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.session-bar .progress{flex:1;margin:0}.notice-inline{border-radius:var(--radius);background:var(--sound-soft);border:1px solid color-mix(in srgb, var(--sound) 35%, var(--border));padding:12px 16px}.notice-inline p{margin:0 0 10px}.missed h2{font-size:1rem}.mini-tile--vocab{background:var(--vocab-soft);color:var(--vocab);font-size:1.1rem}.question-head{justify-content:space-between;align-items:center;display:flex}.question .prompt-glyph{text-align:center;color:#fff;box-shadow:var(--shadow);border-radius:20px;padding:28px 16px;font-size:clamp(80px,22vw,124px);line-height:1.15}.question .prompt-glyph.is-long{font-size:clamp(48px,13vw,84px)}.prompt-glyph--radical{background:var(--radical)}.prompt-glyph--kanji{background:var(--kanji)}.prompt-glyph--vocab{background:var(--vocab)}.question .prompt-label{opacity:1;border-radius:999px;align-self:center;padding:4px 14px;font-size:.8rem;position:static}.prompt-label--meaning{background:var(--text);color:var(--bg)}.prompt-label--reading{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.eyebrow--radical{color:var(--radical)}.eyebrow--kanji{color:var(--kanji)}.eyebrow--vocab{color:var(--vocab)}.feedback{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:14px 16px}.feedback--right{border-color:color-mix(in srgb, var(--good) 45%, var(--border));background:color-mix(in srgb, var(--good-soft) 50%, var(--surface))}.feedback--wrong{border-color:color-mix(in srgb, var(--bad) 45%, var(--border));background:color-mix(in srgb, var(--bad-soft) 50%, var(--surface))}.feedback-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.feedback-verdict{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem;font-weight:700;display:block}.feedback--wrong .feedback-verdict{color:var(--bad)}.feedback--right .feedback-verdict{color:var(--good)}.feedback-answer{font-size:1.4rem;font-weight:700}.explain{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.explain-word{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explain-furigana{font-size:1.6rem}.breakdown--compact li{align-items:baseline;gap:10px;padding:2px 0;display:flex}.breakdown--compact .breakdown-glyph{font-size:1.3rem}.lesson .lesson-steps{margin-top:4px}.step{background:var(--kanji-soft);min-width:44px;height:44px;color:var(--kanji);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:0 8px;font-size:1.2rem}.step--radical{background:var(--radical-soft);color:var(--radical)}.step--vocab{background:var(--vocab-soft);color:var(--vocab);font-size:1rem}.step.is-current{border-color:currentColor}.step.is-known{opacity:.45;text-decoration:line-through}.known-toggle{color:var(--muted);align-items:center;gap:6px;display:flex}.grade-bars{gap:8px;margin:8px 0 10px;display:grid}.grade-bar{grid-template-columns:72px 1fr 64px;align-items:center;gap:10px;display:grid}.grade-bar .progress{margin:0}.grade-bar.is-coming{opacity:.45}.grade-label{font-size:.9rem;font-weight:600}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:120px;margin-bottom:8px;display:grid}.week-day{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.week-bar{background:var(--stage-available);border-radius:6px 6px 2px 2px;width:100%;max-width:36px;min-height:2px}.search{width:100%;margin-bottom:12px}.grade-heading{margin:20px 0 8px;font-size:1.1rem}.level-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.level-panel>summary::-webkit-details-marker{display:none}.level-panel>summary h3{margin:0}.level-panel[open]>summary{margin-bottom:10px}.option-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0 12px;display:grid}.option{text-align:left;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;flex-direction:column;gap:2px;padding:12px;display:flex}.option.is-active{border-color:var(--text);background:var(--surface-2)}.credits{color:var(--muted);padding-left:18px}.credits li{margin-bottom:4px}.reading-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.reading-ja{margin:0;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.6}.reading-help,.reading-en{margin:0}.reading-en{color:var(--muted)}@media (width<=720px){.strokes{margin:0 auto}.grade-bar{grid-template-columns:64px 1fr 56px}}.builder{text-align:center}.builder-meaning{margin:6px 0 14px;font-size:1.5rem}.builder-word{justify-content:center;gap:6px;margin-bottom:16px;font-size:2.4rem;display:flex}.builder-slot{border:2px dashed var(--vocab);width:64px;height:64px;color:var(--vocab);border-radius:12px;place-items:center;display:grid}.builder-slot.is-filled{background:var(--vocab-soft);border-style:solid}.builder-kana{align-self:center}.builder-tiles{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.builder-tile{border:1px solid var(--border);background:var(--surface);min-width:72px;color:var(--text);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;align-items:center;padding:8px 10px;display:flex}.builder-tile span[lang=ja]{color:var(--kanji);font-size:1.8rem}.builder-word.is-shaking{animation:.35s shake}