:root{--bg:#fbfaf7;--surface:#fff;--fg:#1a1a1a;--muted:#6b6b6b;--line:#e3e0d8;--line-strong:#d6d2c8;--line-soft:#f0ede6;--track:#ece9e2;--seg:#efece5;--ok:#1c7d4d;--ok-soft:#8cc7a6;--ok-bg:#e3f0e8;--ok-ink:#15603b;--no:#b3352b;--no-ink:#8a241d;--no-bg:#f9e7e4;--no-tile:#fdf2f0;--accent:#2b5eea;--ink:#d42a20;--guide:#cdc8bd;--on-fg:#fbfaf7;--silhouette:brightness(0) opacity(.18);--font:"Hiragino Sans", "PingFang TC", "Noto Sans JP", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16171a;--surface:#202226;--fg:#eceae5;--muted:#9a9892;--line:#33363c;--line-strong:#44474e;--line-soft:#2a2c31;--track:#2c2f34;--seg:#2a2c31;--ok:#4ecb8b;--ok-soft:#2f7d55;--ok-bg:#1c3328;--ok-ink:#7fdcab;--no:#ff7a6e;--no-ink:#ff9b91;--no-bg:#3a2220;--no-tile:#2f1f1e;--accent:#7fa0ff;--ink:#ff5248;--guide:#4c5058;--on-fg:#16171a;--silhouette:brightness(0) invert(1) opacity(.18)}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}.view{flex-direction:column;min-height:100vh;display:flex}.wide-only{display:none!important}.bar{justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 4px 20px;display:flex}.bar-end{align-items:center;gap:8px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;font-weight:700;display:flex}.wordmark{letter-spacing:.12em;font-size:13px;font-weight:700}.icon-btn{background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.group{flex-direction:column;gap:8px;display:flex}.label{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:600}.label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label-note{color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:13px}.ok{color:var(--ok)}.no{color:var(--no)}.btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;height:56px;font-size:16px;font-weight:700;display:flex}.btn.primary{background:var(--fg);width:100%;color:var(--on-fg);border:none}.btn.secondary{border:1px solid var(--line);background:0 0;font-size:15px;font-weight:600}.btn:hover{opacity:.9}.row{gap:10px;width:100%;display:flex}.row>.btn{flex:1}.row>.btn.primary{flex:2}.kbd{font:500 12px/1.4 var(--font);border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);white-space:nowrap;border-radius:6px;padding:2px 8px}.kbd.on-dark{border-color:color-mix(in srgb, var(--on-fg) 35%, transparent);color:color-mix(in srgb, var(--on-fg) 80%, transparent);background:0 0;border-radius:5px;padding:1px 6px}.seg{background:var(--seg);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.seg button{height:38px;color:var(--muted);background:0 0;border:none;border-radius:8px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000000f}.lang-seg{gap:2px}.home{flex-direction:column;flex:1;gap:18px;padding:8px 20px 0;display:flex}.home-main,.home-side{display:contents}.home-head{flex-direction:column;gap:6px;display:flex}.home-tagline{color:var(--muted);font-size:14px}.stats{order:1}.mode-group{order:2}.method-group{order:3}.gens-group{order:4}.start-row{border-top:1px solid var(--line);background:var(--bg);order:5;align-items:center;gap:16px;margin:auto -20px 0;padding:12px 20px 28px;display:flex;position:sticky;bottom:0}.or-press{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.stats{flex-direction:column;gap:10px;display:flex}.stats-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats-num{align-items:baseline;gap:6px;display:flex}.stats-num b{font-variant-numeric:tabular-nums;font-size:32px;line-height:1}.stats-num span{color:var(--muted);font-size:14px}.meter{background:var(--track);border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.meter .learned{background:var(--ok)}.meter .learning{background:var(--ok-soft)}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.legend>span{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:8px;height:8px}.swatch.learned{background:var(--ok)}.swatch.learning{background:var(--ok-soft)}.swatch.unseen{background:var(--track);box-shadow:inset 0 0 0 1px var(--line-strong)}button.stats{text-align:left;width:100%}button.stats:hover{border-color:var(--fg)}.stats-link{color:var(--accent);align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-card{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex;position:relative}.mode-card[aria-pressed=true]{border-color:var(--fg)}.mode-glyph{font-size:22px;font-weight:700}.mode-glyph .arrow{color:var(--muted);font-weight:400}.mode-glyph .ink{color:var(--ink)}.mode-card b{font-size:15px}.mode-card small{color:var(--muted);font-size:12px;line-height:1.4}.tick{background:var(--fg);width:22px;height:22px;color:var(--on-fg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.method{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:6px;display:flex}.stepper-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 2px 10px;display:flex}.stepper-text{flex-direction:column;display:flex}.stepper-text b{font-size:14px;font-weight:600}.stepper-text small{color:var(--muted);font-size:12px}.stepper{align-items:center;gap:4px;display:flex}.step{border:1px solid var(--line);background:var(--bg);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.step:disabled{color:var(--muted);opacity:.5;cursor:default;background:0 0}.step-value{text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:18px;font-weight:700}.step-value small{color:var(--muted);margin-left:3px;font-size:12px;font-weight:500}.gens{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gen{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;min-height:56px;padding:8px 10px;display:flex}.gen-box,.gen-pct{display:none}.gen-title{align-items:baseline;gap:5px;width:100%;min-width:0;display:flex}.gen-title b{font-size:13px}.gen-name{color:var(--muted);font-size:11px}.nobr{white-space:nowrap}.gen-bar{background:var(--track);border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}.gen-bar span{background:var(--ok);height:100%;display:block}.gen[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--on-fg)}.gen[aria-pressed=true] .gen-name{color:color-mix(in srgb, var(--on-fg) 72%, transparent)}.gen[aria-pressed=true] .gen-bar{background:color-mix(in srgb, var(--on-fg) 22%, transparent)}.gen[aria-pressed=true] .gen-bar span{background:var(--ok-soft)}.session-bar{justify-content:flex-start;gap:10px;padding:12px 20px 0 8px}.exit{background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:44px;height:44px;font-size:14px;font-weight:600;display:flex}.track{flex:1;gap:4px;display:flex}.track>span{background:var(--line);border-radius:3px;flex:1;height:6px}.track>.ok{background:var(--ok)}.track>.no{background:var(--no)}.track>.now{background:var(--fg)}.track.timed{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.track.timed>.time{background:var(--fg);flex:none;height:100%;transition:width .25s linear}.count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}.clock{color:var(--fg);font-size:20px;font-weight:700}.clock.low{color:var(--no)}.subbar{color:var(--muted);justify-content:space-between;padding:4px 20px 0 62px;font-size:13px;display:flex}.subbar b{color:var(--fg)}.session{flex-direction:column;flex:1;display:flex}.card{flex-direction:column;flex:1;padding:0 20px;display:flex}.card-body{flex-direction:column;flex:1;gap:18px;padding-top:16px;display:flex}.card-body.center{text-align:center;justify-content:center;align-items:center}.card-actions{background:var(--bg);flex-direction:column;gap:10px;padding:12px 0 28px;display:flex;position:sticky;bottom:0}.prompt-label{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:600}.kana-big{margin:-10px 0;font-size:60px;font-weight:700;line-height:1.15}.intro{max-width:320px;font-size:18px;font-weight:600}.answer-input{border:2px solid var(--fg);background:var(--surface);height:56px;color:var(--fg);font:22px var(--font);text-align:center;border-radius:14px;width:100%}.answer-input::placeholder{color:var(--muted)}.sprite.cue{object-fit:contain;width:120px;height:120px}.sprite.art{object-fit:contain;flex:none;width:120px;height:120px}.sprite.noimg{border:1px dashed var(--guide);color:var(--muted);border-radius:16px;justify-content:center;align-items:center;font-size:12px;display:flex}.banner{text-align:left;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.banner svg{flex:none;margin-top:1px}.banner b{font-size:15px;display:block}.banner small{font-size:13px;display:block}.banner small:last-child{font-size:12px}.banner small b{font-size:inherit;text-decoration:underline;display:inline}.banner.ok{background:var(--ok-bg);color:var(--ok-ink)}.banner.no{background:var(--no-bg);color:var(--no-ink)}.answer-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.answer-info{flex-direction:column;align-items:center;gap:18px;display:flex}.tiles{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tile-col{flex-direction:column;align-items:center;gap:4px;display:flex}.tile{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px 6px;display:flex}.tile-kana{font-size:26px;font-weight:700;line-height:1.2}.tile-romaji{color:var(--muted);font-size:14px}.tile.bad{border:2px solid var(--no);background:var(--no-tile)}.tile.bad .tile-romaji{color:var(--no);font-weight:700}.tile-you{min-height:16px;color:var(--no-ink);font-size:11px;font-weight:600}.answer-name{flex-direction:column;align-items:center;gap:2px;display:flex}.romaji-big{letter-spacing:.02em;font-size:24px;font-weight:700}.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.pill .kbd{color:var(--muted);background:0 0;border-radius:5px;padding:1px 6px;font-size:11px}.prompt-line{align-items:center;gap:10px;display:flex}.romaji-prompt{font-size:36px;font-weight:700}.round{border:1px solid var(--line);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--on-fg)}.summary{gap:28px;padding-top:32px}.summary-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.score{align-items:baseline;gap:6px;display:flex}.score b{font-variant-numeric:tabular-nums;font-size:72px;line-height:1}.score span{color:var(--muted);font-size:24px;font-weight:600}.delta{background:var(--ok-bg);color:var(--ok-ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.miss{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;min-height:64px;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.miss:hover{border-color:var(--fg)}.miss-text{color:var(--fg);flex-direction:column;flex:1;gap:2px;display:flex}.miss-kana{font-size:20px;font-weight:700}.miss small{color:var(--muted);font-size:13px}.all-correct{text-align:center;color:var(--ok);font-weight:600}.history{margin:8px 0 0;padding:0;list-style:none}.history li{border-top:1px solid var(--line-soft);grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.h-name b{font-size:14px;display:block}.h-name small{color:var(--muted);font-size:11px;display:block}.history .ok,.history .no{font-size:12px;font-weight:700}.shortcuts{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:8px 0 0;display:grid}.shortcuts dt{justify-self:start}.shortcuts dd{margin:0;font-size:13px}.hist-bar{justify-content:flex-start;gap:4px;padding:12px 20px 4px 8px}.hist-title{flex:1;font-size:18px}.hist-tools{flex-direction:column;gap:8px;padding:8px 20px 4px;display:flex}.hist-body{flex-direction:column;flex:1;display:flex}.hist-main{flex-direction:column;flex:1;min-width:0;display:flex}.hist-gens,.pick-all-top{display:none}.tabs button{white-space:nowrap;justify-content:center;align-items:center;gap:4px;height:34px;padding:0;font-size:13px;display:flex}.tabs small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.gen-open{align-items:center;gap:6px;padding:0 10px 0 12px;display:flex}.badge{background:var(--fg);min-width:20px;height:20px;color:var(--on-fg);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.search-row{gap:8px;display:flex}.search{border:1px solid var(--line);background:var(--surface);min-width:0;height:44px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search input{min-width:0;font:14px var(--font);color:var(--fg);background:0 0;border:none;outline:none;flex:1}.btn-sm{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:none;height:44px;padding:0 14px;font-size:14px;font-weight:600}.dex{flex-direction:column;flex:1;gap:16px;padding:14px 20px;display:flex}.dex-section{flex-direction:column;gap:10px;display:flex}.dex-head{z-index:1;background:var(--bg);align-items:center;gap:8px;margin:0 -20px;padding:6px 20px;font-size:13px;display:flex;position:sticky;top:0}.dex-head.jumps .dex-title{display:none}.dex-jump{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--fg);font:700 13px var(--font);border-radius:8px;padding:0 6px}.dex-jump:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dex-head i{background:var(--line);flex:1;height:1px}.dex-head small{color:var(--muted);font-size:12px;font-weight:400}.dex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dex-tile{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 2px;display:flex;position:relative}.dex-tile.unseen{background:var(--bg)}.dex-tile[aria-pressed=true]{border:2px solid var(--fg);padding:7px 1px}.dex-no{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:4px;left:7px}.dex-tick{background:var(--fg);width:18px;height:18px;color:var(--on-fg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.dex-icon{object-fit:contain;width:68px;height:56px;image-rendering:pixelated;display:block}.dex-icon.unseen{filter:var(--silhouette)}.dex-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.dex-tile.unseen .dex-name{color:var(--muted)}.dex-romaji,.dex-level{display:none}.dex-foot{align-items:center;gap:6px;margin-top:2px;display:flex}.pips{gap:2px;display:flex}.pips i{background:var(--line);border-radius:1px;width:8px;height:3px}.weak .pips .on{background:var(--no)}.learning .pips .on{background:var(--ok-soft)}.learned .pips .on{background:var(--ok)}.weak .dex-level{color:var(--no)}.learned .dex-level{color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:40px 0}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:.5s;animation-delay:.15s}::view-transition-old(*){display:none}::view-transition-new(*){animation:none}::view-transition-old(*):only-child{animation-duration:.15s;animation-delay:0s;display:block}::view-transition-new(*):only-child{animation:.2s .6s both vt-in}@keyframes vt-in{0%{opacity:0}}.review-bar{view-transition-name:review-bar}.hist-gens{view-transition-name:hist-gens}::view-transition-group(review-bar){z-index:1}::view-transition-group(hist-gens){z-index:1}:root:has(dialog[open]) :is(.dex-section,.review-bar){view-transition-name:none!important}.review-bar{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;gap:8px;padding:10px 20px 28px;display:flex;position:sticky;bottom:0}.to-top{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--fg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:calc(100% + 12px);right:20px;box-shadow:0 2px 8px #00000026}.review-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.review-info{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.review-info .link-btn{font-size:13px}.review-row .seg{flex:none}.btn.primary:disabled{opacity:.4;cursor:default}.cells{flex-wrap:wrap;justify-content:center;gap:38px 8px;margin:-10px 0 -18px;padding:10px 6px 30px;display:flex;position:relative}.cells.done{row-gap:8px;margin-bottom:0;padding-bottom:0}.cell{border:1px solid var(--line);background:repeating-linear-gradient(to bottom, var(--line) 0 4px, transparent 4px 9px) center / 1px 100% no-repeat, repeating-linear-gradient(to right, var(--line) 0 4px, transparent 4px 9px) center / 100% 1px no-repeat, var(--surface);border-radius:10px;flex:none;position:relative}.cell canvas{position:absolute;inset:0}.cell .guide{color:var(--guide);-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.guide svg{width:100%;height:100%;overflow:visible}.strokes path{fill:none;stroke:var(--guide);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.strokes text{fill:var(--muted);font:700 13px/1 ui-sans-serif,system-ui,sans-serif}.cells.noguide .guide,.cells.nonums .strokes text{display:none}.ink-layer{z-index:2;touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='3' fill='%23ff5248' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E") 5 5,crosshair;position:absolute;inset:0}.cell-clear{z-index:3;border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.cell-clear svg{width:14px;height:14px}@media (hover:hover){.cell-clear{opacity:0;visibility:hidden;transition:opacity .15s .4s,visibility 0s .55s}.cell.hover .cell-clear,.cell-clear:hover,.cell-clear:focus-visible{opacity:1;visibility:visible;transition:opacity .12s,visibility}}.cells.done .cell-clear{display:none!important}dialog.settings{background:var(--surface);width:100%;max-width:100%;max-height:90vh;color:var(--fg);border:none;border-radius:24px 24px 0 0;flex-direction:column;gap:12px;margin:auto 0 0;padding:8px 20px 28px;overflow:auto}dialog.settings[open]{display:flex}dialog.settings::backdrop{background:#14141373}.sheet-grip{background:var(--line);border-radius:3px;width:40px;height:5px;margin:0 auto 4px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-size:18px}.link-btn{height:44px;color:var(--accent);background:0 0;border:none;padding:0 4px;font-size:15px;font-weight:700}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.toggle-row:last-of-type{border-bottom:1px solid var(--line)}.toggle-row b{font-size:15px;font-weight:600;display:block}.toggle-row small{color:var(--muted);font-size:12px;display:block}.toggle-row input{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:5px;flex:none;width:24px;height:24px;margin:0}.toggle-row input:checked{border-color:var(--fg);background:var(--fg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat}.credits{color:var(--muted);margin-top:4px;font-size:12px}.credits a{color:inherit}@media (width>=900px){.wide-only{display:revert!important}.narrow-only{display:none!important}.bar{border-bottom:1px solid var(--line);padding:12px 24px}.lang-seg.wide-only{display:grid!important}.home,.session{flex-flow:wrap;flex:none;align-items:flex-start;gap:24px;width:100%;max-width:1120px;margin:0 auto}.home{padding:40px 24px 56px}.home-main{flex-direction:column;flex:999 560px;gap:24px;min-width:0;display:flex}.home-side{flex-direction:column;flex:320px;gap:16px;min-width:0;display:flex}.home-title{letter-spacing:.01em;font-size:32px}.home-tagline{font-size:16px}.home-main .label{display:none}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.mode-card{gap:6px;padding:20px}.mode-glyph{font-size:28px}.method{border-radius:18px;flex-flow:wrap;align-items:center;gap:16px 24px;padding:16px 20px}.method .seg{width:180px}.stepper-row{flex-direction:row-reverse;flex:1;justify-content:flex-end;gap:16px;padding:0}.stepper-text b{display:none}.start-row{background:0 0;border:none;flex-wrap:wrap;margin:0;padding:0;position:static}.start-row .btn.primary{width:auto;padding:0 40px}.stats{border-radius:18px;padding:18px 20px}.gens-group{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:4px;padding:14px 20px}.gens{flex-direction:column;gap:0;display:flex}.gen{border:none;border-top:1px solid var(--line-soft);background:0 0;border-radius:0;flex-direction:row;align-items:center;gap:12px;height:auto;padding:10px 0}.gen:first-child{border-top:none}.gen-box{border:1.5px solid var(--line-strong);color:#0000;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.gen-title{flex:1;gap:8px}.gen-name{color:var(--fg);font-size:13px}.gen-bar{flex:none;width:72px}.gen-pct{text-align:right;width:36px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.gen[aria-pressed=true]{color:var(--fg);border-color:var(--line-soft);background:0 0}.gen[aria-pressed=true] .gen-name{color:var(--fg)}.gen[aria-pressed=true] .gen-bar{background:var(--track)}.gen[aria-pressed=true] .gen-bar span{background:var(--ok)}.gen[aria-pressed=true] .gen-box{background:var(--fg);border-color:var(--fg);color:var(--on-fg)}.session-bar{padding:12px 24px}.exit{padding:0 12px 0 8px}.track{flex:240px;max-width:640px;margin:0 auto}.subbar{width:100%;max-width:1120px;margin:0 auto;padding:12px 24px 0}.session{padding:32px 24px 48px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex:999 560px;min-width:0;padding:28px}.card-body{gap:20px;padding-top:0}.card-actions{background:0 0;align-items:center;padding:24px 0 0;position:static}.card-actions>.btn.primary{width:auto;min-width:240px;padding:0 32px}.card-actions .row{justify-content:center}.card-actions .row>.btn{flex:0 220px}.card .answer-input,.card-actions>.label{align-self:center;max-width:480px}.card-actions>.label{width:100%}.answer-main{flex-flow:wrap;gap:24px 32px}.sprite.art{width:160px;height:160px}.session-side{flex-direction:column;flex:260px;gap:16px;min-width:0;display:flex!important}.session-side .panel{border-radius:18px;padding:14px 18px}.hist-bar{gap:12px;padding:12px 24px}.hist-title{font-size:20px}.hist-body{flex-flow:row-reverse wrap;align-items:flex-start;gap:24px;width:100%;max-width:1120px;margin:0 auto;padding:28px 24px 0}.hist-main{flex:999 600px}.hist-gens{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex:260px;min-width:0;padding:12px 18px 8px;display:block;position:sticky;top:16px}.hist-gens .label-row{padding:2px 0 6px}.gen-row{border-top:1px solid var(--line-soft);align-items:center;display:flex}.gen-check{cursor:pointer;padding:13px 10px 13px 0;display:flex}.gen-check input{width:18px;height:18px;accent-color:var(--fg);cursor:pointer;margin:0}.gen-jump{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0;font-size:14px;display:flex}.gen-jump b{width:14px;font-size:13px}.gen-jump svg{color:var(--muted)}.gen-jump:hover .gen-row-name{text-decoration:underline}.gen-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.gen-row-pct{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.gen-open,.pick-all-bar{display:none}.pick-all-top{display:block}.hist-tools{flex-flow:wrap;align-items:center;gap:12px;padding:0}.tabs{order:-1;grid-auto-columns:auto}.tabs button{gap:6px;height:40px;padding:0 14px;font-size:14px}.tabs small{font-size:12px}.search-row{flex:320px}.dex{gap:24px;padding:20px 0 24px}.dex-head{background:0 0;margin:0;padding:0;font-size:14px;position:static}.dex-jump{display:none}.dex-head.jumps .dex-title{display:inline}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.dex-tile{border-radius:14px;padding:12px 6px 10px}.dex-tile[aria-pressed=true]{padding:11px 5px 9px}.dex-no{font-size:11px;top:7px;left:9px}.dex-name{font-size:14px}.dex-romaji{min-height:18px;color:var(--muted);font-size:12px;display:block}.dex-level{color:var(--muted);font-size:11px;font-weight:600;display:inline}.pips i{width:9px;height:4px}.review-bar{background:var(--fg);width:calc(100% - 48px);max-width:760px;color:var(--on-fg);border:none;border-radius:16px;flex-flow:wrap;align-items:center;gap:10px 14px;margin:0 auto 16px;padding:10px 10px 10px 20px;bottom:16px}.review-row{flex:1}.review-info{color:inherit;font-size:14px;font-weight:600}.review-info .link-btn{color:inherit;font-weight:400;text-decoration:underline}.review-bar .seg{background:color-mix(in srgb, var(--on-fg) 14%, transparent)}.review-bar .seg button{color:color-mix(in srgb, var(--on-fg) 80%, transparent)}.review-bar .seg button[aria-pressed=true]{background:var(--on-fg);color:var(--fg)}.review-bar .btn.primary{background:var(--on-fg);width:auto;height:44px;color:var(--fg);border-radius:10px;padding:0 20px;font-size:15px}.review-bar .btn .kbd{border-color:var(--line-strong);color:var(--muted)}dialog.settings{border-radius:20px;width:440px;margin:auto;padding:20px 24px 24px}.sheet-grip{display:none}}