: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.center{justify-content:center}.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)}