:root{--bg: #12100e;--term-bg: #1f1d1a;--term-border: #383430;--titlebar: #2a2723;--surface: #2a2724;--border: #3a362f;--text: #e8e4dc;--text-dim: #8a857c;--pending: #5c574d;--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--ghost: #34d399;--error: #e06c75;--good: #98c379;--glow: rgba(167, 139, 250, .45);--bg-tint: rgba(167, 139, 250, .06);--box-bg: rgba(0, 0, 0, .18);--font: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=light]{--bg: #ffffff;--term-bg: #ffffff;--term-border: #e4e4e7;--titlebar: #f4f4f5;--surface: #f4f4f5;--border: #e4e4e7;--text: #18181b;--text-dim: #71717a;--pending: #b6b6bc;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .1);--ghost: #059669;--error: #dc2626;--good: #16a34a;--glow: rgba(124, 58, 237, .2);--bg-tint: rgba(124, 58, 237, .04);--box-bg: #fafafa}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(ellipse 70% 45% at 50% -10%,var(--bg-tint),transparent);color:var(--text);font-family:var(--font);min-height:100vh}#app{max-width:900px;margin:0 auto;padding:6vh 24px}kbd{background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.75em;color:var(--text-dim)}b{color:var(--text)}.dim{color:var(--text-dim)}.accent-text{color:var(--accent)}.good-text{color:var(--good)}.ghost-text{color:var(--ghost)}.screen{display:flex;flex-direction:column;min-height:88vh}.ascii-logo{margin:0;font-family:var(--font);font-size:22px;line-height:1;color:var(--accent);text-shadow:0 0 16px var(--glow);white-space:pre;-webkit-user-select:none;user-select:none}.menu,.race,.results{position:relative}.ascii-logo.small{position:absolute;top:0;right:0;margin:0;font-size:8px;text-shadow:0 0 8px var(--glow);opacity:.7;pointer-events:none;z-index:10}.race-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.logo-home{background:none;border:none;padding:0;cursor:pointer;display:block;align-self:flex-start;line-height:1}.logo-home .ascii-logo.small{position:static}.race-header-stat{font-size:12px}.turn{font-size:14px;color:var(--text)}.turn .bullet{color:var(--accent)}.turn .bullet.done{color:var(--good)}.turn-sub{color:var(--text-dim);font-size:13px;margin:6px 0 0 2px;white-space:pre}.menu{display:flex;flex-direction:column;gap:20px;flex:1}.tagline{margin:-8px 0 6px;color:var(--text-dim);font-size:13px;letter-spacing:1px}.cmd-input{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--box-bg);font-size:14px}.cmd-prompt{color:var(--accent);font-weight:700}.cmd-buffer{color:var(--text);white-space:pre}.block-caret{color:var(--accent);animation:blink 1.1s steps(1) infinite;margin-left:-2px}@keyframes blink{50%{opacity:0}}.cmd-hint{margin-left:14px;color:var(--text-dim);font-size:12.5px}.cmd-list{display:flex;flex-direction:column;gap:2px}.cmd-row{display:flex;align-items:baseline;gap:12px;text-align:left;font-family:var(--font);font-size:13.5px;background:none;border:none;border-radius:7px;padding:8px 12px;color:var(--text);cursor:pointer;transition:background .1s ease}.cmd-row.selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.cmd-row.selected .cmd-name{color:var(--accent)}.cmd-num{color:var(--accent);min-width:30px}.cmd-name{color:var(--text);font-weight:700;min-width:96px}.cmd-desc{color:var(--text-dim)}.menu-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;flex-wrap:wrap}.toggles{display:flex;gap:14px}.toggle{font-family:var(--font);font-size:12.5px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px 4px}.toggle:hover{color:var(--text)}.race{display:flex;flex-direction:column;gap:16px;flex:1}.status-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.hud{display:flex;align-items:baseline;gap:16px;font-size:15px}.hud b{color:var(--text)}.rs-label{color:var(--text-dim);font-size:12px;margin-left:3px}b.rs-wpm{color:var(--accent)}b.rs-acc{color:var(--good)}b.rs-acc.bad{color:var(--error)}.hud .combo{font-size:15px}.prompt-box{position:relative;display:flex;gap:14px;max-height:44vh;overflow:hidden;padding:18px 20px;background:var(--box-bg);border:1px solid var(--border);border-radius:10px;margin-top:8px}.prompt-box.has-errors{border-color:var(--error)}.prompt-box.shake{animation:shake .15s ease;border-color:var(--error)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.prompt-mark{color:var(--text-dim);font-size:19px;line-height:1.8;-webkit-user-select:none;user-select:none}.text{position:relative;white-space:pre-wrap;word-break:break-word;font-size:19px;line-height:1.8;color:var(--pending);transition:margin-top .18s ease;flex:1}.char.correct{color:var(--text)}.char.masked{opacity:.75}.char.masked.correct{opacity:1}.char.revealed{color:var(--ghost);opacity:1}.typed-block{display:flex;flex-direction:column;gap:3px;margin-left:18px;padding:5px 10px;border-left:2px solid var(--accent-soft);line-height:1.5}.typed-block .typed-meaning{color:var(--text-dim)}.save-words{display:flex;flex-direction:column;margin-left:18px}.save-word-row{display:flex;align-items:baseline;gap:12px;text-align:left;font-family:var(--font);font-size:13.5px;background:none;border:none;border-radius:6px;padding:5px 10px;color:var(--text);cursor:pointer}.save-word-row:hover{background:var(--accent-soft)}.save-word-row .word-term{font-weight:700}.save-word-row.added{background:var(--accent-soft)}.save-word-row.added .save-word-state:after{content:"✓ saved";color:var(--ghost)}.first-run{background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:13.5px;line-height:1.5}.mobile-gate{max-width:480px;margin:14vh auto 0;padding:0 24px;display:flex;flex-direction:column;gap:16px;line-height:1.6}.mobile-gate .ascii-logo{font-size:12px}.mobile-gate .btn{align-self:flex-start}.scroll-list{max-height:min(55vh,28rem);overflow-y:auto;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--box-bg);scroll-padding:8px;gap:3px}.scroll-list .cmd-row{width:100%}.scroll-list .cmd-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.words-list .cmd-row{display:grid;grid-template-columns:2.5rem minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:10px 12px;width:100%}.words-list .cmd-row.selected{box-shadow:none}.words-list .cmd-num{min-width:0}.word-term{font-weight:700;white-space:nowrap}.words-list .cmd-row.selected .word-term{color:var(--accent)}.word-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.word-del{color:var(--text-dim);opacity:0;padding:0 4px;transition:opacity .1s ease}.words-list .cmd-row.selected .word-del{opacity:1}.word-del:hover{color:var(--error)}.how-body{margin:14px 0 6px;max-width:640px}.how-step{margin-bottom:14px}.how-step p,.how-body>p{margin:4px 0 0;color:var(--text-dim);line-height:1.55}.dict-chip{font:inherit;color:var(--text);background:none;border:1px solid var(--accent-soft);border-radius:6px;padding:2px 8px;margin:0 2px;cursor:pointer}.dict-chip:hover{border-color:var(--accent)}.dict-chip.added{background:var(--accent-soft);border-color:var(--accent)}.btn.added{background:var(--accent-soft)}.dict-chip.added:after{content:" ✓";color:var(--ghost)}.char.quiz-hint{color:var(--ghost);opacity:.65;background:#34d39914;border-radius:2px}.char.wrong{color:var(--error);background:#e06c7529;border-radius:3px}.char.newline{opacity:.35;font-size:.75em}.char.current{border-radius:3px;background:var(--accent-soft)}.char.flash{animation:flash .25s ease;border-radius:3px}@keyframes flash{0%{background:var(--error);color:#fff}}.caret{position:absolute;top:0;left:0;width:2.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);will-change:transform;pointer-events:none}.spinner-line{color:var(--accent);font-size:13px;min-height:18px}.spinner-line.status-error{color:var(--error)}.progress-rail{position:relative;height:5px;background:var(--surface);border-radius:99px;overflow:hidden}.progress-bar{position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;transition:width .2s ease}.progress-bar.you{background:linear-gradient(90deg,var(--accent),#34d399);z-index:2}.progress-bar.ghost-bar{background:var(--ghost);opacity:.45}.bottom-bar{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--text-dim);font-size:12.5px}.bb-stats b{font-size:15px}.combo{font-size:19px;font-weight:700;color:var(--good);text-shadow:0 0 16px rgba(152,195,121,.5)}.combo.pulse{animation:pulse .35s ease}@keyframes pulse{40%{transform:scale(1.5)}to{transform:scale(1)}}.particle{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:99}.results{display:flex;flex-direction:column;gap:12px;flex:1}.r-line{color:var(--text-dim);font-size:13.5px;white-space:pre-wrap}.r-hero{display:flex;align-items:baseline;gap:10px}.wpm-number{font-size:46px;font-weight:700;line-height:1;color:var(--accent);text-shadow:0 0 30px rgba(167,139,250,.35)}.pb-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);padding:3px 10px;border-radius:99px;font-size:12px;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}}#graph{width:100%;background:var(--box-bg);border:1px solid var(--border);border-radius:10px;margin:8px 0}.chip{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:12.5px}.chip b{color:var(--error)}.actions{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions-hint{flex-basis:100%;margin:0 0 4px;font-size:12px}.nav-back{display:block;align-self:flex-start;margin-bottom:4px;background:none;border:none;color:var(--dim);cursor:pointer;font-family:var(--font);font-size:12px;padding:2px 0;text-decoration:none;transition:color .1s}.nav-back:hover{color:var(--text)}.btn{font-family:var(--font);font-size:13px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .12s ease}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@media(max-width:700px){.screen{padding:20px 18px 16px}.welcome-box{min-width:0;width:100%}.cmd-desc{display:none}.text{font-size:16px}.wpm-number{font-size:36px}}.level-picker{display:flex;align-items:baseline;gap:8px;font-size:13px;padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:var(--box-bg)}.level-value{color:var(--accent);font-weight:700;min-width:52px}.level-value-btn{font-family:var(--font);font-size:inherit;font-weight:700;color:var(--accent);background:none;border:none;padding:0;min-width:52px;cursor:pointer;text-align:left}.level-value-btn:hover{text-decoration:underline}.grammar-bar{padding:14px 18px;margin-bottom:6px;max-height:min(32vh,16rem);overflow-y:auto;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft);scroll-padding:8px}.grammar-rule-head{margin-bottom:6px}.grammar-unit-title{font-size:14px;font-weight:700;color:var(--accent);line-height:1.4}.grammar-rule-body{font-size:14px;line-height:1.65;color:var(--text);white-space:pre-wrap}.grammar-pattern{margin-top:12px;padding:10px 12px;border-radius:6px;background:#0000002e;font-size:12.5px;line-height:1.55;color:var(--text);white-space:pre-wrap;font-variant-numeric:tabular-nums}.grammar-hint{margin-top:12px;padding-top:10px;border-top:1px solid rgba(167,139,250,.2);font-size:13px;line-height:1.6;color:var(--text-dim)}.results .grammar-bar{margin-left:18px;max-height:none;border-left-color:var(--accent);background:var(--accent-soft)}.results .grammar-unit-title,.grammar-more-panel .grammar-unit-title{color:var(--accent)}.results .grammar-hint,.grammar-more-panel .grammar-hint{border-top-color:#a78bfa33}.grammar-tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;vertical-align:1px}.learn-bar{margin-top:14px;padding:12px 16px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft);font-size:16px;line-height:1.5}.learn-bar .learn-tag.recall{background:var(--ghost);color:#fff}.learn-bar .learn-tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;vertical-align:1px}.learn-bar.recall-bar{font-size:18px}.learn-bar.recall-bar .learn-tag{background:var(--ghost)}.recall-results{gap:16px}.recall-verdict{font-size:15px;font-weight:700}.recall-verdict.good{color:var(--good)}.recall-verdict.hinted{color:var(--accent)}.recall-word-card{padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft)}.recall-term{font-size:28px;font-weight:700;color:var(--text);line-height:1.2}.recall-meaning{margin-top:6px;font-size:16px;color:var(--text);line-height:1.5}.recall-example{padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--box-bg)}.recall-example-sentence{margin-top:6px;font-size:15px;line-height:1.55;color:var(--text)}.recall-example-tr{margin-top:4px;font-size:14px;line-height:1.5;color:var(--text-dim)}.hidden{display:none}.grammar-disclosure{margin-top:2px}.grammar-more-toggle{display:inline;margin:0;padding:0;font:inherit;line-height:inherit;text-align:left;background:none;border:none;color:inherit;cursor:pointer}.grammar-more-toggle:hover,.grammar-disclosure.open .grammar-more-toggle{color:var(--text)}.grammar-more-panel{margin:6px 0 0 18px}.grammar-more-panel .grammar-bar{margin-bottom:0;border-left-color:var(--accent);background:var(--accent-soft)}