*,*:before,*:after{box-sizing:border-box}:root{--pine:#0E2B23;--pine-deep:#071A15;--pine-soft:#174236;--chalk:#F1F5F2;--muted:#8AA39A;--saffron:#E8B33C;--mint:#5FD3A0;--coral:#F1735F;--serif:ui-serif,Georgia,"Iowan Old Style","Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;min-height:100%}body{background:var(--pine-deep);color:var(--chalk);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5;overscroll-behavior:none}#root{max-width:34rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 1.15rem 1.4rem}button{font-family:inherit;font-size:1rem;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}input{font-family:inherit}.top{padding:1.2rem 0 .4rem;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.top h1{font-family:var(--serif);font-size:1.35rem;margin:0;letter-spacing:-.02em}.top nav{display:flex;gap:1rem;font-size:.9rem}.top nav a{color:var(--muted);text-decoration:none}.top nav a.on{color:var(--saffron)}.hero{font-family:var(--serif);font-size:2rem;line-height:1.2;margin:1.6rem 0 .5rem;letter-spacing:-.02em}.meta{color:var(--muted);font-size:.92rem;margin:0 0 1.4rem}.field{display:block;margin-bottom:.9rem}.field span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.field input{width:100%;min-height:3rem;padding:.7rem .9rem;background:var(--pine);border:1px solid var(--pine-soft);border-radius:.7rem;color:var(--chalk);font-size:1.05rem}.cta{display:inline-block;width:100%;min-height:3.4rem;background:var(--saffron);color:#20180b;font-weight:650;border-radius:.7rem;font-size:1.05rem;text-align:center;text-decoration:none;line-height:3.4rem}.cta.ghost{background:none;border:1px solid var(--pine-soft);color:var(--chalk);font-weight:500}.cta.inline{width:auto;padding:0 1.2rem}.cta:disabled{opacity:.45;cursor:default}.row{display:flex;gap:.6rem;margin-top:.7rem}.row .cta{flex:1}.err{background:#341e1b;color:#ffc2b8;border-radius:.7rem;padding:.7rem .9rem;font-size:.92rem;margin:.8rem 0}.note{color:var(--muted);font-size:.85rem;margin-top:1rem}.list{list-style:none;padding:0;margin:1rem 0}.list li{display:flex;justify-content:space-between;gap:.8rem;padding:.75rem .85rem;margin-bottom:.55rem;background:var(--pine);border:1px solid var(--pine-soft);border-radius:.7rem;align-items:center}.list li .t{font-family:var(--serif);font-size:1.05rem}.list li .s{color:var(--muted);font-size:.82rem;display:block;font-family:var(--sans)}.list li .r{color:var(--saffron);font-variant-numeric:tabular-nums;white-space:nowrap}.filters{display:flex;gap:.45rem;flex-wrap:wrap;margin:1rem 0}.filters button{padding:.5rem .85rem;border:1px solid var(--pine-soft);border-radius:2rem;font-size:.88rem;color:var(--muted);background:var(--pine)}.filters button.on{border-color:var(--saffron);color:var(--saffron)}.empty{color:var(--muted);text-align:center;padding:3rem 0;font-size:.95rem}main.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1.2rem 0}.kicker{font-size:.78rem;color:var(--muted);margin:0 0 .9rem}.prompt{font-family:var(--serif);font-size:1.55rem;line-height:1.35;margin:0 0 1.35rem;letter-spacing:-.01em}.prompt.small{font-size:1.25rem}.gloss{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1rem;margin:-.9rem 0 1.3rem}.blank{border-bottom:2px solid var(--saffron);padding:0 1.4rem;display:inline-block}.opts{display:flex;flex-direction:column;gap:.6rem}.opt{min-height:3.4rem;padding:.85rem 1.05rem;text-align:left;background:var(--pine);border:1px solid var(--pine-soft);border-radius:.7rem;font-family:var(--serif);font-size:1.1rem;transition:transform .08s,border-color .15s}.opt:active{transform:scale(.985)}.opt.pick{border-color:var(--saffron)}.opt.right{border-color:var(--mint);background:#123a2e;color:var(--mint)}.opt.wrong{border-color:var(--coral);background:#341e1b;color:var(--coral)}.opt[disabled]{cursor:default;opacity:.75}.opt.right[disabled],.opt.wrong[disabled]{opacity:1}.duo{flex-direction:row;gap:.6rem}.duo .opt{flex:1;text-align:center;font-family:var(--sans);font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cell{min-height:3.1rem;padding:.7rem .6rem;background:var(--pine);border:1px solid var(--pine-soft);border-radius:.6rem;font-family:var(--serif);font-size:.98rem;text-align:center;display:flex;align-items:center;justify-content:center}.cell.pick{border-color:var(--saffron)}.cell.done{border-color:transparent;background:#123a2e;color:var(--mint);opacity:.55}.cell.miss{border-color:var(--coral)}.tray{min-height:4.6rem;border-bottom:1px dashed var(--pine-soft);padding:.3rem 0 .8rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem;align-content:flex-start}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.55rem .8rem;background:var(--pine);border:1px solid var(--pine-soft);border-radius:.5rem;font-family:var(--serif);font-size:1.02rem}.chip.used{opacity:.25;pointer-events:none}.tray .chip{border-color:var(--saffron)}.flip{background:var(--pine);border:1px solid var(--pine-soft);border-radius:1rem;padding:2.4rem 1.2rem;text-align:center;width:100%;min-height:11rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.flip .face{font-family:var(--serif);font-size:1.8rem}.flip .rev{font-family:var(--serif);font-style:italic;color:var(--saffron);font-size:1.15rem}.flip .tap{font-size:.78rem;color:var(--muted)}.speak{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border:1px solid var(--pine-soft);border-radius:2rem;font-size:.85rem;color:var(--muted);background:var(--pine)}.speak.big{font-size:1.05rem;padding:1.1rem 1.6rem;color:var(--chalk);margin:0 auto 1.4rem;display:flex}footer.play{padding-top:.9rem}.fb{padding:.8rem .95rem;border-radius:.7rem;margin-bottom:.75rem;font-size:.92rem}.fb.ok{background:#123a2e;color:var(--mint)}.fb.no{background:#341e1b;color:#ffc2b8}.fb b{display:block;font-weight:650;margin-bottom:.15rem}.bar{position:sticky;top:0;background:var(--pine-deep);padding:.85rem 0 .7rem;z-index:5}.segs{display:flex;gap:2px;height:4px;margin-bottom:.6rem}.seg{flex:1;background:var(--pine-soft);border-radius:2px;transition:background .18s}.seg.ok{background:var(--mint)}.seg.no{background:var(--coral)}.seg.now{background:var(--saffron)}.bar-row{display:flex;align-items:baseline;justify-content:space-between;font-size:.8rem;color:var(--muted)}.pts{font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--chalk);font-weight:600}.streak{color:var(--saffron)}.clock{height:2px;background:var(--saffron);margin-top:.55rem;transition:width .25s linear}.big{font-family:var(--serif);font-size:4.2rem;line-height:1;letter-spacing:-.03em;margin:.2rem 0 0}.big small{font-size:1rem;color:var(--muted);font-family:var(--sans);letter-spacing:0}.rev-item{border-top:1px solid var(--pine-soft);padding:.7rem 0;font-size:.9rem}.rev-item .q{font-family:var(--serif);font-size:1rem}.rev-item .a{color:var(--mint)}.fine{color:var(--muted);font-size:.78rem;margin-top:1.4rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}