*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}button{font:inherit;color:inherit}input,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--r-2)}@supports not (color: oklch(0% 0 0)){:root,[data-theme=dark]{--color-bg: #15181c;--color-surface: #1d2127;--color-surface-2: #252a31;--color-surface-3: #2c323a;--color-border: #313841;--color-border-strong: #4b5460;--color-text: #ebeef3;--color-muted: #aab1bb;--color-dim: #6f7682;--color-faint: #4c525c;--color-accent: #5fd1d8;--color-accent-dim: #4796a0;--color-accent-faint: rgba(95, 209, 216, .1);--color-accent-area: rgba(95, 209, 216, .08);--color-accent-fg: #0d1620;--color-bg-elev: rgba(21, 24, 28, .88);--color-surface-elev: rgba(29, 33, 39, .92);--color-error: #f06d62;--color-error-faint: rgba(240, 109, 98, .15);--color-ok: #6fcc8d;--color-ok-faint: rgba(111, 204, 141, .12);--color-warn: #e0a648;--color-warn-faint: rgba(224, 166, 72, .14)}[data-theme=light]{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-2: #eef0f4;--color-text: #14181d;--color-muted: #4a5260;--color-dim: #6c7480;--color-border: #d8dde4;--color-accent: #1a8c97;--color-accent-fg: #ffffff;--color-error: #c44a3e}}:root,[data-theme=dark]{--color-bg: oklch(.15 .012 250);--color-surface: oklch(.195 .012 250);--color-surface-2: oklch(.24 .012 250);--color-surface-3: oklch(.29 .012 250);--color-border: oklch(.305 .012 250);--color-border-strong: oklch(.42 .012 250);--color-text: oklch(.95 .005 250);--color-muted: oklch(.7 .008 250);--color-dim: oklch(.48 .01 250);--color-faint: oklch(.34 .012 250);--color-accent: oklch(.8 .14 200);--color-accent-dim: oklch(.58 .1 200);--color-accent-faint: oklch(.8 .14 200 / .1);--color-accent-area: oklch(.8 .14 200 / .08);--color-accent-fg: oklch(.12 .04 240);--color-bg-elev: color-mix(in oklch, var(--color-bg) 88%, transparent);--color-surface-elev: color-mix(in oklch, var(--color-surface) 92%, transparent);--color-error: oklch(.68 .17 25);--color-error-faint: oklch(.68 .17 25 / .15);--color-ok: oklch(.78 .12 145);--color-ok-faint: oklch(.78 .12 145 / .12);--color-warn: oklch(.75 .16 70);--color-warn-faint: oklch(.75 .16 70 / .14);--heat-fg: oklch(.97 .02 25);--heat-1: oklch(.5 .18 25 / .65);--heat-2: oklch(.46 .14 40 / .55);--heat-3: oklch(.4 .08 60 / .5);--heat-4: oklch(.3 .03 250 / .5);--heat-5: oklch(.26 .012 250);--heat-glow: 0 0 18px oklch(.6 .2 25 / .45);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-10: clamp(.625rem, .6rem + .1vw, .6875rem);--fs-11: .6875rem;--fs-12: clamp(.75rem, .72rem + .13vw, .8125rem);--fs-13: .8125rem;--fs-14: clamp(.8125rem, .79rem + .13vw, .875rem);--fs-16: 1rem;--fs-18: clamp(1rem, .95rem + .22vw, 1.125rem);--fs-20: clamp(1.0625rem, 1rem + .27vw, 1.25rem);--fs-22: clamp(1.125rem, 1.04rem + .4vw, 1.375rem);--fs-24: clamp(1.125rem, 1rem + .6vw, 1.5rem);--fs-28: clamp(1.25rem, 1.05rem + .95vw, 1.75rem);--fs-32: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);--fs-40: clamp(1.75rem, 1.4rem + 1.7vw, 2.5rem);--fs-48: clamp(2rem, 1.5rem + 2.4vw, 3rem);--fs-56: clamp(2.25rem, 1.7rem + 2.8vw, 3.5rem);--fs-64: clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--fs-96: clamp(3.5rem, 2.2rem + 6.4vw, 6rem);--fs-practice: clamp(1.125rem, .85rem + 1.4vw, 1.875rem);--ws-marker-scale: .85;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1.05;--lh-snug: 1.25;--lh-normal: 1.5;--lh-loose: 1.75;--tracking-tight: -.022em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 22px;--icon-xl: 32px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--gutter: max(var(--space-4), env(safe-area-inset-left));--gutter-lg: max(var(--space-8), env(safe-area-inset-left));--r-1: 2px;--r-2: 4px;--r-3: 6px;--r-4: 8px;--r-5: 12px;--r-6: 16px;--r-pill: 999px;--bw-1: 1px;--bw-2: 2px;--ring-w: 3px;--ring-focus: 0 0 0 var(--ring-w) var(--color-accent-faint);--ring-error: 0 0 0 var(--ring-w) var(--color-error-faint);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.18);--shadow-lg: 0 20px 60px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);--glow-accent: 0 0 12px oklch(.8 .14 200 / .55);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-in: cubic-bezier(.6, .04, .9, .3);--ease-io: cubic-bezier(.5, 0, .2, 1);--container-max: 1240px;--content-max: 860px;--header-h: 56px;--header-h-md: 64px;--bottomnav-h: 56px;--touch-target: 44px;--blur: saturate(140%) blur(10px);--z-base: 1;--z-sticky: 10;--z-overlay: 30;--z-modal: 40;--z-toast: 50}[data-theme=light]{--color-bg: oklch(.985 .004 240);--color-surface: oklch(.96 .006 240);--color-surface-2: oklch(.93 .006 240);--color-surface-3: oklch(.9 .006 240);--color-border: oklch(.87 .006 240);--color-border-strong: oklch(.77 .006 240);--color-text: oklch(.2 .012 250);--color-muted: oklch(.42 .01 250);--color-dim: oklch(.58 .008 250);--color-faint: oklch(.78 .006 240);--color-accent: oklch(.55 .14 210);--color-accent-dim: oklch(.68 .1 210);--color-accent-faint: oklch(.55 .14 210 / .1);--color-accent-area: oklch(.55 .14 210 / .08);--color-accent-fg: oklch(.99 0 0);--color-bg-elev: color-mix(in oklch, var(--color-bg) 88%, transparent);--color-surface-elev: color-mix(in oklch, var(--color-surface) 92%, transparent);--color-error: oklch(.55 .18 25);--color-error-faint: oklch(.55 .18 25 / .12);--color-ok: oklch(.55 .14 145);--color-ok-faint: oklch(.55 .14 145 / .1);--color-warn: oklch(.62 .16 70);--color-warn-faint: oklch(.62 .16 70 / .12);--heat-fg: oklch(.99 0 0);--heat-1: oklch(.68 .2 25 / .55);--heat-2: oklch(.74 .15 40 / .45);--heat-3: oklch(.8 .1 60 / .4);--heat-4: oklch(.86 .04 240 / .4);--heat-5: oklch(.93 .012 240);--shadow-sm: 0 1px 2px rgba(30,35,45,.06);--shadow-md: 0 4px 16px rgba(30,35,45,.08), 0 1px 3px rgba(30,35,45,.05);--shadow-lg: 0 20px 60px rgba(30,35,45,.12), 0 2px 8px rgba(30,35,45,.06);--glow-accent: 0 0 12px oklch(.55 .14 210 / .3)}[data-theme=sepia]{--color-bg: oklch(.94 .02 80);--color-surface: oklch(.91 .02 80);--color-surface-2: oklch(.87 .022 80);--color-surface-3: oklch(.83 .022 80);--color-border: oklch(.77 .022 75);--color-border-strong: oklch(.64 .026 70);--color-text: oklch(.28 .02 60);--color-muted: oklch(.5 .018 60);--color-dim: oklch(.62 .016 65);--color-faint: oklch(.75 .014 70);--color-accent: oklch(.52 .16 40);--color-accent-dim: oklch(.65 .12 40);--color-accent-faint: oklch(.52 .16 40 / .12);--color-accent-area: oklch(.52 .16 40 / .08);--color-accent-fg: oklch(.99 0 0);--color-bg-elev: color-mix(in oklch, var(--color-bg) 88%, transparent);--color-surface-elev: color-mix(in oklch, var(--color-surface) 92%, transparent);--color-error: oklch(.5 .18 25);--color-error-faint: oklch(.5 .18 25 / .12);--color-ok: oklch(.5 .14 145);--color-ok-faint: oklch(.5 .14 145 / .1);--color-warn: oklch(.58 .16 70);--color-warn-faint: oklch(.58 .16 70 / .12);--heat-fg: oklch(.99 0 0);--heat-1: oklch(.62 .2 25 / .55);--heat-2: oklch(.7 .16 40 / .5);--heat-3: oklch(.78 .12 60 / .4);--heat-4: oklch(.85 .06 80 / .4);--heat-5: oklch(.92 .02 80)}[data-theme=high-contrast]{--color-bg: oklch(0 0 0);--color-surface: oklch(.1 0 0);--color-surface-2: oklch(.18 0 0);--color-surface-3: oklch(.26 0 0);--color-border: oklch(.55 0 0);--color-border-strong: oklch(.75 0 0);--color-text: oklch(1 0 0);--color-muted: oklch(.92 0 0);--color-dim: oklch(.78 0 0);--color-faint: oklch(.6 0 0);--color-accent: oklch(.92 .18 95);--color-accent-dim: oklch(.8 .14 95);--color-accent-faint: oklch(.92 .18 95 / .18);--color-accent-area: oklch(.92 .18 95 / .12);--color-accent-fg: oklch(0 0 0);--color-bg-elev: var(--color-bg);--color-surface-elev: var(--color-surface);--color-error: oklch(.78 .22 25);--color-error-faint: oklch(.78 .22 25 / .22);--color-ok: oklch(.85 .18 145);--color-ok-faint: oklch(.85 .18 145 / .22);--color-warn: oklch(.9 .2 90);--color-warn-faint: oklch(.9 .2 90 / .22);--heat-fg: oklch(1 0 0);--heat-1: oklch(.7 .22 25 / .85);--heat-2: oklch(.78 .18 50 / .75);--heat-3: oklch(.85 .14 85 / .65);--heat-4: oklch(.92 .1 200 / .55);--heat-5: oklch(.95 .04 200 / .45);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--glow-accent: none;--heat-glow: none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-muted)}.field__help{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-dim)}.field__help--error{color:var(--color-error)}.input,.textarea{width:100%;min-height:var(--touch-target);padding:10px var(--space-4);background:var(--color-surface);color:var(--color-text);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-3);font-family:var(--font-mono);font-size:var(--fs-14);outline:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--color-faint)}.input:focus,.textarea:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--ring-focus)}.input:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed}.input--error,.textarea--error{border-color:var(--color-error)}.input--error:focus,.textarea--error:focus{box-shadow:var(--ring-error)}.input-affix{position:relative;display:flex;align-items:stretch}.input-affix__icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none;display:flex}.input-affix__icon--left{left:var(--space-3)}.input-affix__icon--right{right:var(--space-3)}.input-affix__icon--left~.input{padding-left:40px}.input-affix .input{padding-right:40px}.textarea{resize:vertical;min-height:96px;line-height:var(--lh-normal)}.select{position:relative;display:inline-flex;width:100%}.select__native{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:var(--touch-target);padding:10px 40px 10px var(--space-4);background:var(--color-surface);color:var(--color-text);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-3);font-family:var(--font-mono);font-size:var(--fs-14);cursor:pointer}.select__native:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--ring-focus)}.select__icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-muted)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch__input{position:absolute;opacity:0;pointer-events:none}.switch__track{flex:0 0 auto;width:36px;height:20px;background:var(--color-surface-3);border-radius:var(--r-pill);position:relative;transition:background var(--dur-fast) var(--ease-out)}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-text);border-radius:50%;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.switch__input:checked+.switch__track{background:var(--color-accent)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(16px);background:var(--color-accent-fg)}.switch__input:focus-visible+.switch__track{box-shadow:var(--ring-focus)}.switch__label{font-family:var(--font-sans);font-size:var(--fs-14);color:var(--color-text)}.check{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);font-size:var(--fs-14);color:var(--color-text)}.check__input{position:absolute;opacity:0;pointer-events:none}.check__box{flex:0 0 auto;width:18px;height:18px;border:var(--bw-1) solid var(--color-border-strong);border-radius:var(--r-2);background:var(--color-surface);display:grid;place-items:center;color:transparent;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.check__input:checked+.check__box{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.check__input:focus-visible+.check__box{box-shadow:var(--ring-focus)}.radio{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);font-size:var(--fs-14);color:var(--color-text)}.radio__input{position:absolute;opacity:0;pointer-events:none}.radio__circle{flex:0 0 auto;width:18px;height:18px;border:var(--bw-1) solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);display:grid;place-items:center;transition:border-color var(--dur-fast) var(--ease-out)}.radio__circle:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent);transform:scale(0);transition:transform var(--dur-fast) var(--ease-out)}.radio__input:checked+.radio__circle{border-color:var(--color-accent)}.radio__input:checked+.radio__circle:after{transform:scale(1)}.radio__input:focus-visible+.radio__circle{box-shadow:var(--ring-focus)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group--row{flex-direction:row;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 8px;border-radius:var(--r-2);background:var(--color-surface-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-11);font-weight:var(--fw-medium);letter-spacing:0;line-height:1.4}.tag--accent{background:var(--color-accent-faint);color:var(--color-accent)}.tag--success{background:var(--color-ok-faint);color:var(--color-ok)}.tag--warn{background:var(--color-warn-faint);color:var(--color-warn)}.tag--error{background:var(--color-error-faint);color:var(--color-error)}.tag--dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:var(--space-1)}.tag__close{background:none;border:none;padding:0;margin-left:2px;display:inline-flex;cursor:pointer;color:inherit;opacity:.6}.tag__close:hover{opacity:1}.alert{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--bw-1) solid var(--color-border);border-left-width:3px;border-radius:var(--r-3)}.alert__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-muted);margin-top:2px;flex-shrink:0}.alert__body{min-width:0}.alert__title{font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--color-text);margin:0}.alert__desc{font-family:var(--font-sans);font-size:var(--fs-13);color:var(--color-muted);margin:4px 0 0;line-height:var(--lh-normal)}.alert__close{background:none;border:none;cursor:pointer;color:var(--color-dim);padding:0;display:flex;align-items:center;margin-top:2px}.alert--info{border-left-color:var(--color-accent)}.alert--info .alert__icon{color:var(--color-accent)}.alert--success{border-left-color:var(--color-ok)}.alert--success .alert__icon{color:var(--color-ok)}.alert--warn{border-left-color:var(--color-warn)}.alert--warn .alert__icon{color:var(--color-warn)}.alert--error{border-left-color:var(--color-error)}.alert--error .alert__icon{color:var(--color-error)}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-elev);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);box-shadow:var(--shadow-md);min-width:280px;max-width:420px}.toast__icon{color:var(--color-accent);display:flex;flex-shrink:0}.toast__title{font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text);margin:0}.toast__desc{font-family:var(--font-sans);font-size:var(--fs-12);color:var(--color-muted);margin:2px 0 0}.toast__close{background:none;border:none;cursor:pointer;color:var(--color-dim);padding:0;display:flex}.toast--success .toast__icon{color:var(--color-ok)}.toast--warn .toast__icon{color:var(--color-warn)}.toast--error .toast__icon{color:var(--color-error)}.tabs{display:flex;gap:var(--space-1);border-bottom:var(--bw-1) solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex:0 0 auto;background:none;border:none;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-13);color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tabs__tab:hover{color:var(--color-text)}.tabs__tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-dim)}.breadcrumb__item{color:var(--color-muted);text-decoration:none}.breadcrumb__item:hover{color:var(--color-text)}.breadcrumb__item--current{color:var(--color-text);cursor:default}.breadcrumb__sep{color:var(--color-faint)}.pagination{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-13)}.pagination__btn{min-width:36px;height:36px;padding:0 var(--space-3);border-radius:var(--r-2);border:var(--bw-1) solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pagination__btn:hover{background:var(--color-surface);color:var(--color-text)}.pagination__btn[aria-current=page]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{padding:0 var(--space-2);color:var(--color-dim)}.table-wrap{width:100%;overflow-x:auto;border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);background:var(--color-bg)}.table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-13)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--bw-1) solid var(--color-border)}.table th{font-weight:var(--fw-medium);font-size:var(--fs-11);color:var(--color-dim);text-transform:uppercase;letter-spacing:var(--tracking-wider);background:var(--color-surface);position:sticky;top:0}.table td{color:var(--color-text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface)}.table--compact th,.table--compact td{padding:var(--space-2) var(--space-3)}.skeleton{position:relative;background:var(--color-surface-2);border-radius:var(--r-2);overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--color-text) 6%,transparent) 50%,transparent 100%);animation:skel-shimmer 1.4s linear infinite}@keyframes skel-shimmer{to{transform:translate(100%)}0%{transform:translate(-100%)}}.skeleton--text{height:.9em;margin:.25em 0;border-radius:var(--r-1)}.skeleton--text-sm{height:.7em}.skeleton--circle{border-radius:50%}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.empty__icon{width:56px;height:56px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--color-surface);border:var(--bw-1) solid var(--color-border);color:var(--color-dim);margin-bottom:var(--space-2)}.empty__title{font-family:var(--font-sans);font-size:var(--fs-20);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);color:var(--color-text);margin:0}.empty__desc{font-size:var(--fs-13);color:var(--color-muted);margin:0;max-width:44ch;line-height:var(--lh-normal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--color-bg) 60%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{width:100%;max-width:480px;background:var(--color-bg);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-5);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:var(--bw-1) solid var(--color-border)}.modal__title{font-family:var(--font-sans);font-size:var(--fs-20);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);margin:0;color:var(--color-text)}.modal__close{background:none;border:none;cursor:pointer;color:var(--color-dim);padding:6px;display:flex;border-radius:var(--r-2)}.modal__close:hover{background:var(--color-surface);color:var(--color-text)}.modal__body{padding:var(--space-5);overflow-y:auto;flex:1}.modal__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--bw-1) solid var(--color-border);background:var(--color-surface)}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-bg);border-left:var(--bw-1) solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-modal);display:flex;flex-direction:column}.popover{background:var(--color-bg);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);box-shadow:var(--shadow-md);padding:var(--space-3);max-width:320px;font-family:var(--font-sans);font-size:var(--fs-13);color:var(--color-text);line-height:var(--lh-normal)}.tooltip{display:inline-block;background:var(--color-text);color:var(--color-bg);padding:4px 8px;border-radius:var(--r-2);font-family:var(--font-mono);font-size:var(--fs-11);line-height:1.4;white-space:nowrap;box-shadow:var(--shadow-sm)}.stepper{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-13)}.stepper__step{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-dim)}.stepper__bullet{width:24px;height:24px;border-radius:50%;border:var(--bw-1) solid var(--color-border-strong);display:grid;place-items:center;font-size:var(--fs-11);color:var(--color-dim);background:var(--color-bg)}.stepper__step--current .stepper__bullet{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--ring-focus)}.stepper__step--current{color:var(--color-text)}.stepper__step--done .stepper__bullet{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.stepper__step--done{color:var(--color-muted)}.stepper__sep{flex:1;height:1px;background:var(--color-border);min-width:12px}.stepper__step--done+.stepper__sep,.stepper__sep+.stepper__step--current~.stepper__sep{background:var(--color-accent)}.progress-ring{display:inline-grid;place-items:center;position:relative}.progress-ring__svg{transform:rotate(-90deg);display:block}.progress-ring__track{fill:none;stroke:var(--color-surface-2)}.progress-ring__fill{fill:none;stroke:var(--color-accent);transition:stroke-dashoffset var(--dur-base) var(--ease-out)}.progress-ring__label{position:absolute;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-14);color:var(--color-text)}.list{list-style:none;margin:0;padding:0;border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);background:var(--color-bg);overflow:hidden}.list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--bw-1) solid var(--color-border);font-family:var(--font-sans)}.list__item:last-child{border-bottom:none}.list__item:hover{background:var(--color-surface)}.list__icon{color:var(--color-muted);flex-shrink:0;display:flex}.list__body{flex:1;min-width:0}.list__title{font-size:var(--fs-14);color:var(--color-text);margin:0;font-weight:var(--fw-medium)}.list__desc{font-size:var(--fs-12);color:var(--color-muted);margin:2px 0 0}.list__meta{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-dim);flex-shrink:0}.stat-card{padding:var(--space-5);background:var(--color-bg);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);display:flex;flex-direction:column;gap:var(--space-3)}.stat-card__label{font-family:var(--font-mono);font-size:var(--fs-10);color:var(--color-dim);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stat-card__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-40);line-height:1;letter-spacing:var(--tracking-tight);color:var(--color-text);display:flex;align-items:baseline;gap:var(--space-2)}.stat-card__value--accent{color:var(--color-accent)}.stat-card__suffix{font-size:var(--fs-16);color:var(--color-muted)}.stat-card__delta{font-size:var(--fs-13);color:var(--color-accent);display:inline-flex;align-items:center;gap:2px}.stat-card__delta--down{color:var(--color-error)}.stat-card__foot{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-dim)}.card{background:var(--color-bg);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4);overflow:hidden}.card__head{padding:var(--space-4) var(--space-5);border-bottom:var(--bw-1) solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card__title{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);color:var(--color-text);margin:0}.card__body{padding:var(--space-5)}.card__foot{padding:var(--space-3) var(--space-5);border-top:var(--bw-1) solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-muted)}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;padding:0 .4em;border:var(--bw-1) solid var(--color-border);border-bottom-width:2px;border-radius:var(--r-2);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-mono);font-size:.78em;line-height:1}.app{min-height:100%;display:flex;flex-direction:column;max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--gutter) var(--space-4)}@media(min-width:768px){.app{padding:var(--space-5) var(--gutter-lg) var(--space-4)}}.loading{display:grid;place-items:center;height:100%;color:var(--color-dim);font-family:var(--font-mono)}.topbar{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-3)}.logo{font-family:var(--font-mono);font-size:var(--fs-14);font-weight:var(--fw-medium);letter-spacing:-.02em;color:var(--color-dim);display:inline-flex;align-items:baseline}.logo b{color:var(--color-accent);font-weight:var(--fw-semibold);letter-spacing:.04em}.logo small{font-size:.85em}.live{display:flex;gap:var(--space-5);font-variant-numeric:tabular-nums;font-family:var(--font-mono);color:var(--color-muted);font-size:var(--fs-13)}.live__stat{color:var(--color-accent)}.live__mode{text-transform:lowercase}.stage{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-5);padding:clamp(32px,6vh,80px) 0 var(--space-3)}@media(min-width:768px){.stage{gap:var(--space-7);padding:clamp(40px,7vh,96px) 0 var(--space-4)}}.link{background:none;border:none;color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:lowercase}.link:hover{color:var(--color-text)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--r-3);font-family:var(--font-mono);font-size:var(--fs-13);border:var(--bw-1) solid transparent}.banner--warn{background:var(--color-accent-faint);border-color:var(--color-accent-dim);color:var(--color-text)}.banner--error{background:var(--color-error-faint);border-color:var(--color-error);color:var(--color-text)}.banner kbd{border-color:var(--color-border-strong)}.typing-area{font-family:var(--font-mono);font-feature-settings:"ss01","cv11";font-size:var(--fs-22);line-height:var(--lh-loose);letter-spacing:0;color:var(--color-dim);white-space:pre-line;word-break:break-word;-webkit-user-select:none;user-select:none;min-height:calc(1em * var(--lh-loose) * 3);max-width:72ch;margin-inline:auto;width:100%}.char{white-space:pre;transition:color var(--dur-instant) var(--ease-out);position:relative}.char--correct{color:var(--color-text)}.char--incorrect{color:var(--color-error)}.char--space.char--incorrect{background:var(--color-error-faint);border-radius:var(--r-1)}.char--space:before,.char--tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(1em * var(--ws-marker-scale));color:var(--color-faint);pointer-events:none}.char--space:before{content:"·"}.char--tab:before{content:"→"}.char--newline:before{content:"↵";color:var(--color-faint);font-size:calc(1em * var(--ws-marker-scale))}.char--newline+.char--newline:before{content:none}.char--space.char--current:before,.char--tab.char--current:before{color:var(--color-muted)}.char--space.char--incorrect:before,.char--tab.char--incorrect:before{color:var(--color-error)}.typing-area--no-ws .char:before{content:none}.char--current:after{content:"";position:absolute;left:-1px;top:.15em;bottom:.15em;width:2px;background:var(--color-accent);pointer-events:none;animation:caret-blink 1.1s steps(1,end) infinite}@keyframes caret-blink{0%,55%{opacity:1}56%,to{opacity:0}}.kb{--u: clamp(22px, 4.2vw, 38px);--kb-gap: max(3px, calc(var(--u) * .1));display:flex;flex-direction:column;gap:var(--kb-gap);padding:calc(var(--u) * .35);background:var(--color-surface);border:var(--bw-1) solid var(--color-border);border-radius:calc(var(--u) * .35);width:max-content;max-width:100%;margin:0 auto;box-shadow:var(--shadow-md)}.kb__row{display:flex;gap:var(--kb-gap);height:var(--u)}.kb__key{flex:0 0 calc(var(--w, 1) * var(--u) + (var(--w, 1) - 1) * var(--kb-gap));min-width:0;max-width:calc(var(--w, 1) * var(--u) + (var(--w, 1) - 1) * var(--kb-gap));overflow:hidden;height:100%;padding:0 calc(var(--u) * .12);background:var(--color-bg);border:var(--bw-1) solid var(--color-border);border-bottom-width:2px;border-radius:calc(var(--u) * .15);color:var(--color-text);font-family:var(--font-mono);font-size:calc(var(--u) * .34);line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * .04);-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.kb__key--mod{font-size:calc(var(--u) * .3);color:var(--color-muted)}.kb__key--align-start{align-items:flex-start}.kb__key--align-end{align-items:flex-end}.kb--windows{border-radius:calc(var(--u) * .18)}.kb--windows .kb__key{border-radius:calc(var(--u) * .05);border-bottom-width:3px}.kb__key__icon--touch-id{width:calc(var(--u) * .666);height:calc(var(--u) * .666);opacity:.55}.kb__key--space{background:var(--color-bg)}.kb__key--slow{color:var(--color-text);box-shadow:var(--heat-glow)}.kb__key--focused{box-shadow:inset 0 0 0 9999px var(--color-accent-faint)}.kb__key--pressed{background:color-mix(in oklch,var(--color-accent) 22%,var(--color-bg));box-shadow:none;transform:translateY(1px)}.kb__key__label{display:flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb__key__sub{font-family:var(--font-sans);font-size:calc(var(--u) * .18);opacity:.55;letter-spacing:0;margin-top:-1px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb__key__shifted{font-family:var(--font-mono);font-size:calc(var(--u) * .26);color:var(--color-muted);opacity:.75;line-height:1}.kb__key--dual{justify-content:center;gap:calc(var(--u) * .05)}.countdown{margin:0 auto;display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);color:var(--color-accent);font-variant-numeric:tabular-nums}.countdown__value{font-size:var(--fs-32);font-weight:var(--fw-medium);line-height:1}.countdown__unit{font-size:var(--fs-14);color:var(--color-muted)}.practice-hints{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.practice-hints__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--space-5);row-gap:var(--space-1)}.hint-button{background:none;border:none;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-12);padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.hint-button:hover{color:var(--color-text)}.custom-text{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:36rem}.custom-text__input{width:100%;min-height:4em;font-family:var(--font-mono);resize:vertical}.custom-text__actions{display:flex;gap:var(--space-3)}.page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto;width:100%}.page--narrow{max-width:44rem}.page__head{display:flex;flex-direction:column;gap:var(--space-2)}.page__title{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-32);letter-spacing:var(--tracking-snug);line-height:var(--lh-tight);margin:0;text-wrap:balance}.page__body{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-sans);color:var(--color-muted);line-height:var(--lh-normal)}.page__body h3{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--color-text);margin:var(--space-3) 0 0}.page__body p{margin:0;color:var(--color-muted)}.page__body ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.page__body code{font-family:var(--font-mono);font-size:.92em;background:var(--color-surface);padding:0 .3em;border-radius:var(--r-2)}.page__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.library{display:flex;flex-direction:column;gap:var(--space-6);max-width:48rem;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.library__head{display:flex;flex-direction:column;gap:var(--space-2)}.library__add,.library__list{display:flex;flex-direction:column;gap:var(--space-3)}.library .field__input{width:100%}.library__textarea{font-family:var(--font-mono);min-height:12rem;resize:vertical;line-height:var(--lh-normal)}.library__file{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.library__file-btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.library__file-name{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.library__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.library__item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--bw-1) solid var(--color-border)}.library__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.library__item-title{font-family:var(--font-sans);font-size:var(--fs-14);color:var(--color-text)}.library__item-meta{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-dim)}.library__item-preview{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--color-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.results__attribution{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-muted);margin:0 0 var(--space-3)}.results__attribution em{font-style:italic;color:var(--color-text)}.results__attribution-license{color:var(--color-dim)}.achievement{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4);border:1px solid var(--color-accent);border-radius:var(--r-3);background:color-mix(in srgb,var(--color-accent) 8%,transparent);font-family:var(--font-mono);font-size:var(--fs-12)}.achievement__title{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.achievement__chip{display:inline-block;padding:0 var(--space-2);border-radius:var(--r-2);background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-text)}.inline-seg{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-12)}.inline-seg__label{color:var(--color-dim);text-transform:uppercase;font-weight:var(--fw-semibold);letter-spacing:.06em}.inline-seg__opt{background:none;border:none;padding:0;cursor:pointer;color:var(--color-muted);font:inherit;transition:color var(--dur-fast) var(--ease-out)}.inline-seg__opt:hover{color:var(--color-text)}.inline-seg__opt--on{color:var(--color-accent)}.inline-seg__sep{color:var(--color-faint)}.focus-hint,.hint{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-13);text-align:center}.focus-hint b{color:var(--color-accent)}.results{display:flex;flex-direction:column;gap:var(--space-7);align-items:center}.stat-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.stat{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-mono)}.stat__value{font-size:var(--fs-32);font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:1}.stat--big .stat__value{font-size:var(--fs-56)}.stat__label{color:var(--color-muted);font-size:var(--fs-12);text-transform:lowercase;margin-top:var(--space-1);letter-spacing:.04em}.weak-keys{display:flex;align-items:center;gap:var(--space-2)}.weak-keys__label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-12);margin-right:var(--space-2);letter-spacing:.04em;text-transform:lowercase}.weak-key{width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:var(--r-2);background:var(--heat-1);color:var(--heat-fg);font-family:var(--font-mono);font-size:var(--fs-13)}.results__note{color:var(--color-ok);font-family:var(--font-mono);font-size:var(--fs-13)}.settings{display:flex;flex-direction:column;gap:var(--space-6);width:min(28rem,100%);margin:0 auto}.settings__title{font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--color-text);font-size:var(--fs-22);margin:0}.settings-card{border:var(--bw-1) solid var(--color-border);border-radius:var(--r-3);background:var(--color-surface);overflow:hidden}.settings-card__tabs{display:flex;padding:0 var(--space-3);border-bottom:var(--bw-1) solid var(--color-border);overflow-x:auto}.settings-card__tab{position:relative;background:transparent;border:none;color:var(--color-muted);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-13);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);white-space:nowrap}.settings-card__tab:hover{color:var(--color-text)}.settings-card__tab--active{color:var(--color-accent)}.settings-card__tab--active:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--color-accent)}.settings-card__panel{padding:var(--space-5)}.settings section{display:flex;flex-direction:column;gap:var(--space-6)}.subsection{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;border:0;min-inline-size:auto}.subsection>h3{margin:0}.field-group,.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--fs-12);text-transform:lowercase;letter-spacing:.04em}.field__hint{color:var(--color-dim);font-size:var(--fs-12)}.field__input{background:var(--color-surface);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-3);color:var(--color-text);padding:var(--space-3) var(--space-4);font:inherit;font-family:var(--font-mono);width:8rem;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field__input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--ring-focus)}.field__checkbox{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text);font-size:var(--fs-13);font-family:var(--font-mono)}.field__checkbox>span{flex:1 1 auto;min-width:0}.field__range{width:16rem;max-width:100%;accent-color:var(--color-accent)}.actions{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--r-3);border:var(--bw-1) solid var(--color-border);background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);min-height:44px;white-space:nowrap}.btn:hover{background:var(--color-surface)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.btn--primary:hover{background:color-mix(in oklch,var(--color-accent) 92%,white)}.btn--primary kbd{background:color-mix(in oklch,var(--color-accent-fg) 18%,transparent);border:none;color:inherit}.profile-id{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.profile-id__text{flex:1;min-width:200px}.profile-id__name{font-family:var(--font-sans);font-size:var(--fs-20);letter-spacing:var(--tracking-snug);color:var(--color-text)}.profile-id__meta{font-size:var(--fs-12);color:var(--color-dim);display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:4px;font-family:var(--font-mono)}.profile-id__sep{color:var(--color-faint)}.avatar{width:48px;height:48px;border-radius:var(--r-pill);background:var(--color-surface-2);color:var(--color-muted);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.06em}.profile-hero{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border);border-radius:var(--r-4);overflow:hidden;margin-bottom:var(--space-8)}@media(min-width:768px){.profile-hero{grid-template-columns:repeat(4,1fr)}}.profile-hero__cell{background:var(--color-bg);padding:var(--space-5) var(--space-5) var(--space-6)}.profile-hero__value{font-family:var(--font-mono);font-size:var(--fs-28);font-variant-numeric:tabular-nums;color:var(--color-text);margin-top:var(--space-2)}.profile-hero__value--accent{color:var(--color-accent)}.run-graph{margin-top:var(--space-5);width:100%;max-width:40rem}.spark--tall{width:100%;height:4rem}.replay{margin-top:var(--space-5);width:100%;max-width:40rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.replay__text{font-family:var(--font-mono);font-size:var(--fs-14);color:var(--color-muted);background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--r-3);border:var(--bw-1) solid var(--color-border);margin:0;white-space:pre-wrap;min-height:5em;width:100%}.share-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-3);background:var(--color-surface);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-4)}.share-card__brand{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-dim);letter-spacing:.06em;text-transform:lowercase;margin:0 0 var(--space-4)}.share-card__hero{display:flex;align-items:baseline;gap:var(--space-2)}.share-card__wpm{font-family:var(--font-mono);font-size:var(--fs-96);color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1}.share-card__wpm-unit{font-family:var(--font-mono);font-size:var(--fs-24);color:var(--color-muted)}.share-card__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-13);color:var(--color-muted)}.share-card__attribution{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-dim);margin:var(--space-4) 0 0}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-7);margin-bottom:var(--space-8)}@media(min-width:768px){.stats-grid--2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8)}}.heatmap{--hm-key: clamp(36px, 6vw, 48px);display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:var(--space-3) 0}.heatmap__row{display:flex;gap:4px}.heatmap__key{width:var(--hm-key);height:var(--hm-key);border:var(--bw-1) solid var(--color-border);border-radius:var(--r-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-text);transition:transform var(--dur-fast) var(--ease-out);position:relative}.heatmap__key--empty{color:var(--color-faint)}.heatmap__key--error{border-color:var(--color-error);border-width:var(--bw-2)}.heatmap__letter{font-size:var(--fs-13);font-weight:var(--fw-medium)}.heatmap__ms{font-size:9px;color:var(--color-muted);letter-spacing:.04em}.heatmap__legend{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-dim);flex-wrap:wrap}.heatmap__legend-label{text-transform:lowercase}.heatmap__legend-bar{width:80px;height:8px;border-radius:var(--r-pill);background:linear-gradient(to right,var(--color-surface-2),var(--color-accent))}.heatmap__legend-error{display:inline-flex;align-items:center;gap:6px}.heatmap__legend-dot{width:8px;height:8px;border-radius:var(--r-pill);border:var(--bw-2) solid var(--color-error)}.calendar{display:flex;flex-direction:column;gap:var(--space-4)}.calendar__streaks{display:flex;gap:var(--space-6)}.calendar__streak{display:flex;flex-direction:column}.calendar__streak-value{font-family:var(--font-mono);font-size:var(--fs-24);color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1}.calendar__streak-label{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-muted);text-transform:lowercase;margin-top:4px}.calendar__grid{display:grid;gap:3px}.calendar__cell{aspect-ratio:1;border-radius:3px;min-height:12px;border:var(--bw-1) solid transparent;transition:transform var(--dur-fast) var(--ease-out)}.calendar__cell--today{border-color:var(--color-accent)}.calendar__legend{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-faint)}.calendar__legend-spacer{flex:1}.channel-bars{display:flex;flex-direction:column;gap:var(--space-3)}.channel-bars__row{display:grid;grid-template-columns:minmax(70px,auto) 1fr minmax(70px,auto);align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-12)}.channel-bars__label{color:var(--color-muted);text-transform:lowercase}.channel-bars__track{position:relative;height:14px;background:var(--color-surface-2);border-radius:var(--r-2);overflow:hidden}.channel-bars__fill{height:100%;background:color-mix(in oklch,var(--color-accent) 60%,var(--color-surface-2))}.channel-bars__best{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-accent)}.channel-bars__value{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right}.channel-bars__count{color:var(--color-dim);font-size:var(--fs-11)}.distribution{display:flex;align-items:end;gap:4px;height:120px;padding-bottom:18px;position:relative}.distribution__col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.distribution__bar{width:100%;background:color-mix(in oklch,var(--color-accent) 55%,var(--color-surface-2));border-radius:var(--r-1) var(--r-1) 0 0;min-height:1px}.distribution__bar--empty{background:var(--color-surface-2);opacity:.5}.distribution__label{position:absolute;bottom:-16px;font-family:var(--font-mono);font-size:10px;color:var(--color-dim)}.milestones{display:flex;flex-wrap:wrap;gap:var(--space-2)}.milestone{font-family:var(--font-mono);font-size:var(--fs-12);padding:4px var(--space-3);border-radius:var(--r-pill);background:var(--color-surface-2);color:var(--color-faint);border:var(--bw-1) solid var(--color-border);letter-spacing:.04em;text-transform:lowercase}.milestone--reached{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-faint)}.bigram{font-family:var(--font-mono);font-size:var(--fs-13);background:var(--color-surface-2);border-radius:var(--r-2);padding:2px 6px;letter-spacing:.05em}.sessions{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-13);text-align:left;display:block;overflow-x:auto;white-space:nowrap}.sessions th,.sessions td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-bottom:var(--bw-1) solid var(--color-border);vertical-align:middle}.sessions th:last-child,.sessions td:last-child{padding-right:0;text-align:right}.sessions tbody tr:last-child td{border-bottom:none}.session-row--head th{font-weight:var(--fw-medium);font-size:var(--fs-10);color:var(--color-dim);text-transform:uppercase;letter-spacing:.06em}.spark{width:100%;height:80px;display:block}.spark__line{fill:none;stroke:var(--color-accent);stroke-width:1.5;stroke-linejoin:round}.spark__area{fill:var(--color-accent-area)}.empty-note{color:var(--color-dim);font-family:var(--font-mono);font-size:var(--fs-13);padding:var(--space-6) 0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo--button{background:none;border:none;cursor:pointer;padding:0}.logo--button:hover b{text-decoration:underline;text-underline-offset:4px}.subnav{display:flex;justify-content:center;flex-wrap:wrap;column-gap:var(--space-5);row-gap:var(--space-2)}.subnav__item{background:transparent;border:none;padding:0;color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:lowercase;transition:color var(--dur-fast) var(--ease-out)}.subnav__item:hover{color:var(--color-text)}.subnav__item--active{color:var(--color-accent)}.footer{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.footer__link{background:transparent;border:none;padding:0;color:var(--color-dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:lowercase;transition:color var(--dur-fast) var(--ease-out)}.footer__link:hover{color:var(--color-muted)}.footer__link--active{color:var(--color-accent)}.footer__icon{display:inline-flex;align-items:center;color:var(--color-dim);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.footer__icon:hover{color:var(--color-muted)}.footer__link--author{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.footer__link--author:hover{text-decoration:none}.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin:0 0 var(--space-5)}.page__body .hub__card,.page__body .hub__card:hover{text-decoration:none;color:var(--color-text)}.hub__card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--r-3);background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.hub__card:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.hub__title{font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--color-text)}.hub__sub{color:var(--color-muted);font-size:var(--fs-12)}.article-prose{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-sans);color:var(--color-muted);line-height:var(--lh-normal);font-size:var(--fs-16)}.article-prose h1,.article-prose h2,.article-prose h3{font-family:var(--font-sans);color:var(--color-text);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);line-height:var(--lh-tight);text-wrap:balance;margin:var(--space-5) 0 0}.article-prose>h1:first-child{display:none}.article-prose h2{font-size:var(--fs-22);margin-top:var(--space-6)}.article-prose h3{font-size:var(--fs-18);margin-top:var(--space-5)}.article-prose p{margin:0}.article-prose p>em:only-child{color:var(--color-dim);font-size:var(--fs-18)}.article-prose strong{color:var(--color-text)}.article-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.18em}.article-prose hr{border:0;border-top:var(--bw-1) solid var(--color-border);margin:var(--space-6) 0}.article-prose figure{margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-2)}.article-prose img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--r-3);background:var(--color-surface-2)}.article-prose figure img{width:100%}.article-prose figcaption{display:none}.article-prose sup.footnote{font-size:.7em;line-height:0;vertical-align:super;margin-left:.05em}.article-prose sup.footnote a{color:var(--color-accent);text-decoration:none;padding:0 .15em;border-radius:var(--r-1)}.article-prose sup.footnote a:hover,.article-prose sup.footnote a:focus-visible{background:var(--color-accent-faint)}.article-prose p.reference{font-size:var(--fs-14);overflow-wrap:anywhere}.article-prose p.reference .reference__num{color:var(--color-accent);font-family:var(--font-mono);margin-right:.25em}.article-prose p.reference .reference__back{color:var(--color-dim);text-decoration:none;margin-left:.25em;padding:0 .2em;border-radius:var(--r-1)}.article-prose p.reference .reference__back:hover,.article-prose p.reference .reference__back:focus-visible{color:var(--color-accent);background:var(--color-accent-faint)}.article-prose p.reference .reference__back sub{font-size:.7em}.reference--target{animation:ref-flash 2s var(--ease-out) both;border-radius:var(--r-2)}@keyframes ref-flash{0%{background:var(--color-accent-faint)}to{background:transparent}}