:root{--bg: #0e1014;--surface: #171a21;--surface-2: #1f2430;--border: #2a3040;--text: #eef1f6;--muted: #97a0b2;--accent: #ffb703;--accent-ink: #1a1206;--right: #3ddc97;--wrong: #ff6b6b;--radius: 16px;--radius-sm: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 18px;--space-5: 28px;--space-6: 40px;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root[data-theme=light]{--bg: #f6f5f1;--surface: #ffffff;--surface-2: #f0eee9;--border: #e0ddd5;--text: #1b1d22;--muted: #6a7280;--accent: #e07a00;--accent-ink: #fff8ec;--right: #17a06a;--wrong: #d64545;--shadow: 0 14px 30px rgba(20, 20, 30, .12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(120% 80% at 50% 0%,var(--surface-2) 0%,var(--bg) 55%);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}.brand{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.02em;color:var(--text);text-decoration:none}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.ghost{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.ghost:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.ghost:disabled{opacity:.55;cursor:default}#app{flex:1;display:flex;justify-content:center;padding:var(--space-5) var(--space-4) var(--space-6)}.home,.panel,.session{width:100%;max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}.hero{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);font-weight:500;line-height:1.1;text-align:center}.hero span{color:var(--accent);font-style:italic}.tiles{display:grid;gap:var(--space-3)}.tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tile-icon{grid-row:1 / span 2;align-self:center;font-size:1.8rem}.tile-title{font-size:1.15rem;font-weight:600}.tile-sub{color:var(--muted);font-size:.9rem}.challenging{padding:var(--space-3) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);font:inherit;cursor:pointer}.challenging strong{color:var(--accent);margin:0 var(--space-1)}.challenging.empty{cursor:default}.panel h1{margin:0;font-family:var(--font-display);font-size:1.7rem;font-weight:500}.panel h2{margin:var(--space-3) 0 0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.muted{margin:0;color:var(--muted);font-size:.92rem}.back{align-self:flex-start}.chip-group{display:flex;flex-direction:column;gap:var(--space-2)}.chip-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.92rem;cursor:pointer;transition:all .15s}.chip:hover{color:var(--text)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.advanced{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3)}.advanced summary{color:var(--muted);cursor:pointer;font-size:.9rem}.advanced[open] summary{margin-bottom:var(--space-3)}.advanced .chip-group+.chip-group{margin-top:var(--space-3)}.btn{min-height:48px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:1rem;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.big{min-height:56px;font-size:1.05rem}.btn.subtle{background:transparent;color:var(--muted);min-height:44px}.btn.subtle.starred{color:var(--accent);border-color:var(--accent)}.btn.right{border-color:var(--right);color:var(--right)}.btn.wrong{border-color:var(--wrong);color:var(--wrong)}.session-head{display:flex;align-items:center;gap:var(--space-3)}.progress{flex:1;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar{height:100%;background:var(--accent);transition:width .25s ease}.count{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:260px;padding:var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center;animation:card-in .22s ease}.card.flipped{animation:flip .28s ease}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}@keyframes flip{0%{transform:rotateX(-12deg);opacity:.6}}.tag{padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.78rem;letter-spacing:.04em}.prompt{font-family:var(--font-display);font-size:clamp(1.9rem,9vw,2.6rem);line-height:1.15}.prompt-sub{color:var(--muted);font-size:1rem;font-style:italic}.hint{display:flex;flex-direction:column;gap:var(--space-1);color:var(--accent);font-size:.9rem}.hint .skeleton{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--muted)}.input-row{width:100%;display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}#answer-input{width:100%;min-height:52px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:1.2rem;text-align:center}#answer-input:focus{outline:2px solid var(--accent);outline-offset:1px}.accent-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.accent{min-width:40px;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;font-size:1rem;cursor:pointer}.answer-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:auto;width:100%}.compare{display:flex;align-items:baseline;gap:var(--space-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}.compare-label{color:var(--muted);font-size:.75rem;text-transform:uppercase}.compare .ok{color:var(--muted)}.compare .off{color:var(--wrong);text-decoration:underline wavy}.compare.empty{color:var(--muted);font-size:.85rem}.answer{font-family:var(--font-display);font-size:clamp(1.6rem,7vw,2.2rem);color:var(--accent)}.answer-note{color:var(--muted);font-size:.9rem}.actions{display:flex;flex-direction:column;gap:var(--space-2)}.actions-row{display:flex;gap:var(--space-2)}.actions-row>*{flex:1}.score{display:flex;gap:var(--space-3)}.score>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.score strong{font-size:1.5rem}.score span{color:var(--muted);font-size:.8rem}.missed,.hard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.missed li,.hard-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.missed-answer{color:var(--accent)}.missed-prompt em,.hard-list em{margin-left:var(--space-2);color:var(--muted);font-size:.78rem}.pill{padding:2px var(--space-2);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.7rem}.all-clear,.loading{color:var(--muted)}.error,.error-panel h1{color:var(--wrong)}#help-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:380px;padding:var(--space-4)}#help-dialog::backdrop{background:#0000008c}#help-dialog h2{margin-top:0;font-weight:500}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);font-size:.9rem}.shortcuts dt{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shortcuts dd{margin:0;color:var(--muted)}@media(max-width:560px){#app{padding:var(--space-4) var(--space-3) var(--space-5)}.session{min-height:calc(100dvh - 140px)}.actions{position:sticky;bottom:var(--space-2)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}