*{box-sizing:border-box}:root{color-scheme:dark;font-family:Geist,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;background:#101110;color:#f1f3ee;--lime: #c2ff40;--muted: #a8aea3;--line: #373d35}body{margin:0}button,input{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:6px;padding:0 13px;background:#1b1e1a;color:inherit;cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.top{min-height:71px;border-bottom:1px solid #2a3028;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,calc((100vw - 1024px)/2))}.brand{font-size:.85rem;font-weight:850;letter-spacing:.09em}.brand-mark{color:var(--lime);margin-right:5px;letter-spacing:-.12em}.sound{display:flex;align-items:center;gap:10px}.sound-toggle{white-space:nowrap;font-size:.75rem}.sound-toggle b{margin-left:4px;color:var(--lime)}.sound-toggle[aria-pressed=false] b{color:var(--muted)}input[type=range]{accent-color:var(--lime);width:clamp(48px,11vw,100px);height:44px;margin:0}main{width:min(100% - 32px,700px);margin:clamp(29px,6vw,65px) auto 36px}.title-row,.controls,.progress-label,.example-head{display:flex;justify-content:space-between;align-items:center;gap:10px}h1{margin:0;font-size:clamp(2.55rem,8vw,5rem);font-weight:950;line-height:.95;letter-spacing:-.065em}.title-row p{margin:13px 0 0;color:var(--muted);font-size:.91rem}.level{color:var(--lime);border:1px solid #526d27;padding:7px 10px;font:700 .9rem monospace;align-self:flex-start}.controls{margin:0 0 18px}.segments{display:flex;gap:3px;background:#191c18;border:1px solid var(--line);border-radius:7px;padding:3px}.segments button{border-color:transparent;background:transparent;color:var(--muted);font:700 .84rem monospace}.segments button[aria-pressed=true]{background:var(--lime);color:#12170d}.progress-label{font-size:.78rem;color:var(--muted);margin-bottom:8px}.progress-label span:last-child,footer strong{font-family:monospace;font-variant-numeric:tabular-nums}.progress-label strong,footer strong{color:var(--lime)}progress{display:block;width:100%;height:5px;border:0;margin-bottom:15px;background:#30362d;color:var(--lime);border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#30362d}progress::-webkit-progress-value{background:var(--lime)}progress::-moz-progress-bar{background:var(--lime)}.flashcard,.results{position:relative;border:1px solid var(--line);border-top:2px solid var(--lime);border-radius:9px;background:#1a1e19}.face{width:100%;min-height:258px;display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:20px;border:0;border-radius:8px;background:transparent;text-align:center}.face:hover{background:#20261d}.face-label{text-align:left;font-size:.82rem;color:var(--lime);padding-right:105px}.face-label span{font-family:monospace;color:var(--muted)}.term{align-self:center;font-size:clamp(1.8rem,7vw,3.7rem);line-height:1.12;overflow-wrap:anywhere}.flip-hint{color:var(--muted);font-size:.82rem}.flip-hint span{color:var(--lime)}.word-audio{position:absolute;top:10px;right:12px}.word-audio,.example button{font-size:.78rem}.example{border-top:1px solid var(--line);padding:8px 20px 17px}.example-head{color:var(--lime);font-size:.8rem}.example p{margin:4px 0 0}.example p:last-child{margin-top:7px;color:var(--muted);font-size:.88rem}.grades{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.grades button,.results button{min-height:53px;font-weight:750}.grades span{margin-right:5px}.known{background:var(--lime);color:#12170d;border-color:var(--lime)}.known:hover{background:#d2ff77}.results{padding:26px}.results h2{margin:0 0 15px}.results button{margin:7px 7px 0 0}.speech-error{color:#ffd48b;font-size:.86rem}footer{margin-top:17px;text-align:right;color:var(--muted);font-size:.79rem}@media(max-width:420px){.brand{max-width:132px}.face{min-height:215px;padding:17px 12px}.example{padding-inline:13px}}.mode-nav{display:grid;grid-template-columns:1fr 1.2fr 1fr;margin:24px 0 18px}.mode-nav button{padding-inline:4px}.recall{padding:20px}.recall .face-label{padding:0}.recall h2{margin:22px 0}.recall form label{display:block;margin-bottom:8px}.recall-input{display:flex;gap:8px}.recall-input input{width:100%;min-width:0;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#101110;color:inherit;font-size:1rem}.recall-input button{flex-shrink:0}.recall-input button:disabled{opacity:.55;cursor:default}.recall form p{color:var(--muted);font-size:.84rem;margin-bottom:0}.recall-feedback{overflow-wrap:anywhere}.recall-feedback p{margin:8px 0}.recall-feedback .correct{color:var(--lime)}.recall-feedback .incorrect{color:#ffd48b}.recall .example{margin-top:14px;padding:8px 0 14px}.recall .example-head{justify-content:flex-start}.recall-next{width:100%}