:root{--ground: #edeef2;--surface: #fafafc;--surface-2: #e3e5eb;--edge: #d2d5de;--edge-strong: #b6bac6;--ink: #191b21;--ink-2: #4a4f5c;--ink-3: #767c8b;--f-pinky: #6f5fcc;--f-ring: #3468ce;--f-middle: #178b79;--f-index: #c4821f;--f-thumb: #767c8b;--accent: #178b79;--accent-ink: #0e5f52;--accent-wash: #178b7914;--ok: #178b79;--warn: #c4821f;--bad: #c0453c;--keycap-top: #fcfcfd;--keycap-side: #c9cdd8;--radius: 10px;--font-display: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #15171c;--surface: #1d2026;--surface-2: #23262e;--edge: #2e323c;--edge-strong: #3c414e;--ink: #edeef2;--ink-2: #adb3c0;--ink-3: #7c8394;--f-pinky: #9b8deb;--f-ring: #6d9bf0;--f-middle: #3cc0ab;--f-index: #e5af52;--f-thumb: #7c8394;--accent: #3cc0ab;--accent-ink: #7fdccb;--accent-wash: #3cc0ab1a;--ok: #3cc0ab;--warn: #e5af52;--bad: #e8776d;--keycap-top: #2a2e37;--keycap-side: #101216}}:root[data-theme=dark]{--ground: #15171c;--surface: #1d2026;--surface-2: #23262e;--edge: #2e323c;--edge-strong: #3c414e;--ink: #edeef2;--ink-2: #adb3c0;--ink-3: #7c8394;--f-pinky: #9b8deb;--f-ring: #6d9bf0;--f-middle: #3cc0ab;--f-index: #e5af52;--f-thumb: #7c8394;--accent: #3cc0ab;--accent-ink: #7fdccb;--accent-wash: #3cc0ab1a;--ok: #3cc0ab;--warn: #e5af52;--bad: #e8776d;--keycap-top: #2a2e37;--keycap-side: #101216}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.keynav :focus{outline:2px solid var(--accent);outline-offset:3px}.keyhint{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);display:flex;align-items:center;gap:.3rem}.keyhint kbd{font-family:inherit;font-size:.72rem;line-height:1.5;min-width:1.5em;text-align:center;background:var(--surface-2);border:1px solid var(--edge);border-bottom-width:2px;border-radius:4px;padding:.05rem .3rem;color:var(--ink-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.up-next{display:grid;gap:.4rem;width:100%;text-align:left;font-family:inherit;color:inherit;background:var(--surface);border:1px solid var(--accent);border-radius:14px;padding:1.2rem 1.35rem;cursor:pointer;box-shadow:0 1px 0 var(--accent-wash),0 0 0 4px var(--accent-wash);transition:transform .12s ease,box-shadow .12s ease}.up-next:hover{transform:translateY(-1px)}.up-next-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.up-next-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.15}.up-next-intro{color:var(--ink-2);font-size:.92rem;max-width:54ch}.up-next-foot{display:flex;align-items:center;gap:.8rem;margin-top:.25rem}.up-next .map-stars{font-size:1.15rem}.map{display:flex;flex-direction:column;gap:1.6rem}.map-section{display:flex;flex-direction:column;gap:.6rem}.map-section:not([data-open]){opacity:.7}.map-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .8rem}.map-head .map-name{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em}.map-goal{grid-column:1;margin:0;font-size:.84rem;color:var(--ink-3)}.map-count{grid-row:1;grid-column:2;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.map-bar{grid-column:1 / -1;height:3px;margin-top:.35rem;border-radius:2px;background:var(--surface-2);overflow:hidden}.map-bar-fill{display:block;height:100%;background:var(--accent);transition:width .2s ease}.map-lessons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}.map-lesson{display:grid;gap:.25rem;width:100%;height:100%;text-align:left;font-family:inherit;color:inherit;background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:.6rem .7rem;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.map-lesson:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.map-lesson:disabled{cursor:not-allowed;background:transparent;border-style:dashed;color:var(--ink-3)}.map-lesson[data-done]{border-left:3px solid var(--accent)}.map-lesson[data-suggested]{border-color:var(--accent);background:var(--accent-wash)}.map-num{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.map-lesson-title{font-size:.88rem;font-weight:600;line-height:1.2}.map-stars{display:flex;gap:.1rem;font-size:.9rem;color:var(--edge-strong)}.map-stars span[data-on]{color:var(--warn)}.map-shut{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.map-best{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.map-chars{display:flex;gap:.28rem}.map-chars code{font-family:var(--font-mono);font-size:.8rem;background:var(--surface-2);border:1px solid var(--edge);border-radius:4px;padding:.04rem .34rem;color:var(--ink-2)}.kb{display:flex;flex-direction:column;gap:.3rem;background:var(--surface-2);border:1px solid var(--edge);border-radius:12px;padding:.55rem;-webkit-user-select:none;user-select:none}.kb-row{display:flex;gap:.3rem}.kb-key{position:relative;min-width:0;height:2.9rem;border-radius:6px;background:var(--keycap-top);border:1px solid var(--edge);border-bottom:3px solid var(--keycap-side);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;font-family:var(--font-mono);font-size:.9rem;color:var(--ink-3);opacity:.55;transition:opacity .12s ease,transform .12s ease}.kb-key[data-known]{color:var(--ink);opacity:1}.kb-key[data-special]{background:var(--surface-2);font-size:.78rem}.kb-key[data-home]{box-shadow:inset 0 0 0 1px var(--edge-strong)}.kb-shift{font-size:.62rem;line-height:1;color:var(--ink-3)}.kb-base{line-height:1}.kb-bump{position:absolute;bottom:.3rem;width:.8rem;height:2px;border-radius:2px;background:var(--edge-strong)}.kb-bar{position:absolute;left:50%;transform:translate(-50%);bottom:.12rem;width:55%;height:2px;border-radius:2px;background:var(--cap);opacity:.45}.kb-key[data-target]{color:var(--ink);opacity:1;border-color:var(--cap);box-shadow:inset 0 0 0 1.5px var(--cap)}.kb-key[data-target] .kb-bar{opacity:1;height:3px}.kb-key[data-help]{background:var(--cap);color:#fff;border-color:var(--cap);transform:translateY(1px);animation:kb-pulse .9s ease-in-out infinite}.kb-key[data-help] .kb-shift{color:#fffc}.kb-key[data-help] .kb-bump,.kb-key[data-help] .kb-bar{background:#fffa}@keyframes kb-pulse{0%,to{box-shadow:0 0 0 0 var(--cap)}50%{box-shadow:0 0 0 5px transparent}}@media(prefers-reduced-motion:reduce){.kb-key[data-help]{animation:none}}.hands{display:flex;gap:1.1rem;justify-content:center;align-items:flex-end}.hand{width:5.5rem;height:auto;flex:none}.palm{fill:var(--surface-2);stroke:var(--edge);stroke-width:1.5}.digit{fill:var(--surface);stroke:var(--edge);stroke-width:1.5;transition:fill .13s ease,stroke .13s ease}.digit[data-active]{fill:color-mix(in srgb,var(--cap) 26%,var(--surface));stroke:var(--cap);stroke-width:2}.digit[data-emphasize]{fill:var(--cap);stroke:var(--cap)}.session{display:flex;flex-direction:column;gap:1.4rem}.session-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.back{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-2);background:none;border:1px solid var(--edge);border-radius:7px;padding:.35rem .7rem;cursor:pointer}.back:hover{color:var(--ink);border-color:var(--edge-strong)}.session-title{display:flex;flex-direction:column;gap:.1rem}.lesson-no{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.session-title h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.live{display:flex;gap:1.15rem;margin:0}.live div{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.live dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.live dd{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.intro{margin:0;color:var(--ink-2);max-width:58ch;font-size:.96rem}.text{background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:1.5rem 1.6rem;font-family:var(--font-mono);font-size:1.45rem;line-height:2.1;letter-spacing:.04em;overflow-x:auto}.line{white-space:pre}.ch{position:relative;color:var(--ink-3);transition:color 90ms ease}.ch[data-done]{color:var(--ink-3);opacity:.4}.ch[data-space]:before{content:"";position:absolute;left:12%;right:12%;bottom:.32em;height:1px;background:var(--edge)}.ch[data-here]{color:var(--ink);background:var(--accent-wash);box-shadow:inset 0 -2px 0 var(--accent);border-radius:3px}.ch[data-wrong]{background:color-mix(in srgb,var(--bad) 16%,transparent);box-shadow:inset 0 -2px 0 var(--bad);animation:shake .18s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.ch[data-wrong]{animation:none}}.guide{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hint{margin:0;min-height:1.4rem;font-family:var(--font-mono);font-size:.85rem;color:var(--ink-3);opacity:0;transition:opacity .15s ease}.hint[data-visible]{opacity:1;color:var(--ink-2)}.result{display:flex;flex-direction:column;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:2rem 1.5rem;text-align:center}.stars{display:flex;gap:.5rem}.star{font-size:2.6rem;line-height:1;color:var(--edge)}.star[data-on]{color:var(--warn)}.result-note{margin:0;color:var(--ink-2);max-width:44ch}.result-actions{display:flex;gap:.6rem;margin-top:.3rem}.result-actions button{font-family:var(--font-body);font-size:.95rem;padding:.55rem 1.1rem;border-radius:8px;border:1px solid var(--edge);background:var(--surface-2);color:var(--ink);cursor:pointer}.result-actions button:hover{border-color:var(--edge-strong)}.result-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.save{margin:0;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3);min-height:1rem}.save[data-state=failed]{color:var(--bad)}.gate{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.gate-card{width:min(26rem,100%);background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:2.25rem 2rem 1.75rem;display:flex;flex-direction:column;gap:.85rem;text-align:center}.gate-keys{display:flex;gap:.4rem;justify-content:center;margin-bottom:.4rem}.gate-cap{width:2.5rem;height:2.5rem;border-radius:7px;background:var(--keycap-top);border:1px solid var(--edge);border-bottom:3px solid var(--keycap-side);display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:.2rem 0 .28rem;font-family:var(--font-mono);font-size:.95rem;color:var(--ink)}.gate-cap i{width:1rem;height:2.5px;border-radius:2px;background:var(--cap)}.gate-card h1{margin:0;font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1.05}.gate-lede{margin:0;color:var(--ink-2);font-size:.94rem;line-height:1.5}.gate-card form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;text-align:left}.gate-card label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.gate-card input{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.08em;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--edge);background:var(--ground);color:var(--ink)}.gate-card input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-wash);outline-offset:0}.gate-card input[data-wrong]{border-color:var(--bad)}.gate-card button{font-family:var(--font-body);font-size:.98rem;font-weight:600;padding:.65rem 1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;margin-top:.2rem}.gate-card button:disabled{opacity:.45;cursor:not-allowed}.gate-error{margin:0;min-height:1.2rem;font-size:.85rem;color:var(--bad);opacity:0;transition:opacity .13s ease}.gate-error[data-visible]{opacity:1}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.85rem}.tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.4rem .9rem 1.1rem;background:var(--surface);border:1px solid var(--edge);border-radius:14px;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .12s ease,transform .12s ease}.tile:hover{border-color:var(--accent);transform:translateY(-2px)}.tile-face{font-size:2.6rem;line-height:1.1}.tile-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.015em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.tile-new{background:transparent;border-style:dashed}.tile-new .tile-face{font-family:var(--font-mono);font-size:2.2rem;color:var(--ink-3)}.profile-form{display:flex;flex-direction:column;gap:.45rem;max-width:24rem}.profile-form label,.profile-form .form-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:.6rem}.profile-form input{font-family:var(--font-body);font-size:1.05rem;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--edge);background:var(--ground);color:var(--ink)}.profile-form input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-wash);outline-offset:0}.avatar-row{display:flex;flex-wrap:wrap;gap:.4rem}.avatar-pick{width:2.9rem;height:2.9rem;font-size:1.5rem;line-height:1;background:var(--surface);border:1px solid var(--edge);border-radius:10px;cursor:pointer}.avatar-pick[data-on]{border-color:var(--accent);background:var(--accent-wash)}.form-buttons{display:flex;gap:.5rem;margin-top:1rem}.form-buttons button{font-family:var(--font-body);font-size:.98rem;font-weight:600;padding:.6rem 1.1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.form-buttons button:disabled{opacity:.45;cursor:not-allowed}.form-buttons .ghost{background:transparent;border-color:var(--edge);color:var(--ink-2);font-weight:500}.form-error{margin:.4rem 0 0;min-height:1.2rem;font-size:.88rem;color:var(--bad);opacity:0;transition:opacity .13s ease}.form-error[data-visible]{opacity:1}.learner-card{background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.learner-card[data-archived]{opacity:.62}.learner-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .75rem}.learner-face{font-size:1.9rem;line-height:1;grid-row:span 2}.learner-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.learner-numbers{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.week{display:flex;gap:.4rem;align-items:flex-end}.day{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:2.4rem}.day-bar{width:100%;height:2.6rem;background:var(--surface-2);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.day-bar[data-on] i{min-height:.35rem}.day-bar i{width:100%;background:var(--accent);border-radius:5px}.day-label{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-3)}.problem-keys{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.problem-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:.2rem}.problem-keys code{font-family:var(--font-mono);font-size:.78rem;background:var(--surface-2);border:1px solid var(--edge);border-radius:5px;padding:.08rem .4rem;color:var(--ink-2);display:inline-flex;gap:.35rem}.problem-keys code b{color:var(--bad);font-weight:600}.card-buttons{display:flex;gap:.5rem}.card-buttons button{font-family:var(--font-body);font-size:.85rem;padding:.35rem .8rem;border-radius:7px;border:1px solid var(--edge);background:transparent;color:var(--ink-2);cursor:pointer}.card-buttons button:hover{border-color:var(--accent);color:var(--ink)}.archived{display:flex;flex-direction:column;gap:.9rem;border-top:1px solid var(--edge);padding-top:1.2rem}.archived h2{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.guardian-note{margin:0;font-size:.85rem;color:var(--ink-3)}.shell{max-width:52rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1.25rem 4rem;display:flex;flex-direction:column;gap:2rem}.masthead{display:flex;flex-direction:column;gap:.55rem}.masthead .eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.masthead h1{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,5.5vw,2.9rem);font-weight:800;letter-spacing:-.035em;line-height:1.03}.masthead p{margin:0;color:var(--ink-2);max-width:52ch}.masthead .tally{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3);font-variant-numeric:tabular-nums}footer.foot{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3);border-top:1px solid var(--edge);padding-top:1rem}.course{display:flex;flex-direction:column;gap:1.75rem}.profile-switch{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-size:.88rem;color:var(--ink-2);background:transparent;border:1px solid var(--edge);border-radius:8px;padding:.4rem .8rem;cursor:pointer}.profile-switch:hover{border-color:var(--accent);color:var(--ink)}