:root{--color-bg: #14161a;--color-surface: #1c2027;--color-surface-raised: #242932;--color-border: #333a45;--color-text: #e8eaed;--color-text-dim: #9aa3af;--color-text-faint: #838b94;--color-accent: #f0a13c;--color-accent-soft: rgba(240, 161, 60, .16);--color-accent-ink: var(--color-accent);--color-goose-body: #f4f2ec;--color-goose-shade: #ddd9cd;--color-goose-beak: #f0a13c;--color-goose-eye: #14161a;--color-goose-outline: transparent;--color-correct: #6fcf8b;--color-incorrect: #f4756b;--color-corrected: #e8c05a;--color-caret: var(--color-accent-ink);--finger-l-pinky: #ef8fa8;--finger-l-ring: #f2a86b;--finger-l-middle: #f2d16b;--finger-l-index: #8fce9b;--finger-r-index: #6fbcc4;--finger-r-middle: #8fa9e0;--finger-r-ring: #b09ee0;--finger-r-pinky: #d99ec4;--finger-thumb: #9aa3af;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Consolas", "SF Mono", monospace;--size-drill: clamp(1.5rem, 3.6vw, 2.4rem);--size-heading: clamp(1.6rem, 4vw, 2.6rem);--size-body: 1rem;--size-small: .85rem;--size-stat: clamp(1.3rem, 25cqi, 2.6rem);--speed-fast: .12s;--speed-med: .26s}@media(prefers-color-scheme:light){:root{--color-bg: #f6f5f1;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #dedbd2;--color-accent-ink: #a85700;--color-text: #22262c;--color-text-dim: #485059;--color-text-faint: #676d75;--color-goose-body: #ffffff;--color-goose-shade: #e8e5da;--color-goose-outline: rgba(34, 38, 44, .18);--color-correct: #287a46;--color-incorrect: #c24136;--color-corrected: #8a6514}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--size-body);-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;justify-content:center;padding:var(--space-5) var(--space-4)}.screen{width:100%;max-width:60rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.button{display:inline-block;padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-decoration:none;cursor:pointer;transition:background var(--speed-fast),border-color var(--speed-fast)}.button:hover{border-color:var(--color-accent-ink)}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#14161a;font-weight:600}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{border-color:var(--color-border)}.button:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.button__key{margin-left:var(--space-2);padding:0 var(--space-1);border:1px solid currentColor;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--size-small);opacity:.6}.link--muted{display:inline-block;padding:var(--space-2) 0;color:var(--color-text-faint);font-size:var(--size-small);text-decoration:none;border:none;border-bottom:1px solid transparent;background:none;font-family:inherit;cursor:pointer;transition:color var(--speed-fast),border-color var(--speed-fast)}.link--muted:hover{color:var(--color-text-dim);border-color:currentColor}.link--muted:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.home__title{margin:0;font-size:var(--size-heading);letter-spacing:-.02em}.home__blurb{margin:0;max-width:34rem;color:var(--color-text-dim);line-height:1.6}.home__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.home__actions--modes{margin-top:calc(-1 * var(--space-2))}.home__identity{display:inline-flex;align-items:baseline;gap:var(--space-1);max-width:100%;margin-top:calc(-1 * var(--space-3));padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-dim);font-size:var(--size-small);text-decoration:none;transition:border-color var(--speed-fast),background var(--speed-fast)}.home__identity:hover{border-color:var(--color-accent-ink)}.home__identity:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.home__identity-name{color:var(--color-text);font-weight:600;overflow-wrap:anywhere}.home__identity-verb{text-decoration:underline;text-underline-offset:2px}.home__meta{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.home__progress{margin:0;color:var(--color-text-faint);font-size:var(--size-small)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);min-width:18rem}.card__label{font-size:var(--size-small);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint)}.card__title{font-size:1.4rem;margin-top:var(--space-2)}.card__subtitle{margin-top:var(--space-1);font-family:var(--font-mono);color:var(--color-accent-ink)}.trainer__header{display:flex;gap:var(--space-4);align-items:baseline;color:var(--color-text-faint);font-size:var(--size-small);text-transform:uppercase;letter-spacing:.12em}.trainer__keys{font-family:var(--font-mono);text-transform:none;letter-spacing:normal;color:var(--color-text-dim)}.trainer__hint{margin:0;color:var(--color-text-faint);font-size:var(--size-small);max-width:34rem}.drill{font-family:var(--font-mono);font-size:var(--size-drill);line-height:1.7;letter-spacing:.06em;white-space:pre-wrap;word-break:break-word;max-width:46rem;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.drill__char{color:var(--color-text-faint);transition:color var(--speed-fast);border-left:2px solid transparent;margin-left:-2px}.drill__char[data-state=correct]{color:var(--color-correct)}.drill__char[data-state=corrected]{color:var(--color-corrected)}.drill__char[data-state=incorrect]{color:var(--color-incorrect);background:color-mix(in srgb,var(--color-incorrect) 22%,transparent);border-radius:var(--radius-sm)}.drill__char--space[data-state=incorrect]{background:color-mix(in srgb,var(--color-incorrect) 45%,transparent)}.drill__char--caret{border-left-color:var(--color-caret);animation:caret-blink 1.1s steps(1) infinite}.drill__char--space.drill__char--caret:not([data-state=incorrect]){background-image:linear-gradient(var(--color-caret),var(--color-caret)),linear-gradient(var(--color-caret),var(--color-caret)),linear-gradient(var(--color-caret),var(--color-caret));background-repeat:no-repeat;background-size:calc(100% - .12em) .13em,.13em .32em,.13em .32em;background-position:left .06em bottom .22em,left .06em bottom .22em,right .06em bottom .22em}.drill-nudge{height:0;margin:calc(-1 * var(--space-5)) 0 0;overflow:visible;pointer-events:none;color:var(--color-text-dim);font-size:var(--size-small);opacity:0;transition:opacity var(--speed-fast)}.drill-nudge--shown{opacity:1}.drill--scrolling{max-height:calc(5.1em + 2px);padding-block:0;overflow-y:hidden;flex:none}@keyframes caret-blink{0%,50%{border-left-color:var(--color-caret)}50.01%,to{border-left-color:transparent}}.hud{display:flex;gap:var(--space-6)}.hud__item{display:flex;flex-direction:column;gap:var(--space-1)}.hud__value{font-family:var(--font-mono);font-size:1.6rem;font-variant-numeric:tabular-nums}.hud__label{font-size:var(--size-small);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em}.game-shell{display:block;width:100%;max-width:46rem;height:auto;aspect-ratio:800 / 220;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.keyboard{--key-unit: clamp(1.5rem, 3.1vw, 2.5rem);display:flex;flex-direction:column;gap:var(--space-1);align-items:center;-webkit-user-select:none;user-select:none}.keyboard__row{display:flex;gap:var(--space-1)}.keyboard__key{--w: 1;--tint: var(--color-text-faint);width:calc(var(--w) * var(--key-unit));height:var(--key-unit);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:calc(var(--key-unit) * .42);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb,var(--tint) 14%,var(--color-surface));color:var(--color-text-dim);transition:background var(--speed-fast),transform var(--speed-fast),color var(--speed-fast)}.keyboard__key--muted{opacity:.32}.keyboard__key--home{box-shadow:inset 0 -3px color-mix(in srgb,var(--tint) 55%,transparent)}.keyboard__key--next{background:color-mix(in srgb,var(--tint) 62%,var(--color-surface));color:var(--color-text);opacity:1;transform:translateY(1px);outline:2px solid var(--color-accent-ink);outline-offset:1px}.keyboard__key--hit{background:color-mix(in srgb,var(--color-correct) 55%,var(--color-surface))}.keyboard__key--miss{background:color-mix(in srgb,var(--color-incorrect) 60%,var(--color-surface));animation:key-miss .16s ease}@keyframes key-miss{0%,to{transform:translate(0)}30%{transform:translate(-2px)}70%{transform:translate(2px)}}.keyboard__key--heat{background:color-mix(in srgb,var(--color-incorrect) calc(var(--heat, 0) * 100%),var(--color-correct));color:#14161a}.keyboard__key[data-finger=l-pinky]{--tint: var(--finger-l-pinky)}.keyboard__key[data-finger=l-ring]{--tint: var(--finger-l-ring)}.keyboard__key[data-finger=l-middle]{--tint: var(--finger-l-middle)}.keyboard__key[data-finger=l-index]{--tint: var(--finger-l-index)}.keyboard__key[data-finger=r-index]{--tint: var(--finger-r-index)}.keyboard__key[data-finger=r-middle]{--tint: var(--finger-r-middle)}.keyboard__key[data-finger=r-ring]{--tint: var(--finger-r-ring)}.keyboard__key[data-finger=r-pinky]{--tint: var(--finger-r-pinky)}.keyboard__key[data-finger=thumb]{--tint: var(--finger-thumb)}.goose{width:clamp(5rem,12vw,7.5rem)}.goose__svg{width:100%;height:auto;overflow:visible;transform-origin:55% 90%;filter:drop-shadow(0 0 1.5px var(--color-goose-outline))}.goose__body,.goose__head{fill:var(--color-goose-body)}.goose__wing{fill:var(--color-goose-shade)}.goose__feather{fill:none;stroke:var(--color-goose-body);stroke-width:1.5;stroke-linecap:round;opacity:.55}.goose__tail{fill:var(--color-goose-shade)}.goose__neck{fill:none;stroke:var(--color-goose-body);stroke-width:13;stroke-linecap:round}.goose__beak{fill:var(--color-goose-beak)}.goose__eye{fill:var(--color-goose-eye);transition:r var(--speed-fast);transform-box:fill-box;transform-origin:center}.goose__legs line{stroke:var(--color-goose-beak);stroke-width:3;stroke-linecap:round}.goose__foot{fill:none;stroke:var(--color-goose-beak);stroke-width:2;stroke-linecap:round}.goose[data-mood=idle] .goose__svg{animation:goose-bob 3.4s ease-in-out infinite}.goose[data-mood=focused] .goose__svg{animation:goose-bob 2.2s ease-in-out infinite}.goose[data-mood=idle] .goose__eye,.goose[data-mood=focused] .goose__eye{animation:goose-blink 5.2s ease-in-out infinite}.goose[data-mood=celebrating] .goose__svg{animation:goose-hop .48s ease-in-out infinite}.goose[data-mood=cheering] .goose__svg{animation:goose-cheer .7s ease-in-out infinite}.goose[data-mood=startled] .goose__svg{animation:goose-startle .26s ease}.goose[data-mood=startled] .goose__eye{r:4}@keyframes goose-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1.5deg)}}@keyframes goose-blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes goose-hop{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-11px) rotate(-6deg)}}@keyframes goose-cheer{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-16px) rotate(8deg)}60%{transform:translateY(-4px) rotate(-8deg)}}@keyframes goose-startle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}.result__heading{margin:0;font-size:var(--size-heading)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-4);width:100%;max-width:52rem}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);container-type:inline-size;min-width:0}.stat__value{font-family:var(--font-mono);font-size:var(--size-stat);font-variant-numeric:tabular-nums;color:var(--color-accent-ink);line-height:1.1}.stat__label{margin-top:var(--space-2);font-size:var(--size-small);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em}.result__detail{margin:0;color:var(--color-text-dim)}.result__target{margin:0;color:var(--color-text-faint);font-size:var(--size-small);max-width:34rem}.result__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.lessonmap__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3);width:100%}.lessonmap__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left;white-space:normal}.lessonmap__index{font-size:var(--size-small);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint)}.lessonmap__title{font-size:1.1rem}.lessonmap__subtitle{font-family:var(--font-mono);font-size:var(--size-small);color:var(--color-text-dim)}.lessonmap__status{margin-top:var(--space-2);font-size:var(--size-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.lessonmap__card--passed{border-color:var(--color-correct)}.lessonmap__card--passed .lessonmap__status{color:var(--color-correct)}.lessonmap__card--current{border-color:var(--color-accent-ink)}.lessonmap__card--current .lessonmap__status{color:var(--color-accent-ink)}.profiles__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.profiles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-3);width:100%}.profiles__card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;text-align:left}.profiles__card--active{border-color:var(--color-accent-ink)}.profiles__pick{display:flex;flex-direction:column;gap:var(--space-1);padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.profiles__pick:disabled{cursor:default;opacity:1}.profiles__pick:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:4px;border-radius:var(--radius-sm)}.profiles__name{font-size:1.2rem;overflow-wrap:anywhere}.profiles__status{font-size:var(--size-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.profiles__card--active .profiles__status{color:var(--color-accent-ink)}.profiles__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.profiles__warning{margin:0;color:var(--color-incorrect);font-size:var(--size-small);line-height:1.5}.profiles__danger{border-color:var(--color-incorrect);color:var(--color-incorrect)}.profiles__danger:hover{border-color:var(--color-incorrect);background:var(--color-surface-raised)}.profiles__form{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.profiles__input{flex:1 1 8rem;min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit}.profiles__input:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.profiles__tools{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.profiles__notice{margin:0;max-width:32rem;text-align:center;font-size:var(--size-small);line-height:1.5;overflow-wrap:anywhere}.profiles__notice--ok{color:var(--color-correct)}.profiles__notice--error{color:var(--color-incorrect)}.stats-screen__content{width:100%;display:flex;justify-content:center}.chart{width:100%;max-width:40rem}.chart__svg{width:100%;height:auto;overflow:visible}.chart__line{fill:none;stroke:var(--color-accent-ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__point{fill:var(--color-accent-ink)}.chart__empty{margin:0;color:var(--color-text-faint);font-size:var(--size-small)}