: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;--accent-soft:color-mix(in srgb, var(--accent) 45%, var(--fg));--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;--font-devanagari:"Mukta", "Noto Sans Devanagari";--font-lesson:"SF Mono", "Cascadia Mono", "Fira Mono", ui-monospace, monospace, var(--font-devanagari);--focus-ring:var(--accent);--font-scale:1;--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;--accent-soft:color-mix(in srgb, var(--accent) 45%, var(--fg));--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}:root[data-theme=high-contrast]{--bg:#000;--surface:#000;--surface-strong:#1a1a1a;--fg:#fff;--muted:#d9d9d9;--accent:#4fc3ff;--accent-strong:#005f9e;--error:#ff8a80;--success:#7cffb2;--border:#fff;--on-accent:#fff;--on-highlight:#000;--accent-soft:var(--accent);--focus-ring:#ffd400;--finger-left-pinky:#ff8a80;--finger-left-ring:#ffb74d;--finger-left-middle:#ffe082;--finger-left-index:#b9f6ca;--finger-right-index:#84ffff;--finger-right-middle:#82b1ff;--finger-right-ring:#b388ff;--finger-right-pinky:#ff80ab;--finger-thumb:#e0e0e0;--grade-0:#ff8a80;--grade-1:#ffb74d;--grade-2:#ffe082;--grade-3:#b9f6ca;--grade-4:#7cffb2;--grade-locked:#2b2b2b;--grade-unpracticed:#9e9e9e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-font-size=small]{--font-scale:.8}:root[data-font-size=large]{--font-scale:1.3}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:.25rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}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__brand-link{color:inherit;text-decoration:none}.app__brand-link:hover,.app__brand-link:focus-visible{text-decoration:underline}.app__tagline{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.app__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.app__controls .viewnav__button,.app__controls .settings__toggle{text-align:center}.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}.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}.start{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.start__title{margin:1rem 0 0;font-size:1.5rem}.start__hint{max-width:34rem;color:var(--muted);margin:0;font-size:.9375rem}.start__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),18rem));justify-content:center;gap:1.25rem;width:100%;margin:1rem 0 0;padding:0;list-style:none;display:grid}.start__cards>li{display:flex}.start__card{border:1px solid var(--border);background:var(--surface);width:100%;min-height:11rem;color:var(--fg);font:inherit;cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 1.5rem;display:flex}.start__card:hover,.start__card:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.start__card[data-suggested=true]{border-color:var(--accent-strong)}.start__card-title{font-family:system-ui, var(--font-devanagari), sans-serif;font-size:2rem;font-weight:600;line-height:1.3}.start__card-sub{color:var(--muted);font-size:.9375rem}.start__card-desc{color:var(--muted);text-wrap:pretty;font-size:.8125rem;line-height:1.5}.start__card-length{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--fg);white-space:nowrap;border-radius:999px;margin-top:auto;padding:.3rem .9rem;font-size:.9375rem;font-weight:600}.start__progress{color:var(--muted);font-size:.875rem}.start__badge{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.dialog__backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:.75rem;flex-direction:column;gap:.75rem;width:min(100%,26rem);padding:1.5rem;display:flex}.dialog__title{margin:0;font-size:1.125rem}.dialog__body{color:var(--muted);margin:0;font-size:.9375rem}.dialog__actions{justify-content:flex-end;gap:.75rem;display:flex}.dialog--report{gap:.5rem;width:min(100%,32rem)}.report__label{font-size:.9375rem;font-weight:600}.report__textarea{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;resize:vertical;border-radius:.375rem;padding:.5rem;font-size:.9375rem}.report__check{justify-content:space-between;align-items:center;gap:.75rem;margin:.5rem 0 0;font-size:.9375rem;display:flex}.report__hint{color:var(--muted);margin:0;font-size:.8125rem}.notice{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}.notice__body p{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.notice__dismiss{border:1px solid var(--muted);color:var(--fg);cursor:pointer;background:0 0;border-radius:.375rem;flex:none;padding:.35rem .75rem}.settings{font-size:.875rem;position:relative}.settings__toggle{border:1px solid var(--muted);min-width:5.5rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;padding:.35rem .75rem}.settings__toggle[aria-expanded=true]{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:min(18rem,100vw - 2rem);max-height:min(32rem,100vh - 6rem);margin-top:.5rem;padding:1rem;display:flex;position:absolute;right:0;overflow-y:auto}.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__advanced{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.settings__advanced-toggle{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.settings__advanced-toggle:hover,.settings__advanced-toggle[aria-expanded=true]{color:var(--fg)}.settings__advanced-toggle:before{content:"▸";margin-right:.4rem;display:inline-block}.settings__advanced-toggle[aria-expanded=true]:before{content:"▾"}.settings__advanced-body{flex-direction:column;gap:.75rem;display:flex}.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);min-width:3.25rem;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);min-width:6.5rem;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{border-top:1px solid var(--border);width:min(100%,60rem);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-top:auto;padding-top:1.25rem;font-size:.875rem;display:flex}.app__meta-brand{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .75rem;margin:0;display:flex}.app__meta-wordmark{color:var(--fg)}.app__meta-row{flex-direction:column;align-items:center;gap:.6rem;display:flex}.app__meta-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .9rem;display:flex}.app__meta-nav-link{color:var(--muted);text-decoration:none}.app__meta-nav-link+.app__meta-nav-link:before{content:"·";margin-right:.9rem}.app__meta-nav-link:hover,.app__meta-nav-link:focus-visible{color:var(--fg);text-decoration:underline}.app__meta-nav-link[aria-current=page]{color:var(--fg)}.app__meta-legal{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:0;display:flex}.app__meta-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;display:flex}@media (width<=30rem){.app__meta{padding-top:1rem}}.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);max-width:100%;font-family:var(--font-lesson);font-size:calc(2rem * var(--font-scale));letter-spacing:.04em;text-align:left;-webkit-user-select:none;user-select:none;cursor:text;border-radius:.75rem;margin:0;padding:1.25rem 1.5rem;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:not(.cluster--typed){color:var(--accent-soft);font-weight:600}.cluster--space:after{content:"␣" / "";color:var(--muted);opacity:.4;pointer-events:none;font-size:.45em;position:absolute;bottom:.05em;left:50%;transform:translate(-50%)}.cluster--space.cluster--current,.cluster--space.cluster--error{border-radius:.15rem}.cluster--holding{box-shadow:inset 0 -3px 0 0 var(--accent)}.typing:has(.typing__input:focus-visible) .lesson{outline:3px solid var(--focus-ring);outline-offset:2px}.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}.typing__pending{border:1px solid var(--accent);background:var(--surface);border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.25rem .75rem;display:flex}.typing__pending-char{font-family:var(--font-lesson);color:var(--accent);font-size:1.25rem;line-height:1}.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);font-family:system-ui, var(--font-devanagari), sans-serif;font-size:calc(.95rem * var(--font-scale));-webkit-user-select:none;user-select:none;border-bottom-width:3px;border-radius:.4rem;justify-content:center;align-items:center;padding:.25rem;display:flex;position:relative}.keycap--role-modifier,.keycap--role-shift,.keycap--role-space{color:var(--muted);font-size:calc(.7rem * var(--font-scale))}.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-strong);background:var(--accent-strong);color:var(--on-accent);font-weight:700}.keycap--shift{border-color:var(--accent);background:var(--accent-strong);color:var(--on-accent)}.keycap__shift,.keycap__secondary{font-size:calc(.6rem * var(--font-scale));color:var(--muted);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);font-family:system-ui, var(--font-devanagari), sans-serif;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)}.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}.app__meta-link{color:var(--muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.app__meta-link--help{min-width:3.5rem}.app__meta-link--install{min-width:8.5rem}.app__meta-link--report{min-width:12.5rem}.app__meta-link:hover{color:var(--fg)}.app__meta-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.crash{border:1px solid var(--error);background:var(--surface);width:min(100%,46rem);color:var(--fg);text-align:left;border-radius:.75rem;flex-direction:column;gap:.75rem;margin:3rem auto;padding:2rem;display:flex}.crash__title{flex-wrap:wrap;gap:.75rem;margin:0;font-size:1.5rem;display:flex}.crash__body{margin:0}.crash__hint{color:var(--muted);margin:0;font-size:.875rem}.crash__actions{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.crash__details{border:1px solid var(--border);background:var(--surface-strong);max-height:14rem;color:var(--muted);white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:.5rem;margin:0;padding:.75rem;font-size:.75rem;overflow:auto}.letter-grid__cell[data-relocked=true]{border-style:dashed;border-color:var(--accent);color:var(--fg)}.app__loading{color:var(--muted);margin:3rem 0}:root{--font-devanagari:"Mukta", "Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", "Mangal", sans-serif}.update-banner{z-index:50;border:1px solid var(--border);background:var(--surface-strong);max-width:min(28rem,100vw - 2rem);color:var(--fg);border-radius:.625rem;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 .5rem 1.5rem #00000059}.update-banner__text{margin:0}.update-banner__reload,.update-banner__dismiss{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;flex:none;padding:.3rem .7rem}.update-banner__reload{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--on-accent)}.update-banner__reload:hover,.update-banner__dismiss:hover{border-color:var(--accent)}.update-banner__reload:focus-visible,.update-banner__dismiss:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width<=30rem){.update-banner{flex-wrap:wrap;right:1rem}.update-banner__text{flex-basis:100%}}.timed{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex;position:relative}.timed__countdown{font-variant-numeric:tabular-nums;letter-spacing:.02em}.timed__countdown[data-expired=true]{color:var(--fg)}.timed__expired{color:var(--fg);margin:0}.practice__unlock{z-index:2;border:1px solid var(--success);background:color-mix(in srgb, var(--success) 15%, var(--surface));max-width:100%;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;margin:0;padding:.3rem .75rem;font-size:.85rem;animation:6s ease-in-out both unlock-notice;position:absolute;top:calc(100% + .25rem);left:50%;overflow:hidden;transform:translate(-50%)}@keyframes unlock-notice{0%{opacity:0}5%,85%{opacity:1}to{opacity:0}}.timed-summary{text-align:center;max-width:40rem;margin:2rem auto}.timed-summary__stats{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;margin:1.5rem 0;display:grid}.timed-summary__stat dt{color:var(--muted);font-size:.8rem}.timed-summary__stat dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.5rem}.timed-summary__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.start__duration{border:1px solid var(--border);max-width:40rem;color:var(--muted);border-radius:.5rem;margin:2rem auto 0;padding:.75rem 1rem 1rem}.start__duration legend{padding:0 .35rem;font-size:.9rem}.start__duration-options{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.start__duration-option{color:var(--fg);align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.start__duration-input{border:1px solid var(--border);background:var(--surface);width:5rem;color:var(--fg);font:inherit;border-radius:.35rem;padding:.35rem .5rem}.start__duration-input:disabled{opacity:.5}.start__duration-hint,.start__duration-error{margin:.75rem 0 0;font-size:.8rem}.start__duration-error{color:var(--error)}.start__card:disabled{opacity:.5;cursor:not-allowed}.content{text-align:left;width:min(100%,65ch);margin:0 auto}.content__title{margin:.5rem 0 0;font-size:1.5rem}.content__subtitle{margin:0 0 .5rem;font-size:1.0625rem}.content__lead{margin:.75rem 0 1.25rem;font-size:1.0625rem;line-height:1.6}.content__p{color:var(--muted);margin:0 0 1rem;line-height:1.65}.content__section{margin:0 0 1.5rem}.content__ctas{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1.25rem;display:flex}.content__cta{color:var(--accent)}.content__back{border-top:1px solid var(--border);color:var(--muted);margin:2rem 0 0;padding-top:1rem;font-size:.9375rem}