:root{--brand-ember:oklch(69% .19 45);--brand-magenta:oklch(58% .2 332);--brand-cobalt:oklch(53% .18 264);--bg:oklch(97.5% .005 264);--panel:oklch(100% 0 0);--surface-2:oklch(95.2% .008 264);--fg:oklch(23% .03 264);--muted:oklch(50% .025 264);--faint:oklch(80% .015 264);--border:oklch(91% .01 264);--typed:oklch(55% .02 264);--accent:oklch(50% .19 264);--accent-soft:oklch(94% .035 264);--accent-ink:oklch(100% 0 0);--focus:oklch(53% .2 332);--focus-soft:oklch(95% .03 332);--error:oklch(55% .17 45);--error-soft:oklch(95% .04 55);--good:var(--accent);--warn:var(--focus);--brand-step:var(--brand-ember);--heat-0:var(--surface-2);--heat-1:oklch(90% .06 62);--heat-2:oklch(80% .12 55);--heat-3:oklch(66% .17 45);--heat-4:oklch(50% .15 38);--heat-ink-1:var(--fg);--heat-ink-2:var(--fg);--heat-ink-3:var(--fg);--heat-ink-4:oklch(100% 0 0);--fg-pinky:oklch(90% .065 20);--fg-ring:oklch(90% .065 85);--fg-middle:oklch(90% .065 155);--fg-index:oklch(90% .065 235);--fg-thumb:oklch(90% .065 305);--fg-pinky-top:oklch(95% .05 20);--fg-ring-top:oklch(95% .05 85);--fg-middle-top:oklch(95% .05 155);--fg-index-top:oklch(95% .05 235);--fg-thumb-top:oklch(95% .05 305);--locked-ink:oklch(54% .02 264);--locked-line:oklch(64% .015 264);--line-strong:oklch(85% .012 264);--link-quiet:oklch(45% .025 264);--shadow:0 12px 32px oklch(25% .05 264/.12);--shadow-sm:0 1px 2px oklch(25% .05 264/.1);--key-edge:inset 0 -3px 0 oklch(25% .05 264/.16), inset 0 1px 0 #ffffffb3, 0 1px 2px oklch(25% .05 264/.14);--raise-sm:0 1px 2px oklch(25% .05 264/.14), 0 3px 8px oklch(25% .05 264/.08), inset 0 -2px 0 oklch(25% .05 264/.08);--card-lift:0 1px 2px oklch(25% .05 264/.08), 0 3px 8px oklch(25% .05 264/.05);--sink:inset 0 1px 2px oklch(25% .05 264/.12);--cobalt-key:linear-gradient(#3d6ddf, #214dba);--cobalt-edge:#173d9d;--next-ring:oklch(88% .06 264);--focus-line:oklch(75% .13 332);--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--column:36rem;--mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--fg);background:var(--bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .015 264);--panel:oklch(21% .018 264);--surface-2:oklch(25% .02 264);--fg:oklch(94% .008 264);--muted:oklch(71% .02 264);--faint:oklch(42% .02 264);--border:oklch(29% .02 264);--typed:oklch(62% .02 264);--accent:oklch(72% .14 264);--accent-soft:oklch(30% .07 264);--accent-ink:oklch(17% .015 264);--focus:oklch(74% .16 332);--focus-soft:oklch(30% .08 332);--error:oklch(76% .15 52);--error-soft:oklch(31% .07 45);--heat-1:oklch(36% .07 45);--heat-2:oklch(50% .12 45);--heat-3:oklch(66% .16 48);--heat-4:oklch(82% .12 62);--heat-ink-1:var(--fg);--heat-ink-2:var(--fg);--heat-ink-3:oklch(17% .015 264);--heat-ink-4:oklch(17% .015 264);--fg-pinky:oklch(36% .06 20);--fg-ring:oklch(36% .06 85);--fg-middle:oklch(36% .06 155);--fg-index:oklch(36% .06 235);--fg-thumb:oklch(36% .06 305);--fg-pinky-top:oklch(40% .06 20);--fg-ring-top:oklch(40% .06 85);--fg-middle-top:oklch(40% .06 155);--fg-index-top:oklch(40% .06 235);--fg-thumb-top:oklch(40% .06 305);--locked-ink:oklch(62% .02 264);--locked-line:oklch(50% .02 264);--line-strong:oklch(38% .02 264);--link-quiet:oklch(76% .02 264);--shadow:0 12px 32px oklch(0% 0 0/.45);--shadow-sm:0 1px 2px oklch(0% 0 0/.4);--key-edge:inset 0 -3px 0 oklch(0% 0 0/.35), inset 0 1px 0 #ffffff0f, 0 1px 2px oklch(0% 0 0/.4);--raise-sm:0 1px 2px oklch(0% 0 0/.4), 0 3px 8px oklch(0% 0 0/.25), inset 0 1px 0 #ffffff0f;--card-lift:0 1px 2px oklch(0% 0 0/.3), 0 3px 8px oklch(0% 0 0/.2);--sink:inset 0 1px 2px oklch(0% 0 0/.35);--cobalt-key:linear-gradient(oklch(56% .17 264), oklch(48% .18 264));--cobalt-edge:oklch(40% .16 264);--next-ring:oklch(40% .1 264);--focus-line:oklch(62% .16 332)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .015 264);--panel:oklch(21% .018 264);--surface-2:oklch(25% .02 264);--fg:oklch(94% .008 264);--muted:oklch(71% .02 264);--faint:oklch(42% .02 264);--border:oklch(29% .02 264);--typed:oklch(62% .02 264);--accent:oklch(72% .14 264);--accent-soft:oklch(30% .07 264);--accent-ink:oklch(17% .015 264);--focus:oklch(74% .16 332);--focus-soft:oklch(30% .08 332);--error:oklch(76% .15 52);--error-soft:oklch(31% .07 45);--heat-1:oklch(36% .07 45);--heat-2:oklch(50% .12 45);--heat-3:oklch(66% .16 48);--heat-4:oklch(82% .12 62);--heat-ink-1:var(--fg);--heat-ink-2:var(--fg);--heat-ink-3:oklch(17% .015 264);--heat-ink-4:oklch(17% .015 264);--fg-pinky:oklch(36% .06 20);--fg-ring:oklch(36% .06 85);--fg-middle:oklch(36% .06 155);--fg-index:oklch(36% .06 235);--fg-thumb:oklch(36% .06 305);--fg-pinky-top:oklch(40% .06 20);--fg-ring-top:oklch(40% .06 85);--fg-middle-top:oklch(40% .06 155);--fg-index-top:oklch(40% .06 235);--fg-thumb-top:oklch(40% .06 305);--locked-ink:oklch(62% .02 264);--locked-line:oklch(50% .02 264);--line-strong:oklch(38% .02 264);--link-quiet:oklch(76% .02 264);--shadow:0 12px 32px oklch(0% 0 0/.45);--shadow-sm:0 1px 2px oklch(0% 0 0/.4);--key-edge:inset 0 -3px 0 oklch(0% 0 0/.35), inset 0 1px 0 #ffffff0f, 0 1px 2px oklch(0% 0 0/.4);--raise-sm:0 1px 2px oklch(0% 0 0/.4), 0 3px 8px oklch(0% 0 0/.25), inset 0 1px 0 #ffffff0f;--card-lift:0 1px 2px oklch(0% 0 0/.3), 0 3px 8px oklch(0% 0 0/.2);--sink:inset 0 1px 2px oklch(0% 0 0/.35);--cobalt-key:linear-gradient(oklch(56% .17 264), oklch(48% .18 264));--cobalt-edge:oklch(40% .16 264);--next-ring:oklch(40% .1 264);--focus-line:oklch(62% .16 332)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}[hidden]{display:none!important}button{font:inherit;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}button:hover{border-color:var(--faint)}button.primary{background:var(--cobalt-key);border-color:var(--cobalt-edge);color:#fff;font-weight:600}button.danger{color:var(--error)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.link-btn{color:var(--accent);text-align:left;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.caret{fill:currentColor;flex:none;width:10px;height:10px}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.brand{align-items:center;gap:9px;margin-right:10px;font-weight:650;display:inline-flex}.brand-mark{flex:none;width:26px;height:26px}.brand-word{font-family:var(--mono);letter-spacing:-.01em;font-size:16px;font-weight:500}.brand-word b{font-weight:800}.spacer{flex:1}.tabs{background:var(--surface-2);box-shadow:var(--sink);border-radius:10px;gap:3px;padding:3px;display:flex}.tabs button{min-height:32px;color:var(--muted);border:0;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;transition:background .12s ease-out,color .12s ease-out;display:inline-flex}.tabs button:hover{color:var(--fg)}.tabs button.active{background:var(--panel);color:var(--fg);box-shadow:var(--raise-sm);font-weight:600}.menu-wrap{position:relative}.menu-btn{background:var(--panel);border-color:var(--line-strong);min-height:36px;box-shadow:var(--card-lift);align-items:center;gap:7px;padding:8px 12px;font-size:14px;display:inline-flex}.menu-btn .icon{width:15px;height:15px;color:var(--muted)}.menu-btn[aria-expanded=true]{background:var(--panel);border-color:var(--faint)}.menu{z-index:20;background:var(--panel);border:1px solid var(--border);min-width:230px;max-height:70vh;box-shadow:var(--shadow);border-radius:10px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.menu-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 8px 6px;font-size:.7rem}.menu-item{text-align:left;border:0;border-radius:6px;align-items:baseline;gap:6px;width:100%;padding:7px 8px;font-size:.9rem;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--bg);outline:none}.menu-item[aria-checked=true]:after{content:"✓";color:var(--accent);margin-left:auto}.menu-item small{color:var(--muted)}.flag{vertical-align:-.08em;width:1.3em;height:.875em;box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent);border-radius:2px;flex:none;margin-right:.4em;display:inline-block;overflow:hidden}.flag svg{width:100%;height:100%;display:block}.flag-globe{vertical-align:-.15em;width:1em;height:1em;box-shadow:none;border-radius:0}.flag-globe svg{fill:none;stroke:currentColor;stroke-width:1.8px}[aria-checked=false]>.flag{filter:grayscale(.7);opacity:.6;transition:filter .15s,opacity .15s}[aria-checked=false]:hover>.flag,[aria-checked=false]:focus-visible>.flag{filter:none;opacity:1}.menu-item .flag{align-self:center;margin-right:0}.menu-sep{color:var(--faint)}.menu-layout{font-family:var(--mono);font-size:12px;font-weight:600}.menu-keyboard{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:.85rem;overflow:hidden}.menu-item.menu-link{color:var(--accent);font-size:.85rem}.menu-section{gap:2px;display:grid}.menu-section:not([hidden])+.menu-section{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.menu-note{color:var(--muted);border-top:1px solid var(--border);margin-top:4px;padding:6px 8px 2px;font-size:.8rem;display:block}.settings-btn{color:var(--muted);border:0;align-items:center;gap:6px;min-height:36px;padding:6px 8px;display:inline-flex}.settings-btn:hover,.settings-btn[aria-expanded=true]{color:var(--fg);background:var(--surface-2)}.account-btn{color:var(--muted);border:0;align-items:center;gap:6px;min-height:36px;padding:6px 8px;display:inline-flex}.account-btn:hover,.account-btn[aria-expanded=true]{color:var(--fg);background:var(--surface-2)}.account-btn:not(.signed-in){color:var(--accent);font-weight:600}.account-btn.signed-in{color:var(--fg);border-radius:999px;padding:4px}.account-btn.signed-in:has(.account-name){padding-right:12px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-size:.9rem;font-weight:600;overflow:hidden}.account-avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:relative}.account-dot{border:2px solid var(--panel);background:oklch(65% .15 150);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.account-avatar.sync-syncing .account-dot{background:var(--focus)}.account-avatar.sync-error .account-dot{background:var(--error)}.account-avatar.large{width:40px;height:40px;font-size:1.1rem}.account-avatar.huge{width:64px;height:64px;font-size:1.7rem}.account-avatar.huge .account-dot{width:14px;height:14px;bottom:0;right:0}.account-pop{width:min(340px,100vw - 32px);padding:16px}.account-pop.as-dialog{z-index:40;width:min(400px,100vw - 32px);max-height:calc(100vh - max(16px,10vh) - 16px);box-shadow:var(--shadow), 0 0 0 100vmax oklch(20% .02 270/.45);border-radius:16px;margin:0 auto;padding:20px;animation:.18s ease-out rc-pop;position:fixed;top:max(16px,10vh);left:0;right:0}@media (prefers-reduced-motion:reduce){.account-pop.as-dialog{animation:none}}.account-tabs-row{align-items:center;gap:8px;width:100%;display:flex}.account-close{width:36px;height:36px;color:var(--muted);background:0 0;border:0;flex:none;padding:0;font-size:1.4rem;line-height:1}.account-close:hover{color:var(--fg);background:var(--surface-2)}.account-pop:not(.as-dialog) .account-close{display:none}body.onboarding .menu-wrap.account-wrap{visibility:visible}@media (width<=420px){.menu-sep,.menu-layout,.menu-keyboard{display:none}}@media (width<=620px){.topbar{padding:10px 16px}.tabs{order:5;width:100%}.tabs button{flex:1;justify-content:center;min-height:44px}.settings-btn span{display:none}.menu-btn{padding:6px 10px}.brand{margin-right:4px}}@media (width<=420px){.account-btn:not(.signed-in) span,.account-name{display:none}.account-btn.signed-in:has(.account-name){padding-right:4px}}@media (width<=620px){.account-pop:not(.as-dialog){width:auto;max-height:calc(100vh - 72px);position:fixed;top:56px;left:16px;right:16px}}.phone-note{border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;line-height:1.45;display:flex}.phone-note span{flex:16rem}.phone-note .link-btn{font-weight:600}.drawer{z-index:30;background:var(--panel);border-left:1px solid var(--border);width:min(360px,100%);box-shadow:var(--shadow), 0 0 0 100vmax oklch(20% .03 264/.25);flex-direction:column;gap:24px;padding:20px 22px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2{margin:0;font-size:1.05rem}.icon-btn{color:var(--muted);border:0;padding:4px 8px}.drawer-group{gap:10px;display:grid}.drawer-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem;font-weight:500}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.switch-row input{appearance:none;cursor:pointer;border-radius:var(--r-pill);background:var(--locked-line);width:34px;height:20px;box-shadow:var(--sink);flex:none;margin:0;transition:background .16s ease-out;position:relative}.switch-row input:before{content:"";background:var(--panel);width:16px;height:16px;box-shadow:var(--raise-sm);border-radius:50%;transition:transform .16s ease-out;position:absolute;top:2px;left:2px}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:before{transform:translate(14px)}@media (prefers-reduced-motion:reduce){.switch-row input,.switch-row input:before{transition:none}}#reset-lessons{color:var(--error)}.kbp{gap:10px;display:grid}.kbp-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.kbp-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kbp-row{align-items:center;gap:6px;display:flex}.kbp-row .account-input{flex:1}.kbp-row.active .account-input{border-color:var(--accent)}.kbp-meta{font-family:var(--mono);color:var(--muted);flex:none;font-size:11px}.kbp-remove{width:30px;height:30px;color:var(--muted);border:0;flex:none;padding:0;font-size:1rem}.kbp-remove:hover{color:var(--error);background:var(--surface-2)}.kbp-remove:disabled{visibility:hidden}.account-benefits{gap:6px;font-size:.9rem;display:grid}.account-benefits ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.account-benefits li{color:var(--muted);padding-left:20px;line-height:1.4;position:relative}.account-benefits li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:2px}.account-nudge{border:1px solid var(--border);background:var(--accent-soft);border-radius:12px;gap:12px;margin-top:14px;padding:14px 16px;display:grid}.account-nudge-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.account{justify-items:start;gap:10px;display:grid}.account p{margin:0;font-size:.88rem}.account-note{color:var(--muted)}.account-email{overflow-wrap:anywhere;font-weight:600}.account .account-address{overflow-wrap:anywhere;margin-top:-8px}.account-head{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.account-head>div{min-width:0}.account .account-head .account-address{margin-top:0}.account-callout{background:var(--accent-soft);border-radius:10px;justify-items:start;gap:8px;width:100%;padding:12px;display:grid}.account-tabs{background:var(--surface-2);width:100%;box-shadow:var(--sink);border-radius:10px;gap:3px;padding:3px;display:flex}.account-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1;padding:6px 8px;font-size:.88rem;font-weight:600}.account-tabs button[aria-selected=true]{background:var(--panel);color:var(--fg);box-shadow:var(--raise-sm)}.account-ok{color:oklch(50% .13 150)}#profile-view{max-width:640px;margin-inline:auto}.profile{gap:16px;display:grid}.profile-hero{align-items:center;gap:18px;min-width:0;display:flex}.profile-hero h3{overflow-wrap:anywhere;margin:0 0 2px;font-size:1.4rem}.profile-hero p{overflow-wrap:anywhere;margin:0}.profile-card{justify-items:start;gap:10px;display:grid}.profile-card p{margin:0;font-size:.9rem}.profile-card .account-form{max-width:360px}.account-hint,.profile-card .account-hint{color:var(--muted);font-size:.8rem}.account-error{color:var(--error)}.account-form{gap:8px;width:100%;display:grid}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-provider{width:100%;font-weight:600}.account .account-or{color:var(--muted);font-size:.8rem}.account-captcha{justify-content:center;margin-top:8px;display:flex}.account-captcha:empty{display:none}.account-input{width:100%;min-width:0;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.account-delete{color:var(--error)}.account-privacy{color:var(--muted);font-size:.82rem}.account-terms{color:var(--muted);cursor:pointer;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.account-terms input{accent-color:var(--accent);margin:3px 0 0}.account-terms a{color:var(--accent)}.segmented{background:var(--surface-2);box-shadow:var(--sink);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented button{color:var(--muted);border:0;border-radius:6px;padding:6px;font-size:.88rem}.segmented button[aria-checked=true]{background:var(--panel);color:var(--fg);box-shadow:var(--raise-sm)}#ui-language button{white-space:nowrap;padding-inline:4px}main{max-width:960px;margin:0 auto;padding:20px 16px 40px}#practice-view{flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}#practice-view>*{width:100%;max-width:var(--column)}#practice-view>.finger-guide,#practice-view>.coach{max-width:none}.coach{justify-content:center;display:flex;position:relative}.coach-bar{white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill);max-width:100%;display:inline-flex;overflow-x:auto;box-shadow:0 1px 2px oklch(25% .05 264/.1),0 4px 12px oklch(25% .05 264/.06),inset 0 -2px oklch(25% .05 264/.06)}.chip{color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:8px;padding:7px 14px;font-size:14px;transition:background .12s ease-out;display:inline-flex}.chip+.chip{border-left:1px solid var(--border)}.chip:first-child{padding-left:16px}.chip:last-child{padding-right:16px}.chip>span{align-items:center;gap:6px;display:inline-flex}.chip:hover{color:var(--fg)}.chip.on{background:var(--surface-2);color:var(--fg)}.chip b,.chip .seg-name{color:var(--fg);font-weight:500}.chip kbd{font-family:var(--mono);border-radius:var(--r-xs);background:var(--focus-soft);color:var(--focus);box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--focus) 25%, transparent);padding:0 6px;font-size:12px;font-weight:600}.seg-num{font-family:var(--mono);font-size:12px}.seg-stair{width:16px;height:14px;fill:var(--faint);flex:none}.seg-stair .on{fill:var(--focus)}#chip-now{font-family:var(--mono);color:var(--fg);font-size:12px;font-weight:600}#chip-now b{font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dots{gap:3px;display:inline-flex}.dots i{background:var(--border);border-radius:50%;width:7px;height:7px}.dots i.done{background:var(--accent)}.dots i.current{background:var(--panel);box-shadow:inset 0 0 0 2px var(--focus)}.dots i.locked{box-shadow:inset 0 0 0 1px var(--border);background:0 0}.keys{gap:3px;display:inline-flex}.keys kbd,.pop-focus kbd{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 6px;font-size:.8rem}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--accent)}.dot.due{background:var(--focus)}.dot.off{background:var(--faint)}.coach-pop{z-index:15;background:var(--panel);border:1px solid var(--border);width:min(330px,100%);box-shadow:var(--shadow);border-radius:12px;padding:14px 16px;position:absolute}.coach-pop:before{content:"";top:-7px;left:calc(var(--arrow,50%) - 6px);background:var(--panel);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.pop-sec{gap:10px;font-size:.88rem;display:grid}.pop-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.pop-note{color:var(--muted);background:var(--bg);border-radius:8px;margin:0;padding:9px 11px;line-height:1.45}.pop-small{color:var(--muted);margin:0;font-size:.82rem}.pop-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.pop-stages li{color:var(--muted);gap:4px;font-size:.8rem;display:grid}.pop-stages li i{background:var(--border);border-radius:2px;height:4px;display:block;overflow:hidden}.pop-stages li b{background:var(--accent);height:100%;display:block}.pop-stages li.current{color:var(--fg);font-weight:500}.pop-round{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pop-round li{background:var(--bg);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:.8rem}.pop-round li.done{color:var(--accent)}.pop-round li.done:before{content:"✓ "}.pop-round li.current{background:var(--accent);color:var(--accent-ink);font-weight:500}.pop-round li.locked{border:1px dashed var(--border);background:0 0}.pop-focus{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pop-focus kbd{padding:1px 8px;font-size:.9rem}.pop-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pop-nums div{background:var(--bg);border-radius:8px;padding:8px 10px;display:grid}.pop-nums b{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;line-height:1.2}.pop-nums span{color:var(--muted);font-size:.75rem}.pop-weak{gap:7px;display:grid}.pop-weak div{font-variant-numeric:tabular-nums;grid-template-columns:34px 1fr 44px;align-items:center;gap:8px;display:grid}.pop-weak kbd{font-family:var(--mono);text-align:center;background:var(--bg);border-radius:5px}.pop-weak .bar{background:var(--bg);border-radius:3px;height:5px;overflow:hidden}.pop-weak .bar i{background:var(--error);opacity:.75;height:100%;display:block}.pop-weak small{color:var(--muted);text-align:right;font-size:.8rem}.pop-more{color:var(--accent);text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-size:.85rem}.pop-more:after{content:" →"}.pop-fresh{color:var(--muted);align-items:flex-start;gap:10px;line-height:1.45;display:flex}.pop-fresh .dot{margin-top:6px}.pop-fresh b{color:var(--fg);font-weight:500}.text-wrap{position:relative}.text{font-family:var(--mono);cursor:text;white-space:pre-wrap;word-break:break-word;border-radius:10px;min-height:calc(7.2em + 16px);padding:8px 4px;font-size:clamp(20px,3vw,28px);line-height:1.8;transition:opacity .15s,translate .2s}.text:not(.focused){opacity:.5}@media (width<=560px){.text{min-height:calc(9em + 16px)}}#practice-view .text-wrap{--lines:4;height:calc(var(--lines) * 1.8em + 16px);clip-path:inset(4px -100vw 0);font-size:clamp(20px,3vw,28px);overflow-y:clip}@media (width<=560px){#practice-view .text-wrap{--lines:5}}.start-pill{white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow);color:var(--fg);padding:7px 14px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-pill:hover{border-color:var(--faint)}.drill-focus{min-height:20px;color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:20px}.drill-focus.is-empty{visibility:hidden}.focus-keys{gap:4px;margin:0 2px;display:inline-flex}.drill-focus kbd{font-family:var(--mono);border-radius:var(--r-xs);background:var(--focus-soft);color:var(--focus);box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--focus) 25%, transparent);padding:0 6px;font-size:12px;font-weight:600}.typing-input{opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:0;left:0}.text .typed{color:var(--typed)}.text .current{position:relative}.text .current:before{content:"";background:var(--accent);width:2px;animation:1.1s step-end infinite blink;position:absolute;top:.15em;bottom:.15em;left:-1px}.text:not(.focused) .current:before{opacity:.5;animation:none}.text .focus{-webkit-text-decoration:underline 2px var(--focus-line);text-decoration:underline 2px var(--focus-line);text-underline-offset:6px}.text .current.error{color:var(--error);background:var(--error-soft);-webkit-text-decoration:underline 2px var(--error);text-decoration:underline 2px var(--error);text-underline-offset:6px;border-radius:3px;animation:.2s shake}.text .current.error.sp:after{content:"·";text-align:center;position:absolute;left:0;right:0}@keyframes blink{50%{opacity:0}}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.text .current:before,.text .current.error{animation:none}.text{transition:opacity .15s}}.type-hint{text-align:center;color:var(--muted);margin:-14px 0 0;font-size:14px}.hint{color:var(--muted);font-size:.9rem}.practice-foot{justify-content:center;font-size:.88rem;display:flex}.practice-foot .link-btn{color:var(--muted)}.skip-btn{align-items:center;gap:7px;display:inline-flex}.skip-btn kbd{font-family:var(--mono);border-radius:var(--r-xs);border:1px solid var(--border);background:var(--panel);color:var(--fg);padding:1px 6px;font-size:11px;font-weight:600;box-shadow:inset 0 -2px oklch(25% .05 264/.14)}.layout-suggest{border:1px solid var(--accent);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.layout-suggest span{margin-right:auto}.fresh-start{border:1px solid var(--accent);background:var(--accent-soft);color:var(--fg);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:.9rem;display:flex}.fresh-start span{margin-right:auto}.drill-keys{flex-wrap:wrap;justify-content:center;gap:4px;font-size:.85rem;display:flex}.drill-keys .key{font-family:var(--mono);text-align:center;border:1px solid var(--border);border-radius:4px;min-width:1.6em;padding:2px 4px}.drill-keys .key.locked{color:var(--typed);border-style:dashed}.drill-keys .key.focus{border-color:var(--accent);color:var(--accent);font-weight:600}.drill-keys .key.mastered{border-color:var(--accent);background:var(--accent-soft)}.drill-gate{color:var(--muted);text-align:center;text-wrap:balance;margin:0;font-size:13px;line-height:24px}.gate-lead{color:var(--fg);font-weight:600}.drill-gate .gate-part{margin:0 6px;display:inline-block}.gate-keys{vertical-align:middle;flex-wrap:wrap;gap:4px;margin:0 2px;display:inline-flex}.gate-key{border-radius:var(--r-xs);background:var(--bg);align-items:center;gap:3px;padding:0 6px 0 0;display:inline-flex}.gate-key kbd{font-family:var(--mono);border-radius:var(--r-xs);background:var(--panel);color:var(--fg);border:1px solid var(--border);padding:0 6px;font-size:12px;font-weight:600;box-shadow:inset 0 -2px oklch(25% .05 264/.14)}.gate-key small{font-family:var(--mono);color:var(--fg);font-size:12px;font-weight:600}.gate-part.errors .gate-key{background:var(--error-soft)}.gate-part.errors .gate-key small{color:var(--error)}.gate-more{color:var(--muted);align-self:center;font-size:12px}.drill-cue{border:1px solid var(--error);text-align:center;border-radius:10px;margin:0;padding:8px 12px;font-size:.9rem}.showing-result .text-wrap,.showing-result #drill-focus,.showing-result #drill-gate,.showing-result #type-hint,.showing-result .finger-guide,.showing-result .practice-foot{display:none}.rc{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;gap:18px;padding:20px 22px;animation:.22s ease-out rc-pop;display:grid}@keyframes rc-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.rc{animation:none}}.rc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rc-title{align-items:center;gap:10px;display:flex}.rc-title h2{margin:0;font-size:1.15rem}.rc-check{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.rc-pill{border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.rc-pill.good,.rc-pill.info{background:var(--accent-soft);color:var(--accent)}.rc-pill.warn{background:var(--focus-soft);color:var(--focus)}.rc-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rc-tile{background:var(--bg);border-radius:10px;gap:2px;min-width:0;padding:10px 12px;display:grid}.rc-big{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.rc-big small{font-family:var(--sans);color:var(--muted);margin-left:4px;font-size:13px;font-weight:500}.rc-sub{color:var(--muted);font-size:.78rem}.rc-sub.good{color:var(--accent)}.rc-sub.warn{color:var(--warn)}.rc-news{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rc-news li{background:var(--bg);border-radius:10px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:.92rem;line-height:1.4;display:flex}.rc-icon{width:20px;height:20px;color:var(--accent-ink);background:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.rc-news li.win{background:var(--accent-soft)}.rc-news li.win .rc-icon,.rc-news li.good .rc-icon{background:var(--accent)}.rc-news li.warn{background:var(--error-soft)}.rc-news li.warn .rc-icon{background:var(--error)}.rc-why{border:1px solid var(--border);border-radius:10px;gap:10px;padding:12px 14px;font-size:.92rem;line-height:1.45;display:grid}.rc-precise{background:var(--error-soft);border-radius:8px;margin:0;padding:9px 12px}.rc-precise b{color:var(--error)}.rc-why-row{gap:6px;display:grid}.rc-why-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:600}.rc-why-parts{gap:4px;display:grid}.rc-why-parts .gate-part{display:block}.rc-why-row .gate-keys{margin:0}.rc-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rc-col{border:1px solid var(--border);border-radius:10px;align-content:start;gap:8px;padding:10px 12px;display:grid}.rc-col h3{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:600}.rc-col.up h3{color:var(--accent)}.rc-col.up h3:before{content:"▲ "}.rc-col.down h3{color:var(--error)}.rc-col.down h3:before{content:"▼ "}.rc-col p{color:var(--muted);margin:0;font-size:.85rem}.rc-chips{flex-wrap:wrap;gap:6px;display:flex}.rc-chips kbd{font-family:var(--mono);border-radius:6px;padding:2px 9px;font-size:.95rem}.rc-col.up kbd{background:var(--accent-soft);color:var(--accent)}.rc-col.down kbd{background:var(--error-soft);color:var(--error)}.rc-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.rc-next{color:var(--muted);padding-top:10px;font-size:.9rem}.rc-focus{color:var(--focus);font-family:var(--mono);font-weight:700}.rc-go{background:var(--cobalt-key);border-color:var(--cobalt-edge);color:#fff;align-items:center;gap:10px;margin-top:10px;padding:7px 8px 7px 14px;font-weight:600;display:inline-flex}.rc-enter{font-family:var(--mono);background:var(--panel);color:var(--accent);box-shadow:var(--key-edge);border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:600}@media (width<=520px){.rc{padding:16px}.rc-nums,.rc-cols{grid-template-columns:1fr}}.break-card{border:1px solid var(--accent);background:var(--panel);border-radius:12px;padding:14px 16px;font-size:.95rem}.break-card p{margin:0 0 8px}.break-timer{font-variant-numeric:tabular-nums;font-size:1.6rem}.break-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.log-head{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;display:flex}.log-head h2{margin:0;font-size:1.1rem}.log-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}#log-summary{color:var(--muted);margin-right:auto}#log-view{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:4px 8px}#log-view td:nth-child(4),#log-view td:nth-child(5),#log-view td:nth-child(6),#log-view td:nth-child(7){font-family:var(--mono)}tr.wrong td{color:var(--error)}.finger-guide{text-align:center;flex-direction:column;align-items:center;margin:4px 0 0;display:flex}.fg-caption{justify-content:center;align-items:center;max-width:34rem;height:3em;margin:0 0 10px;font-size:15px;line-height:1.5;display:flex}.fg-caption-text{display:block}.fg-cap-key{font-family:var(--mono);border-radius:var(--r-sm);background:var(--cobalt-key);color:#fff;box-shadow:inset 0 -2px 0 var(--cobalt-edge), 0 2px 4px oklch(45% .18 264/.3);padding:1px 7px;font-size:14px;font-weight:700}.fg-reach{color:var(--muted)}.fg-cap-key{margin-right:2px}.fg-home{color:var(--muted);margin:8px 0 0;font-size:.85rem}.finger-guide .fg-kb{gap:5px;font-size:clamp(11px,1.6vw,14px)}.fg-kb .kb-row{gap:5px}.fg-kb .kb-key{border-radius:var(--r-sm);width:2.6em;height:2.6em;color:var(--fg);border-color:var(--border);font-size:1em}@media (width<=560px){.fg-caption{height:4.5em}.fg-kb,.fg-kb .kb-row{gap:3px}.finger-guide .fg-kb{font-size:2.1vw}}.coach-bar{scrollbar-width:none;position:relative}.fg-kb .kb-key.fg-locked{border:1px dashed var(--locked-line);color:var(--locked-ink);box-shadow:none;background:0 0;font-weight:400;text-decoration:none}.fg-kb .kb-key:hover{outline:none}.fg-left-pinky,.fg-right-pinky{background:linear-gradient(var(--fg-pinky-top), var(--fg-pinky))}.fg-left-ring,.fg-right-ring{background:linear-gradient(var(--fg-ring-top), var(--fg-ring))}.fg-left-middle,.fg-right-middle{background:linear-gradient(var(--fg-middle-top), var(--fg-middle))}.fg-left-index,.fg-right-index{background:linear-gradient(var(--fg-index-top), var(--fg-index))}.fg-right-thumb{background:linear-gradient(var(--fg-thumb-top), var(--fg-thumb))}.fg-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.fg-legend li{align-items:center;gap:6px;display:inline-flex}.fg-swatch{border-radius:var(--r-xs);border:1px solid var(--border);width:14px;height:14px;box-shadow:var(--key-edge);flex:none}.fg-swatch.fg-next{background:var(--cobalt-key);border-color:var(--cobalt-edge)}.fg-swatch.fg-locked{border:1px dashed var(--locked-line);box-shadow:none;background:0 0}.fg-hands{width:300px;max-width:100%;height:auto;margin-top:12px}.fg-palm{fill:var(--surface-2);stroke:var(--line-strong)}.fg-stop-palm{stop-color:var(--surface-2)}.fg-stop-pinky{stop-color:var(--fg-pinky)}.fg-stop-ring{stop-color:var(--fg-ring)}.fg-stop-middle{stop-color:var(--fg-middle)}.fg-stop-index{stop-color:var(--fg-index)}.fg-stop-thumb{stop-color:var(--fg-thumb)}.fg-stop-active{stop-color:var(--accent)}.fg-hands .fg-left-pinky,.fg-hands .fg-right-pinky{fill:url(#fg-grad-pinky)}.fg-hands .fg-left-ring,.fg-hands .fg-right-ring{fill:url(#fg-grad-ring)}.fg-hands .fg-left-middle,.fg-hands .fg-right-middle{fill:url(#fg-grad-middle)}.fg-hands .fg-left-index,.fg-hands .fg-right-index{fill:url(#fg-grad-index)}.fg-hands .fg-left-thumb,.fg-hands .fg-right-thumb{fill:url(#fg-grad-thumb)}.fg-hands .fg-finger.fg-next{fill:url(#fg-grad-active)}.fg-hands .fg-finger.fg-hold{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:4 3}.fg-mover{transition:transform .14s ease-out}@media (prefers-reduced-motion:reduce){.fg-mover{transition:none}}.finger-guide.fg-faded .fg-kb,.finger-guide.fg-faded .fg-legend,.finger-guide.fg-faded .fg-hands{opacity:.4}.finger-guide.fg-faded .fg-caption{color:var(--muted)}.fg-kb .kb-key.fg-shift{width:3.9em;font-family:inherit}.fg-kb .kb-row-0{padding-left:2.6em}.fg-kb .kb-row-1{padding-left:4.2em}.fg-kb .kb-row-2{padding-left:4.5em}.fg-kb .kb-row-3{padding-left:0}.fg-kb .kb-row-space{justify-content:center;padding-left:0}.fg-kb .kb-key.kb-space{background:linear-gradient(var(--fg-thumb-top), var(--fg-thumb));width:16em;font-family:var(--sans);font-size:.85em}.fg-kb .kb-key.fg-altgr{width:3.9em;font-family:var(--sans);font-size:.85em}.fg-kb .kb-key.fg-spacer{visibility:hidden}.fg-home-key{font-weight:600}.fg-kb .kb-key.fg-bump{font-weight:700}.fg-bump{text-underline-offset:4px;text-decoration:underline}.fg-kb .kb-key.fg-from{outline:2px dashed var(--accent);outline-offset:-3px}.fg-kb .kb-key.fg-next{background:var(--cobalt-key);color:#fff;border-color:var(--cobalt-edge);box-shadow:inset 0 -3px 0 var(--cobalt-edge), inset 0 1px 0 #ffffff59, 0 4px 10px oklch(45% .18 264/.35), 0 0 0 3px var(--next-ring);border-style:solid;font-weight:700}#progress-view{gap:16px;display:grid}.pg-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pg-head h1{margin:0;font-size:24px;font-weight:650}.pg-context{color:var(--muted);font-size:14px}.pg-range{background:var(--surface-2);width:min(300px,100%)}.pg-body{gap:16px;display:grid}.pg-kb{background:var(--surface-2);flex-wrap:wrap;width:fit-content;max-width:100%;margin:-4px 0 16px;display:flex}.pg-kb button{white-space:nowrap;padding:6px 12px}table.pg-compare tr.current td:first-child{font-weight:650}table.pg-compare td.item kbd{margin-right:2px}.pg-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--card-lift);border-radius:14px;gap:10px;min-width:0;padding:16px 18px;scroll-margin-top:16px;display:grid}.pg-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pg-card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.pg-sub{color:var(--muted);margin:-4px 0 0;font-size:.85rem}.pg-note{color:var(--muted);background:var(--bg);border-radius:8px;margin:0;padding:9px 11px;font-size:.88rem;line-height:1.45}.pg-quiet{color:var(--muted);margin:0}.pg-metric{grid-template-columns:repeat(2,1fr);width:200px}.pg-empty{text-align:center;justify-items:center;padding:36px 20px}.pg-empty h2{text-transform:none;letter-spacing:0;color:var(--fg);font-size:1.05rem}.pg-empty p{color:var(--muted);max-width:44ch;margin:0}.pg-flash{animation:1.4s ease-out pg-flash}@keyframes pg-flash{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){.pg-flash{outline:2px solid var(--accent);animation:none}}.pg-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.pg-tile{background:var(--panel);border:1px solid var(--border);box-shadow:var(--card-lift);border-radius:12px;gap:2px;min-width:0;padding:12px 14px;display:grid}.pg-label{color:var(--muted);font-size:.78rem}.pg-big{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.15}.pg-big small{font-family:var(--sans);color:var(--muted);margin-left:4px;font-size:13px;font-weight:500}.pg-delta{color:var(--muted);font-size:.78rem}.pg-delta.good{color:var(--accent)}.pg-delta.bad{color:var(--muted)}.pg-stages{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;margin:0;padding:0;list-style:none;display:grid}.pg-stages li{color:var(--muted);grid-template-columns:1fr auto;align-items:baseline;gap:6px 8px;font-size:.88rem;display:grid}.pg-stages li i{background:var(--surface-2);border-radius:3px;grid-column:1/-1;height:6px;display:block;overflow:hidden}.pg-stages li:nth-child(2) i{height:9px}.pg-stages li:nth-child(3) i{height:12px}.pg-stages li:nth-child(n+4) i{height:15px}.pg-stages li b{background:var(--accent);height:100%;display:block}.pg-stages li.current b{background:var(--focus)}.pg-stages li.current{color:var(--fg);font-weight:600}.pg-stages li.done .pg-stage-state{color:var(--accent)}.pg-stage-state{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.pg-stage-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pg-lock{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:.8;width:13px;height:13px;display:block}.wk-top{flex-wrap:wrap;align-items:flex-end;gap:28px;display:flex}.wk-streak{gap:2px;display:grid}.wk-days-wrap{gap:6px;display:grid}.wk-days{gap:8px;margin:0;padding:0;list-style:none;display:flex}.wk-days li{font-family:var(--mono);color:var(--muted);justify-items:center;gap:4px;font-size:11px;display:grid}.wk-days li i{background:var(--surface-2);border-radius:6px;width:22px;height:22px;display:block}.wk-days li.on i{background:var(--accent)}.wk-days li.part i{background:linear-gradient(to top, var(--accent) 45%, var(--surface-2) 45%)}.wk-goal{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:.8rem;display:flex}.wk-goal select{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.wk-days li.today i{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--focus)}.wk-days li.today span{color:var(--fg);font-weight:700}.wk-days li.future i{border:1px dashed var(--border);background:0 0}.wk-chart{margin-top:4px}.chart-svg .wk-bar{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.chart-svg .wk-col.current .wk-bar{fill:var(--accent)}.chart-svg .wk-trend{fill:none;stroke-linejoin:round;stroke:var(--focus);stroke-width:2px;stroke-dasharray:6 4;stroke-linecap:round;pointer-events:none}.chart-svg .wk-none{fill:var(--border)}.chart-svg .wk-value{fill:var(--fg);font-family:var(--mono);font-size:11px;font-weight:600}.chart-svg .wk-col:focus{outline:none}.chart-svg .wk-col:hover .wk-bar,.chart-svg .wk-col:focus-visible .wk-bar{stroke-width:2px}.wk-caption{margin:0}.pl-head-actions{gap:14px;display:flex}.pl-head-actions .link-btn{font-size:.85rem}.pl-body{gap:14px;display:grid}.pl-next{gap:2px;display:grid}.pl-next .pg-big{font-size:24px}.pl-cue{color:var(--muted);font-size:.9rem}.pl-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:460px;margin:0;padding:0;list-style:none;display:grid}.pl-week li{border:1px dashed var(--border);color:var(--muted);border-radius:10px;justify-items:center;gap:2px;padding:8px 2px;font-size:.8rem;display:grid}.pl-week li b{font-weight:600}.pl-week li span{font-family:var(--mono);min-height:1.3em;font-size:11px}.pl-week li.planned{border:1px solid var(--accent);background:var(--accent-soft);color:var(--fg)}.pl-week li.planned span{color:var(--accent)}.pl-week li.met span{font-family:var(--sans);font-weight:700}.pl-week li.today{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--focus)}.pl-cal{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pl-cal p{color:var(--muted);max-width:46ch;margin:0;font-size:.85rem}.pl-hint{color:var(--focus);margin:0;font-size:.85rem}.pl-form{gap:14px;max-width:520px;display:grid}.pl-why{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.pl-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.pl-field>span,.pl-field>legend{color:var(--muted);padding:0;font-size:.78rem}.pl-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.pl-days button{font:inherit;color:var(--fg);border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:9px 2px;font-size:.85rem;transition:background .12s,border-color .12s}.pl-days button:hover{border-color:var(--accent)}.pl-days button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.pl-row{grid-template-columns:auto 1fr;gap:12px;display:grid}.pl-form input{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:7px 10px}.pl-form input[type=time]{font-family:var(--mono)}.pl-error{color:var(--error);margin:0;font-size:.85rem}.pl-error:empty{display:none}.pl-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (width<=520px){.pl-row{grid-template-columns:1fr}.pl-week,.pl-days{gap:4px}}.bd-card{gap:10px;display:grid}.bd-card>p,.bd-card .pg-note{margin:0}.bd-card>button{justify-self:start}.bd-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bd-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.bd-row.me{background:var(--surface-2)}.bd-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.bd-who{flex:1;gap:3px;min-width:0;display:grid}.bd-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bd-name small{color:var(--muted);font-weight:400}.bd-meta{color:var(--muted);font-size:.82rem}.bd-meta.good{color:var(--good)}.bd-bar{background:var(--surface-2);border-radius:2px;max-width:220px;height:4px;overflow:hidden}.bd-row.me .bd-bar{background:var(--panel)}.bd-bar i{background:var(--accent);height:100%;display:block}.bd-cheer{border:1px solid var(--border);background:var(--panel);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.bd-cheer[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.bd-cheer:disabled{cursor:default}.bd-row.me .bd-cheer:disabled{opacity:.8}.bd-invite{gap:8px;margin-top:6px;display:grid}.bd-invite h3{margin:0;font-size:.95rem}.bd-link{width:100%;font-family:var(--mono);font-size:.85rem}.bd-speed{max-width:420px}.bd-leave{color:var(--muted);justify-self:start}.bd-prompt{flex-wrap:wrap}.bd-prompt-actions{align-items:center;gap:10px;display:flex}.good{color:var(--good)}.bad{color:var(--error)}.muted{color:var(--muted)}.chart-svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-svg .grid{stroke:var(--border);stroke-width:1px}.chart-svg .axis{fill:var(--muted);font-family:var(--mono);font-size:11px}.chart-svg .area{fill:var(--accent-soft);opacity:.6}.chart-svg .line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-svg .dot{fill:var(--accent);stroke:var(--panel);stroke-width:2.5px}.chart-svg .crosshair{stroke:var(--muted);stroke-width:1px}.pg-details{font-size:.88rem}.pg-details summary{cursor:pointer;color:var(--accent)}.pg-details table{margin-top:8px}.pg-scroll{overflow-x:auto}#progress-view td{font-family:inherit}#progress-view td.num{font-variant-numeric:tabular-nums}.tooltip{z-index:10;pointer-events:none;background:var(--panel);color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:6px 10px;font-size:.8rem;position:fixed}.tip-title{margin-bottom:2px;font-weight:600}.pg-kb{justify-content:safe center;min-width:0;display:flex;overflow-x:auto}.kb{flex-direction:column;gap:4px;max-width:100%;padding-bottom:4px;display:inline-flex;overflow-x:auto}.kb-row{gap:4px;display:flex}.kb-row-1{padding-left:1.5em}.kb-row-2{padding-left:1.75em}.kb-row-3{padding-left:1.25em}.kb-row-space{padding-left:9em}.kb-key{width:2.4em;height:2.4em;font-family:var(--mono);cursor:default;border:1px solid #0000;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.kb-key:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.kb-key:hover{outline:2px solid var(--fg);outline-offset:1px}.kb-space{width:14em;font-family:inherit;font-size:.8rem}.heat-none{border:1px dashed var(--border);color:var(--muted)}.heat-0{background:var(--heat-0);border-color:var(--border)}.heat-1{background:var(--heat-1);color:var(--heat-ink-1)}.heat-2{background:var(--heat-2);color:var(--heat-ink-2)}.heat-3{background:var(--heat-3);color:var(--heat-ink-3)}.heat-4{background:var(--heat-4);color:var(--heat-ink-4)}.heat-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.8rem;display:flex}.heat-legend span{align-items:center;gap:6px;display:inline-flex}.heat-legend .kb-key{border:1px solid var(--border);width:14px;height:14px}.kb-key.mastered{position:relative}.kb-key.mastered:after{content:"★";color:var(--accent);font-size:.6em;line-height:1;position:absolute;top:1px;right:2px}.heat-legend .kb-key.mastered:after{font-size:10px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.pg-weak-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pg-weak-grid .pg-card{overflow-x:auto}table.weak th{color:var(--muted);font-size:.75rem;font-weight:500}table.weak td,table.weak th{border-bottom-color:var(--surface-2);padding:6px}table.weak tr:last-child td{border-bottom:0}table.weak td{vertical-align:middle}table.weak td.item kbd{font-family:var(--mono);text-align:center;background:var(--error-soft);min-width:2em;color:var(--error);border-radius:6px;padding:1px 7px;font-size:.95rem;font-weight:600;display:inline-block}table.weak .err-cell{align-items:center;gap:8px;display:inline-flex}table.weak .err-cell .bar{background:var(--surface-2);border-radius:3px;flex:none;width:48px;height:5px;overflow:hidden}table.weak .err-cell .bar i{background:var(--error);opacity:.75;height:100%;display:block}td.trend{align-items:center;gap:6px;font-size:.8rem;display:flex}td.trend .good{color:var(--accent)}td.trend .bad{color:var(--error)}#progress-view table.weak td.num{font-family:var(--mono);font-size:12px}.pg-kb .kb-key{box-shadow:var(--key-edge);border-radius:5px}.spark{display:block}.spark-line{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.spark-dot{fill:var(--accent)}@media (width<=760px){.pg-tiles,.pg-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-weak-grid{grid-template-columns:1fr}}@media (width<=520px){.pg-stages{grid-template-columns:1fr;gap:10px}.kb,.kb-key{font-size:.7rem}.kb-space{width:16.3em;font-size:.6rem}.pg-card{padding:14px}.wk-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.wk-days-wrap{grid-column:1/-1}.pg-big{font-size:1.45rem}#progress-view .weak th:nth-child(3),#progress-view .weak td:nth-child(3){display:none}}body.onboarding .tabs,body.onboarding .menu-wrap,body.onboarding .settings-btn{visibility:hidden}.onboarding-view{justify-content:center;display:flex}.ob-card{width:100%;max-width:var(--column);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:24px 26px;animation:.22s ease-out rc-pop;display:grid}@media (prefers-reduced-motion:reduce){.ob-card{animation:none}}.ob-card h2{margin:0;font-size:1.3rem}.ob-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ob-steps{counter-reset:ob;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ob-steps li{counter-increment:ob;background:var(--bg);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.78rem}.ob-steps li:before{content:counter(ob) ". "}.ob-steps li.done{color:var(--accent)}.ob-steps li.done:before{content:"✓ "}.ob-steps li.current{background:var(--accent);color:var(--accent-ink);font-weight:500}.ob-skip{color:var(--muted);white-space:nowrap;font-size:.85rem}.ob-account{background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.ob-account p{color:var(--muted);margin:2px 0 0;font-size:.9rem;line-height:1.45}.ob-intro{color:var(--muted);margin:-6px 0 0;line-height:1.5}.ob-field{gap:6px;display:grid}.ob-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:500}.ob-label-plain{font-size:.92rem}.ob-seg{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=420px){.ob-seg{grid-template-columns:repeat(2,minmax(0,1fr))}}.ob-select,.ob-check{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--fg);border-radius:8px;padding:7px 10px}.ob-check{font-family:var(--mono)}.ob-note{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.ob-status.ok{color:var(--good)}.ob-kb{justify-self:center;font-size:.72rem;overflow:visible}.ob-kb .kb-row-0{padding-left:0}.ob-kb .kb-row-1{padding-left:1.6em}.ob-kb .kb-row-2{padding-left:2.2em}.ob-kb .kb-row-3{padding-left:2.8em}.ob-kb .kb-key{border-color:var(--border);color:var(--fg);transition:background .15s}.ob-kb .kb-key:hover{outline:none}.ob-kb .kb-key.ob-hit{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ob-options{gap:10px;display:grid}.ob-option{text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.ob-option-text{gap:3px;min-width:0;display:grid}.ob-option-text span{color:var(--muted);font-size:.9rem}.ob-option .stair-mark{flex:none;width:38px;height:38px}.stair-mark .ol{stroke-width:3px;stroke-linejoin:round}.stair-mark .ol-1{stroke:var(--brand-magenta);fill:color-mix(in oklch, var(--brand-magenta) 14%, transparent)}.stair-mark .ol-2{stroke:var(--brand-cobalt);fill:color-mix(in oklch, var(--brand-cobalt) 14%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stair-mark .ol-1{stroke:var(--focus)}:root:not([data-theme=light]) .stair-mark .ol-2{stroke:var(--accent)}}:root[data-theme=dark] .stair-mark .ol-1{stroke:var(--focus)}:root[data-theme=dark] .stair-mark .ol-2{stroke:var(--accent)}.ob-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.ob-option[aria-checked=true] b{color:var(--accent)}.ob-typing{position:relative}.ob-text{padding:10px 4px;font-size:clamp(1.1rem,2.6vw,1.45rem)}.ob-progress{text-align:right}.ob-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-result{margin:0;line-height:1.5}.ob-method{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ob-method li{align-items:flex-start;gap:12px;display:flex}.ob-method b{margin-bottom:2px;display:block}.ob-method p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.ob-num{color:#fff;width:26px;height:26px;font-family:var(--mono);box-shadow:var(--key-edge);background:#c14900;border-radius:7px;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.ob-method li:nth-child(2) .ob-num{background:#c12874}.ob-method li:nth-child(3) .ob-num{background:#8234b2}.ob-method li:nth-child(n+4) .ob-num{background:#214dba}.ob-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ob-retry,.ob-back{margin-right:auto}.ob-retry+.ob-back,.ob-back+.primary{margin-left:0}@media (width<=520px){.ob-card{padding:16px}}.method-pop{z-index:40;background:color-mix(in oklch, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.method-card{width:100%;max-width:32rem;box-shadow:var(--shadow)}.ob-head-quick{justify-content:flex-end}.site-foot{flex-wrap:wrap;justify-content:center;gap:18px;padding:0 16px 24px;font-size:.82rem;display:flex}.site-foot a{color:var(--link-quiet);text-underline-offset:3px;text-decoration:underline}.site-foot a:hover{color:var(--accent);text-decoration:underline}a.brand{color:inherit;text-decoration:none}#legal-language{grid-template-columns:repeat(2,auto)}.legal{max-width:44rem;line-height:1.6}.legal a{color:var(--accent)}.legal-back{margin-bottom:12px;font-size:.9rem;text-decoration:none;display:inline-block}.legal-back:hover{text-decoration:underline}.legal h1{margin:0 0 8px;font-size:1.6rem}.legal h2{margin:28px 0 6px;font-size:1.1rem}.legal ul{padding-left:1.2rem}.legal li{margin-bottom:6px}.legal-note,.legal-updated{color:var(--muted);font-size:.88rem}.legal-updated{margin-top:32px}.ob-layout{border:1px solid var(--border);background:var(--bg);border-radius:12px;gap:12px;padding:14px 16px;display:grid}.ob-layout-head{gap:2px;display:grid}.ob-layout-name{font-size:1.1rem}.ob-question{text-align:center;text-wrap:balance;margin:0;font-size:.95rem}.ob-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ob-find{border-top:1px solid var(--border);padding-top:12px}.ob-find .ob-check{background:var(--panel)}.ob-list{font-size:.9rem}.ob-list summary{cursor:pointer;color:var(--muted);width:fit-content}.ob-list summary:hover{color:var(--fg)}.ob-list[open] summary{margin-bottom:8px}.ob-list .ob-select{width:100%}.ob-card{grid-template-columns:minmax(0,1fr)}.ob-layout .ob-kb{--k:28.8px;max-width:100%;font-size:.66rem;overflow-x:auto}.ob-layout .ob-kb .kb-key{width:var(--k);height:var(--k);font-size:.8rem}@media (width<=560px){.ob-layout .ob-kb,.ob-layout .ob-kb .kb-row{gap:3px}.ob-layout .ob-kb{--k:min(28.8px, calc((100vw - 142px) / 13))}.ob-layout .ob-kb .kb-key{font-size:.68rem}}.ob-nums .rc-tile{text-align:center;justify-items:center}.ob-result{text-align:center;text-wrap:balance}button.primary,.rc-go,.rc-enter,kbd,.kb-key{box-shadow:var(--key-edge)}button.primary,.rc-go{box-shadow:inset 0 -3px 0 var(--cobalt-edge), inset 0 1px 0 #ffffff40, 0 2px 6px oklch(45% .18 264/.3)}.heat-none,.heat-legend .kb-key{box-shadow:none}button.primary,.rc-go,.kb-key{transition:transform .12s ease-out,box-shadow .12s ease-out}button.primary:active,.rc-go:active,.kb-key:active{box-shadow:none;transform:translateY(1px)}.rc-go{border-radius:10px}@media (prefers-reduced-motion:reduce){button.primary,.rc-go,.kb-key{transition:none}button.primary:active,.rc-go:active,.kb-key:active{transform:none}}.load-bar{z-index:100;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.load-bar[hidden]{display:none}.load-bar:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-ember), var(--brand-magenta), var(--brand-cobalt), transparent);width:40%;animation:1.1s ease-in-out infinite load-sweep;position:absolute;inset:0}@keyframes load-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.load-bar:before{opacity:.8;width:100%;animation:none}}