:root{--bg:#14161a;--surface:#1c1f25;--surface-strong:#262a32;--fg:#e8e6e3;--muted:#8b9198;--accent:#6ea8fe;--accent-strong:#2f6fd0;--error:#ff6b6b;--success:#57cc99;--border:#333944;--on-accent:#fff;--on-highlight:#0b0d10;--finger-left-pinky:#b56576;--finger-left-ring:#c98c5a;--finger-left-middle:#c2b447;--finger-left-index:#7fa96a;--finger-right-index:#5aa9a3;--finger-right-middle:#5b8bc9;--finger-right-ring:#7c6bc4;--finger-right-pinky:#a56bb4;--finger-thumb:#6b7280;--grade-0:#b3413c;--grade-1:#c1683a;--grade-2:#bfa13c;--grade-3:#7fa94b;--grade-4:#3f9d63;--grade-locked:#3a3f48;--grade-unpracticed:#4d5560;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=light]{--bg:#f7f7f5;--surface:#fff;--surface-strong:#eceef2;--fg:#1c1f25;--muted:#5d646d;--accent:#2f6fd0;--accent-strong:#1b4d97;--error:#c0392b;--success:#1f7a4d;--border:#d2d6dd;--on-accent:#fff;--on-highlight:#0b0d10;--grade-0:#d05650;--grade-1:#dd8248;--grade-2:#d6b743;--grade-3:#8cb95a;--grade-4:#3f9d63;--grade-locked:#d7dae0;--grade-unpracticed:#b6bcc6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0}.app{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem 1rem 3rem;display:flex}.app__header{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;width:min(100%,60rem);display:flex}.app__brand h1{letter-spacing:.02em;margin:0;font-size:1.75rem}.app__tagline{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.app__controls{align-items:center;gap:.75rem;display:flex}.app__main{flex-direction:column;align-items:center;gap:1.5rem;width:min(100%,60rem);display:flex}.button{border:1px solid var(--border);background:var(--surface-strong);color:var(--fg);font:inherit;cursor:pointer;border-radius:.5rem;padding:.6rem 1.4rem}.button--primary{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--on-accent);font-weight:600}.button--primary:hover{filter:brightness(1.1)}.lesson-loop{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.lesson-loop__focus,.lesson-loop__empty{color:var(--muted);margin:0;font-size:.95rem}.results{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;width:min(100%,32rem);padding:2rem;display:flex}.results h2{margin:0;font-size:1.25rem}.results__stats{gap:2.5rem;margin:0;display:flex}.results__stat{flex-direction:column;gap:.25rem;display:flex}.results__stat dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.results__stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:2rem}.results__unlock{border:1px solid var(--success);background:color-mix(in srgb, var(--success) 15%, transparent);border-radius:.5rem;width:100%;padding:1rem;animation:.6s ease-out unlock-pop}.results__unlock-title{margin:0;font-weight:700}.results__unlock-keys{letter-spacing:.15em;margin:.5rem 0;font-family:SF Mono,Cascadia Mono,Fira Mono,ui-monospace,monospace;font-size:2.5rem}.results__unlock-body{color:var(--muted);margin:0;font-size:.875rem}.results__hint,.results__count{color:var(--muted);margin:0;font-size:.8rem}@keyframes unlock-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.results__unlock{animation:none}}.break{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);text-align:left;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;display:flex}.break__title{margin:0;font-weight:600}.break__body{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.settings{font-size:.875rem;position:relative}.settings__summary{border:1px solid var(--muted);color:var(--muted);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;list-style:none}.settings[open] .settings__summary{color:var(--fg);border-color:var(--fg)}.settings__body{z-index:10;border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:.5rem;flex-direction:column;gap:.75rem;width:18rem;margin-top:.5rem;padding:1rem;display:flex;position:absolute;right:0}.settings__field{grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;margin:0;display:grid}.settings__hint{color:var(--muted);grid-column:1/-1;font-size:.75rem}.settings select,.settings input{font:inherit;color:inherit;background:var(--surface-strong);border:1px solid var(--border);border-radius:.35rem;padding:.2rem .4rem}.lang{gap:.25rem;display:flex}.lang__button{border:1px solid var(--muted);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;padding:.35rem .75rem;font-size:.875rem}.lang__button:hover{color:var(--fg)}.lang__button[aria-current=true]{border-color:var(--fg);color:var(--fg)}.viewnav{gap:.25rem;display:flex}.viewnav__button{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;padding:.35rem .85rem;font-size:.9375rem}.viewnav__button:hover{color:var(--fg)}.viewnav__button[aria-current=page]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--fg)}.app__meta{color:var(--muted);font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typing{flex-direction:column;align-items:center;gap:1rem;width:min(100%,60rem);display:flex}.lesson{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);letter-spacing:.04em;text-align:left;-webkit-user-select:none;user-select:none;cursor:text;border-radius:.75rem;max-width:100%;margin:0;padding:1.25rem 1.5rem;font-family:SF Mono,Cascadia Mono,Fira Mono,ui-monospace,monospace;font-size:2rem;line-height:1.8}.cluster{white-space:pre-wrap;color:var(--muted);position:relative}.cluster--typed{color:var(--muted);opacity:.55}.cluster--upcoming{color:var(--fg)}.cluster--current{color:var(--fg);background:color-mix(in srgb, var(--accent) 25%, transparent);box-shadow:inset 2px 0 0 0 var(--accent);border-radius:.15rem}.cluster--error{color:var(--error);background:color-mix(in srgb, var(--error) 25%, transparent);box-shadow:inset 2px 0 0 0 var(--error)}.cluster--focused{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.25em;text-decoration-thickness:2px}.cluster--space.cluster--current,.cluster--space.cluster--error{border-radius:.15rem}.typing__input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.typing__status{min-height:2rem;color:var(--muted);justify-content:center;align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.typing__paused{border:1px solid var(--border);background:var(--surface);border-radius:999px;margin:0;padding:.25rem .75rem}.live-stats{gap:1.25rem;margin:0;display:flex}.live-stats__item{gap:.35rem;display:flex}.live-stats dt,.live-stats dd{margin:0}.live-stats dd{color:var(--fg);font-variant-numeric:tabular-nums}.keyboard{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.35rem;width:min(100%,60rem);padding:.6rem;display:flex}.keyboard__row{gap:.35rem;display:grid}.keycap{border:1px solid var(--border);background:var(--surface-strong);min-height:2.75rem;color:var(--fg);-webkit-user-select:none;user-select:none;border-bottom-width:3px;border-radius:.4rem;justify-content:center;align-items:center;padding:.25rem;font-size:.95rem;display:flex;position:relative}.keycap--role-modifier,.keycap--role-shift,.keycap--role-space{color:var(--muted);font-size:.7rem}.keycap--left-pinky{border-bottom-color:var(--finger-left-pinky)}.keycap--left-ring{border-bottom-color:var(--finger-left-ring)}.keycap--left-middle{border-bottom-color:var(--finger-left-middle)}.keycap--left-index{border-bottom-color:var(--finger-left-index)}.keycap--right-index{border-bottom-color:var(--finger-right-index)}.keycap--right-middle{border-bottom-color:var(--finger-right-middle)}.keycap--right-ring{border-bottom-color:var(--finger-right-ring)}.keycap--right-pinky{border-bottom-color:var(--finger-right-pinky)}.keycap--thumb{border-bottom-color:var(--finger-thumb)}.keycap--next{border-color:var(--accent);background:var(--accent);color:var(--on-highlight);font-weight:700}.keycap--shift{border-color:var(--accent);background:var(--accent-strong);color:var(--on-accent)}.keycap__shift,.keycap__secondary{color:var(--muted);font-size:.6rem;position:absolute}.keycap__shift{top:.15rem;left:.3rem}.keycap__secondary{bottom:.15rem;right:.3rem}.keycap--next .keycap__shift,.keycap--next .keycap__secondary{color:inherit}.progress{text-align:left;flex-direction:column;gap:2rem;width:100%;display:flex}.progress__section{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.progress__section h2{margin:0;font-size:1.125rem}.progress__hint{color:var(--muted);margin:0;font-size:.875rem}.letter-grid{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.letter-grid__cell{background:var(--grade-locked);width:2.5rem;height:2.5rem;color:var(--muted);border:2px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.letter-grid__cell[data-state=unpracticed]{border-style:dashed;border-color:var(--grade-unpracticed);color:var(--fg);background:0 0}.letter-grid__cell[data-state=practiced]{color:var(--on-highlight)}.letter-grid__cell[data-state=practiced][data-bucket="0"]{background:var(--grade-0)}.letter-grid__cell[data-state=practiced][data-bucket="1"]{background:var(--grade-1)}.letter-grid__cell[data-state=practiced][data-bucket="2"]{background:var(--grade-2)}.letter-grid__cell[data-state=practiced][data-bucket="3"]{background:var(--grade-3)}.letter-grid__cell[data-state=practiced][data-bucket="4"]{background:var(--grade-4)}.letter-grid__cell[data-focused=true]{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.letter-grid--compact{justify-content:center;gap:.25rem}.letter-grid--compact .letter-grid__cell{border-width:1px;border-radius:.25rem;width:1.5rem;height:1.5rem;font-size:.75rem}.results__grid{justify-content:center;width:100%;display:flex}.summary{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;margin:0;display:grid}.summary__stat{flex-direction:column;gap:.15rem;display:flex}.summary__stat dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.summary__stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem}.chart{width:100%;max-width:42rem;height:auto;display:block;overflow:visible}.chart__grid line{stroke:var(--border);stroke-width:1px}.chart__line{fill:none;stroke-linejoin:round;stroke-linecap:round}.chart__line--raw{stroke:var(--muted);stroke-width:1px;opacity:.45}.chart__line--smoothed{stroke:var(--accent);stroke-width:2.5px}.chart__ticks text{fill:var(--muted);font-family:inherit;font-size:9px}.chart__empty{color:var(--muted);margin:0;font-size:.875rem}.heatmap{flex-direction:column;gap:.5rem;display:flex}.heatmap__grid{width:100%;max-width:42rem;height:auto;display:block}.heatmap__day,.heatmap__swatch{fill:var(--grade-locked);background:var(--grade-locked)}.heatmap__day[data-level="1"],.heatmap__swatch[data-level="1"]{fill:color-mix(in srgb, var(--success) 30%, var(--grade-locked));background:color-mix(in srgb, var(--success) 30%, var(--grade-locked))}.heatmap__day[data-level="2"],.heatmap__swatch[data-level="2"]{fill:color-mix(in srgb, var(--success) 55%, var(--grade-locked));background:color-mix(in srgb, var(--success) 55%, var(--grade-locked))}.heatmap__day[data-level="3"],.heatmap__swatch[data-level="3"]{fill:color-mix(in srgb, var(--success) 80%, var(--grade-locked));background:color-mix(in srgb, var(--success) 80%, var(--grade-locked))}.heatmap__day[data-level="4"],.heatmap__swatch[data-level="4"]{fill:var(--success);background:var(--success)}.heatmap__legend{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.heatmap__swatch{border-radius:.15rem;width:.75rem;height:.75rem}.backup{flex-direction:column;gap:.75rem;display:flex}.backup__actions{flex-wrap:wrap;gap:.5rem;display:flex}.backup__file{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.backup__preview{border:1px solid var(--border);background:var(--surface-strong);border-radius:.5rem;padding:.75rem 1rem}.backup__preview-title{margin:0 0 .35rem;font-weight:600}.backup__preview-list{margin:0;padding-left:1.1rem;font-size:.875rem}.backup__confirm{flex-direction:column;gap:.75rem;display:flex}.backup__warning{color:var(--error);margin:0;font-size:.875rem}.backup__error{border:1px solid var(--error);background:color-mix(in srgb, var(--error) 12%, transparent);border-radius:.5rem;margin:0;padding:.6rem .85rem;font-size:.875rem}.backup__status{color:var(--success);margin:0;font-size:.875rem}.onboarding{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:.75rem;flex-direction:column;gap:1rem;width:min(100%,46rem);padding:2rem;display:flex}.onboarding__progress{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem}.onboarding h2{margin:0;font-size:1.5rem}.onboarding__body{flex-direction:column;gap:.85rem;font-size:1.05rem;display:flex}.onboarding__body p{margin:0}.onboarding__actions{flex-wrap:wrap;gap:.5rem;display:flex}.home-row{width:100%;max-width:26rem;height:auto;display:block}.home-row__key{fill:var(--surface-strong);stroke:var(--border)}.home-row__key[data-rest=true]{fill:color-mix(in srgb, var(--accent) 22%, var(--surface-strong))}.home-row__key[data-bump=true]{stroke:var(--accent);stroke-width:2px}.home-row__legend{fill:var(--fg);font-family:inherit;font-size:13px}.home-row__bump{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}