:root{--finger-1:#bbf;--finger-2:#eaa;--finger-3:#aeb;--finger-4:#ee8;--finger-5:#cac;--finger-6:#fc7;--finger-7:#aeb;--finger-8:#eaa;--finger-9:#bbf;--key-fg:#320;--key-blank:#afafaf;--char-untouched:#55524e;--char-correct:#282;--char-wrong:#f04;--char-wrong-bg:#edb;--char-retouched:#860;--cursor-fg:#fff;--cursor-bg:#37d;--bg:#faf8f6;--panel:#fff;--ink:#24211e;--ink-soft:#6b645d;--line:#e3ddd6;--accent:#1f6feb;--good:#1a7f37;--bad:#b3261e;--radius:8px;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--finger-1:#4a4a86;--finger-2:#7d4a4a;--finger-3:#3f7a52;--finger-4:#7a7433;--finger-5:#6a4d6a;--finger-6:#8a6329;--finger-7:#3f7a52;--finger-8:#7d4a4a;--finger-9:#4a4a86;--key-fg:#f2ece4;--key-blank:#35322f;--char-untouched:#8d867e;--char-correct:#80ff80;--char-wrong:#ff8a8a;--char-wrong-bg:#5c1414;--char-retouched:#fc9;--cursor-fg:#101010;--cursor-bg:#fa4;--bg:#17161a;--panel:#201f24;--ink:#f2ece4;--ink-soft:#a49c93;--line:#322f36;--accent:#79a8ff;--good:#6fd88a;--bad:#ff9a92}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}main{max-width:62rem;margin:0 auto;padding:1rem 1rem 3rem}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:62rem;margin:0 auto;padding:1rem;display:flex}.brand{color:inherit;text-decoration:none;display:grid}.brand-name{letter-spacing:-.01em;font-size:1.1rem;font-weight:650}.brand-tagline{color:var(--ink-soft);font-size:.85rem}.pickers{flex-wrap:wrap;gap:.75rem;display:flex}.pickers label{color:var(--ink-soft);gap:.15rem;font-size:.75rem;display:grid}.pickers select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:14rem;padding:.3rem .4rem;font-size:.85rem}.modules{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.module{text-align:left;font:inherit;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);gap:.2rem;padding:.6rem .75rem;display:grid}.module:hover{border-color:var(--accent)}.module-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.module-name{font-size:.95rem;font-weight:600}.module-blurb{color:var(--ink-soft);font-size:.75rem;line-height:1.35}.lesson-picker{color:var(--ink-soft);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.85rem;display:flex}.lesson-picker input[type=range]{flex:1;min-width:6rem;max-width:20rem}.lesson-picker output{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:2ch;font-weight:600}.lesson-reached{color:var(--ink-soft);font-size:.75rem}.button-step{place-content:center;width:2ch;min-width:1.9rem;height:1.9rem;padding:0;font-size:1.1rem;line-height:1;display:grid}.button-primary{border-color:var(--accent);color:var(--accent);font-weight:600}.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 10%, transparent)}.surface{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:9rem;padding:1.25rem;position:relative}.surface:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.surface-prompt{color:var(--ink-soft);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:var(--radius);pointer-events:none;place-content:center;margin:0;font-size:.9rem;display:grid;position:absolute;inset:0}.text{font-family:var(--mono);overflow-wrap:break-word;white-space:pre-wrap;margin:0;font-size:clamp(.95rem,2.4vw,1.25rem);line-height:1.9}.ch{color:var(--char-untouched)}.ch-correct{color:var(--char-correct)}.ch-wrong{color:var(--char-wrong);background:var(--char-wrong-bg);border-radius:2px}.ch-retouched{color:var(--char-retouched)}.ch-cursor{color:var(--cursor-fg);background:var(--cursor-bg);border-radius:2px;animation:1s steps(2,end) infinite cursor-blink}@keyframes cursor-blink{0%,to{background:var(--cursor-bg)}50%{background:color-mix(in srgb, var(--cursor-bg) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.ch-cursor{animation:none}}.stats{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;margin:1rem 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .7rem}.stat dt{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.stat dd{font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.35rem;font-weight:600}.stat .unit{color:var(--ink-soft);margin-left:.2rem;font-size:.7rem;font-weight:400}.keyboard{gap:.25rem;margin:1.25rem 0;font-size:clamp(.6rem,1.6vw,.85rem);display:grid}.keyboard-row{gap:.25rem;display:flex}.keyboard-row-space{justify-content:center;padding-left:0!important}.key{background:var(--key-blank);width:2.4em;height:2.4em;color:var(--key-fg);font-family:var(--mono);border:1px solid color-mix(in srgb, var(--key-fg) 18%, transparent);border-radius:4px;flex:none;place-content:center;font-size:1em;display:grid;position:relative}.key-blank{background:0 0;border-color:transparent}.key-shift{width:3em}.key-space{width:14em}.key-shift .key-label,.key-space .key-label{letter-spacing:.02em;font-size:.65em}.key-shifted{opacity:.55;font-size:.6em;position:absolute;top:.15em;right:.25em}.key-next{outline:2px solid var(--accent);outline-offset:1px;font-weight:700;transform:translateY(1px)}.finger-1{background:var(--finger-1)}.finger-2{background:var(--finger-2)}.finger-3{background:var(--finger-3)}.finger-4{background:var(--finger-4)}.finger-5{background:var(--finger-5)}.finger-6{background:var(--finger-6)}.finger-7{background:var(--finger-7)}.finger-8{background:var(--finger-8)}.finger-9{background:var(--finger-9)}.actions{gap:.5rem;display:flex}.button{font:inherit;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.45rem .9rem;font-size:.9rem}.button:hover:not(:disabled){border-color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}.notice,.hint{color:var(--ink-soft);margin:.5rem 0;font-size:.85rem}.notice-problem{color:var(--bad)}.results{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:1.5rem;padding:1rem 1.25rem}.results h2,.board h2{margin:0 0 .5rem;font-size:1rem}.verdict{font-size:.95rem}.verdict-met{color:var(--good)}.verdict-missed{color:var(--ink-soft)}.band{color:var(--ink-soft);font-style:italic}.results>*+*{margin-top:.6rem}.publish{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.publish label{color:var(--ink-soft);gap:.2rem;font-size:.75rem;display:grid}.publish input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .5rem}.rank-preview{margin:0;font-size:1.5rem;font-weight:700}.board{margin-top:1.5rem}.board table{border-collapse:collapse;width:100%;font-size:.85rem}.board th,.board td{text-align:left;border-bottom:1px solid var(--line);padding:.35rem .5rem}.board th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.7rem}.board .number,.board .rank{font-variant-numeric:tabular-nums;text-align:right}.board .date{color:var(--ink-soft)}.prose{max-width:42rem}.prose h1{font-size:1.4rem}.prose h2{margin-top:1.75rem;font-size:1.05rem}.prose .caveat{color:var(--ink-soft);border-left:2px solid var(--line);padding-left:.75rem;font-size:.85rem}.site-footer{border-top:1px solid var(--line);max-width:62rem;color:var(--ink-soft);margin:0 auto;padding:1rem;font-size:.8rem}