:root{--bg:#f7f5f0;--surface:#fff;--text:#1c1f26;--muted:#6b7080;--border:#e2ded4;--accent:#1f2a44;--accent-text:#fff;--correct:#2f8a4c;--correct-bg:#e3f3e8;--wrong:#c0392b;--wrong-bg:#f8e3e0;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161b;--surface:#1e2129;--text:#e8e6e1;--muted:#9599a6;--border:#2e323d;--accent:#e8b04a;--accent-text:#14161b;--correct:#5cc27e;--correct-bg:#1d3325;--wrong:#ef6f61;--wrong-bg:#3a1f1c}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}#root{max-width:32rem;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);margin:0 auto}h1{margin:0;font-size:1.35rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 .75rem;font-size:1rem}a{color:inherit;text-decoration:none}.hint{color:var(--muted)}.page-header{align-items:center;gap:.5rem;padding:1rem 0;display:flex}.page-header h1{flex:1}.icon-button{width:2.5rem;height:2.5rem;color:var(--text);border-radius:50%;place-items:center;font-size:1.25rem;display:inline-grid}.icon-button:active{background:var(--border)}.button,button{font:inherit;color:inherit}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;width:100%;padding:.9rem 1rem;font-weight:600;display:block}.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;text-decoration:underline}.start{margin:1.25rem 0;font-size:1.1rem}.exercise-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:.25rem;padding:1rem;display:grid}.card span{color:var(--muted)}.settings-list{gap:.75rem;display:grid}.settings-list+.settings-list{margin-top:.75rem}.setting{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.setting select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;max-width:60%;padding:.5rem}.stepper{align-items:center;gap:.5rem;display:flex}.stepper>button:not(.link){border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:2.5rem;height:2.5rem;font-size:1.2rem}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem}.stepper small{color:var(--muted)}.best{font-size:1.05rem}.history{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.history th{text-align:left;color:var(--muted);font-size:.85rem;font-weight:500}.history th,.history td{border-bottom:1px solid var(--border);padding:.4rem 0}.history td:not(:first-child),.history th:not(:first-child){text-align:right}.run{flex-direction:column;min-height:100dvh;padding-bottom:1rem;display:flex}.run-header{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:.75rem 0 .5rem;display:flex}.run-header .clock{text-align:right;min-width:2.5rem;color:var(--muted)}.run progress{appearance:none;background:var(--border);border:none;border-radius:2px;width:100%;height:4px;overflow:hidden}.run progress::-webkit-progress-bar{background:var(--border)}.run progress::-webkit-progress-value{background:var(--accent);transition:width .2s}.run progress::-moz-progress-bar{background:var(--accent)}.prompt{text-align:center;margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:600}.staff{color:var(--text);justify-content:center;min-height:120px;display:flex}.feedback{text-align:center;min-height:2.5rem;margin:.5rem 0;font-size:1.1rem}.feedback .correct{color:var(--correct);font-weight:600}.feedback .wrong{color:var(--wrong)}.choices{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;display:grid}.choice{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;padding:1.25rem .5rem;font-size:1.15rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.choice.correct{border-color:var(--correct);background:var(--correct-bg)}.choice.wrong{border-color:var(--wrong);background:var(--wrong-bg)}.choice.dimmed{opacity:.45}.typed-answer{grid-template-columns:1fr auto;gap:.5rem;margin-top:auto;display:grid}.typed-answer input{font:inherit;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);min-width:0;padding:.8rem 1rem;font-size:1.25rem}.typed-answer input.unrecognised{border-color:var(--wrong);animation:.3s shake}.typed-answer .button{width:auto}.typed-answer .hint{grid-column:1/-1;margin:0}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.summary{padding-top:2rem}.score{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:4rem;font-weight:700}.score span{color:var(--muted);font-size:2rem}.score-detail{text-align:center;color:var(--muted);margin:0}.stats{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0 0;display:grid}.stats div{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center;padding:.75rem}.stats dt{color:var(--muted);font-size:.85rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600}.summary .best{text-align:center}.summary-actions{gap:.75rem;margin-top:1.5rem;display:grid}.mistakes{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.mistakes li{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:.75rem}.mistakes .staff{min-height:0}.mistakes p{text-align:center;margin:.25rem 0 0}.limit{margin:.75rem 0 0;font-size:.9rem}.tips{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-top:.75rem;padding:.5rem .75rem}.tips summary{cursor:pointer;font-weight:600}.tips ul{gap:.4rem;margin:.5rem 0 .25rem;padding-left:1.25rem;display:grid}