:root{--bg: #f1efe9;--paper: #faf9f5;--ink: #2e3c43;--ink-2: #56676f;--muted: #8b979c;--line: #e0dcd2;--brand: #2f5b6b;--accent: #e3ae55;--accent-ink: #5a4214;--ok: #3f8f6a;--bad: #c45a50;--warn-bg: #fbf0d9;--cur: #f3dc9f;--cur-ink: #2e3c43;--hand: #ece8df;--radius: 14px;--shadow: 0 1px 0 rgba(46, 60, 67, .03), 0 8px 24px -18px rgba(46, 60, 67, .22);--f-LP: #f0d6d3;--f-LR: #f2e2cc;--f-LM: #eee8c9;--f-LI: #d8e8d2;--f-RI: #d2e6e6;--f-RM: #d6deef;--f-RR: #e2d9ee;--f-RP: #eed7e4;--f-TH: #e3e0d9;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #1b2327;--paper: #222c31;--ink: #dbe3e6;--ink-2: #aebbc0;--muted: #81919a;--line: #314047;--brand: #8bbfcc;--accent: #d9a956;--accent-ink: #f0d9a8;--ok: #6cbf96;--bad: #e58a80;--warn-bg: #3b3322;--cur: #5c4c27;--cur-ink: #f6ecd2;--hand: #3a474d;--shadow: 0 8px 24px -18px rgba(0, 0, 0, .55);--f-LP: #4d3a3a;--f-LR: #4f4434;--f-LM: #4a4734;--f-LI: #36483a;--f-RI: #33494c;--f-RM: #363f52;--f-RR: #433b51;--f-RP: #4c3a47;--f-TH: #3b4043;color-scheme:dark}}:root[data-theme=dark]{--bg: #1b2327;--paper: #222c31;--ink: #dbe3e6;--ink-2: #aebbc0;--muted: #81919a;--line: #314047;--brand: #8bbfcc;--accent: #d9a956;--accent-ink: #f0d9a8;--ok: #6cbf96;--bad: #e58a80;--warn-bg: #3b3322;--cur: #5c4c27;--cur-ink: #f6ecd2;--hand: #3a474d;--shadow: 0 8px 24px -18px rgba(0, 0, 0, .55);--f-LP: #4d3a3a;--f-LR: #4f4434;--f-LM: #4a4734;--f-LI: #36483a;--f-RI: #33494c;--f-RM: #363f52;--f-RR: #433b51;--f-RP: #4c3a47;--f-TH: #3b4043;color-scheme:dark}:root[data-theme=paper]{--bg: #efe6d6;--paper: #f8f2e6;--ink: #3b3226;--ink-2: #5f5444;--muted: #8d8270;--line: #dfd2bc;--brand: #7a5a2f;--accent: #c9923e;--accent-ink: #4d3410;--ok: #5d8a4e;--bad: #b4553f;--warn-bg: #f4e3c0;--cur: #ecd29a;--cur-ink: #3b3226;--hand: #eadfcb;--f-LP: #efd2c8;--f-LR: #efdcc1;--f-LM: #ebe2bf;--f-LI: #d9e2c4;--f-RI: #cfdfd6;--f-RM: #d6d8e3;--f-RR: #e0d4e0;--f-RP: #ecd1d6;--f-TH: #e4dccd;color-scheme:light}:root[data-theme=sage]{--bg: #e9efe8;--paper: #f5f8f3;--ink: #2d3b33;--ink-2: #51625a;--muted: #849389;--line: #d5dfd5;--brand: #3f6b55;--accent: #d1a24f;--accent-ink: #4d3a12;--ok: #3f8a5f;--bad: #b85a50;--warn-bg: #f3ecd2;--cur: #cfe3c8;--cur-ink: #22332a;--hand: #e2e9e0;--f-LP: #ecd6d2;--f-LR: #eee1cc;--f-LM: #e9e7cb;--f-LI: #d2e7cf;--f-RI: #cde4e1;--f-RM: #d4ddeb;--f-RR: #ded8ea;--f-RP: #ead5e0;--f-TH: #dfe3db;color-scheme:light}:root[data-theme=ocean]{--bg: #e7edf1;--paper: #f4f7f9;--ink: #26394a;--ink-2: #4b6072;--muted: #7d8f9e;--line: #d3dde5;--brand: #2f6188;--accent: #e0a94e;--accent-ink: #4c360e;--ok: #3b8a6c;--bad: #c05a52;--warn-bg: #f6ecd4;--cur: #cfe1f1;--cur-ink: #1d3346;--hand: #e1e8ee;--f-LP: #ecd6d6;--f-LR: #eee0cd;--f-LM: #eae6cc;--f-LI: #d4e5d2;--f-RI: #cde3e8;--f-RM: #d2dcef;--f-RR: #ddd7ee;--f-RP: #ebd5e2;--f-TH: #dde3e8;color-scheme:light}:root[data-theme=night]{--bg: #161d2b;--paper: #1d2638;--ink: #d7deea;--ink-2: #a8b3c6;--muted: #7c889c;--line: #2c3850;--brand: #8fb1e3;--accent: #d9a956;--accent-ink: #f0d9a8;--ok: #6cbf96;--bad: #e58a80;--warn-bg: #3a3322;--cur: #3a4f78;--cur-ink: #f1f4fa;--hand: #2b3650;--shadow: 0 8px 24px -18px rgba(0, 0, 0, .6);--f-LP: #48364a;--f-LR: #4a4038;--f-LM: #45443a;--f-LI: #334639;--f-RI: #2f4650;--f-RM: #343f5c;--f-RR: #413a5a;--f-RP: #4a3850;--f-TH: #343c4d;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{line-height:1.15;margin:0 0 .4em;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}h2{font-size:1.4rem}h3{font-size:1.08rem}main{max-width:1120px;margin:0 auto;padding-block:24px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));min-height:70vh}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.right{text-align:right}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--muted);margin:0 0 6px}.eyebrow a{text-decoration:none}.eyebrow a:hover{text-decoration:underline}.error{color:var(--bad);font-weight:600}.ok{color:var(--ok);font-weight:600}.warn{color:var(--accent-ink)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;display:flex;align-items:center;gap:20px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:1.2rem;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.brand b{font-weight:800}.logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand);color:var(--accent);font-size:18px}.top nav{display:flex;gap:2px;flex:1}.top nav a{text-decoration:none;padding:7px 12px;border-radius:9px;color:var(--ink-2);font-weight:600;font-size:.93rem}.top nav a:hover{background:var(--paper)}.top nav a.on{background:var(--brand);color:var(--bg)}.top-right{display:flex;gap:8px;align-items:center;margin-left:auto}.layout-sel{font:inherit;font-weight:700;font-size:.85rem;padding:6px 8px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.user{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 3px;cursor:pointer;color:var(--ink);font:inherit;font-weight:600;font-size:.88rem}.user img,.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:800}.burger{display:none;background:none;border:1px solid var(--line);border-radius:9px;font-size:1.1rem;padding:4px 10px;color:var(--ink)}@media (max-width: 860px){.top{flex-wrap:wrap;gap:10px}.burger{display:block}.top nav{display:none;order:3;flex-basis:100%;flex-direction:column}.top nav.open{display:flex}.uname{display:none}}.btn{font:inherit;font-weight:700;font-size:.95rem;padding:10px 18px;border-radius:11px;cursor:pointer;border:1.5px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .08s ease,background .15s}.btn:hover{background:var(--paper)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--bg)}.btn.primary:hover{filter:brightness(1.1)}.btn.small{padding:6px 12px;font-size:.85rem;border-radius:9px}.btn.ghost{border-color:transparent;color:var(--ink-2)}.btn.danger{border-color:var(--bad);color:var(--bad)}.btn.google{background:var(--paper);border-color:var(--line);margin:8px auto}.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem;margin-bottom:14px}.field.small{font-size:.82rem;margin:0}input,select,textarea{font:inherit;font-weight:500;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}textarea{font-family:JetBrains Mono,monospace;font-size:.85rem}.check{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:.92rem}.check input{width:auto;margin-top:4px}.req{color:var(--bad);font-weight:600}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel.narrow{max-width:560px;margin:24px auto}.panel.attention{border-color:var(--accent)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{margin:0}.cards{display:grid;gap:10px}.class-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0;text-align:left;font:inherit;color:inherit;width:100%}.class-row h3{margin:0 0 2px}.clickable{cursor:pointer}.panel.clickable:hover{border-color:var(--ink-2)}.badge{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}.ok-b{background:color-mix(in srgb,var(--ok) 16%,transparent);border-color:transparent;color:var(--ok)}.warn-b{background:var(--warn-bg);border-color:transparent;color:var(--accent-ink)}.code-chip{font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.12em;background:var(--bg);padding:3px 10px;border-radius:8px}.chip{display:inline-block;font-family:JetBrains Mono,monospace;background:var(--bg);border:1px solid var(--line);padding:2px 9px;border-radius:999px;margin:2px 4px;font-size:.85rem}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;padding:24px 0 40px}.hero h1{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.05;letter-spacing:-.03em}.lead{font-size:1.1rem;color:var(--ink-2);max-width:520px}.hero-kb{transform:rotate(-1.5deg)}@media (max-width: 860px){.hero{grid-template-columns:1fr}.hero-kb{transform:none}}.sec-title{font-size:1.1rem;margin:8px 0 14px}.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:32px}.layout-card{font:inherit;text-align:left;cursor:pointer;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}.layout-card:hover{border-color:var(--ink-2)}.layout-card.on{border-color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}.lc-short{font-weight:800;font-size:1.3rem}.lc-label{font-weight:600;font-size:.9rem}.lc-home{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 760px){.two-col{grid-template-columns:1fr}}.steps{padding-left:1.2em;color:var(--ink-2)}.steps li{margin-bottom:6px}.keyboard{display:flex;flex-direction:column;gap:5px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;width:100%;max-width:860px;margin:0 auto}.krow{display:flex;gap:5px}.key{position:relative;min-width:0;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.95rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-bottom-width:3px;transition:transform .08s,box-shadow .12s}.keyboard:not(.heat) .key.f-LP{background:var(--f-LP)}.keyboard:not(.heat) .key.f-LR{background:var(--f-LR)}.keyboard:not(.heat) .key.f-LM{background:var(--f-LM)}.keyboard:not(.heat) .key.f-LI{background:var(--f-LI)}.keyboard:not(.heat) .key.f-RI{background:var(--f-RI)}.keyboard:not(.heat) .key.f-RM{background:var(--f-RM)}.keyboard:not(.heat) .key.f-RR{background:var(--f-RR)}.keyboard:not(.heat) .key.f-RP{background:var(--f-RP)}.keyboard:not(.heat) .key.f-TH{background:var(--f-TH)}.key.mod{font-family:Manrope,sans-serif;font-size:.72rem;color:var(--ink-2);font-weight:700}.key.ghost{background:transparent!important;border-style:dashed;color:var(--muted)}.key.target{outline:3px solid var(--brand);outline-offset:1px;transform:translateY(-2px);box-shadow:0 6px 14px -6px #0006;z-index:1}.key.target.alt{color:var(--ink);border-style:solid}.k-shift{position:absolute;top:2px;left:5px;font-size:.62rem;color:var(--ink-2);font-weight:400}.k-alt{position:absolute;bottom:3px;right:5px;font-size:.7rem;color:var(--bad)}.bump{position:absolute;bottom:6px;width:10px;height:2px;border-radius:2px;background:var(--ink-2)}.key.home{border-bottom-color:var(--ink-2)}.keyboard.compact .key{height:36px;font-size:.78rem}.keyboard.heat .key:not(.mod){background:var(--bg)}@media (max-width: 640px){.key{height:34px;font-size:.72rem;border-radius:6px}.keyboard{gap:3px;padding:6px}.krow{gap:3px}.k-shift{display:none}}.typing{display:flex;flex-direction:column;gap:14px}.live{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.stat.accent{background:var(--brand);color:var(--bg);border-color:var(--brand)}.stat-v{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.stat-l{font-size:.75rem;font-weight:600;opacity:.75}.textbox{font-family:JetBrains Mono,monospace;font-size:clamp(1.15rem,2.3vw,1.55rem);line-height:1.9;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;max-height:calc(1.9em * 3 + 36px);overflow:hidden;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow);scroll-behavior:smooth;cursor:text;position:relative}.textbox.tall{max-height:calc(7.6em + 36px)}.textbox.flash{box-shadow:inset 0 0 0 2px var(--bad)}.ch{color:var(--muted);border-radius:3px}.ch.ok{color:var(--ink-2)}.ch.fixed{color:var(--bad)}.ch.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.ch.cur{background:var(--cur);color:var(--cur-ink);border-radius:4px}.ch.sp.bad{background:color-mix(in srgb,var(--bad) 22%,transparent)}@keyframes blink{50%{box-shadow:0 2px 0 transparent}}.start-hint,.finger-hint{text-align:center;color:var(--ink-2);margin:0;font-size:.92rem}.fdot{padding:1px 8px;border-radius:6px;color:var(--ink)}.fdot.f-LP{background:var(--f-LP)}.fdot.f-LR{background:var(--f-LR)}.fdot.f-LM{background:var(--f-LM)}.fdot.f-LI{background:var(--f-LI)}.fdot.f-RI{background:var(--f-RI)}.fdot.f-RM{background:var(--f-RM)}.fdot.f-RR{background:var(--f-RR)}.fdot.f-RP{background:var(--f-RP)}.fdot.f-TH{background:var(--f-TH)}.warn,.hint-focus{background:var(--warn-bg);border-radius:12px;padding:10px 14px;font-size:.92rem}kbd{font-family:JetBrains Mono,monospace;font-size:.8em;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;background:var(--paper)}.result{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;text-align:center;box-shadow:var(--shadow)}.result.pass{border-top:6px solid var(--ok)}.result.fail{border-top:6px solid var(--accent)}.result .cta{justify-content:center}.result-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:16px 0}.result-stats div{display:flex;flex-direction:column}.result-stats b{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.result-stats.big b{font-size:2.6rem}.result-stats span{font-size:.8rem;color:var(--muted);font-weight:600}.stars{letter-spacing:2px;font-size:1.3rem;color:var(--line)}.stars .on{color:var(--accent)}.result .stars{font-size:2rem}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.lesson-card{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:2px;min-height:120px}.lesson-card:hover{border-color:var(--ink-2);transform:translateY(-1px)}.lesson-card.done{border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}.lc-n{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--muted)}.lc-t{font-family:JetBrains Mono,monospace;font-weight:600;font-size:1.25rem;letter-spacing:.06em}.lc-s{font-size:.82rem;color:var(--ink-2);flex:1}.lc-f{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.lc-f .stars{font-size:1rem}.meter{position:relative;width:260px;max-width:100%;height:30px;background:var(--paper);border:1px solid var(--line);border-radius:999px;overflow:hidden}.meter div{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--ok) 30%,transparent)}.meter span{position:relative;display:block;text-align:center;font-size:.82rem;font-weight:700;line-height:28px}.seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:3px}.seg button{font:inherit;font-weight:700;border:0;background:none;padding:6px 14px;border-radius:8px;cursor:pointer;color:var(--ink-2)}.seg button.on{background:var(--brand);color:var(--bg)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media (max-width: 700px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column}.kpi b{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}.kpi span{font-size:.78rem;color:var(--muted);font-weight:600}.chart{width:100%;height:auto}.chart .grid{stroke:var(--line)}.chart .tick{fill:var(--muted);font-size:11px;font-family:Manrope,sans-serif}.chart .line{fill:none;stroke:var(--brand);stroke-width:2}.chart .trend{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 5}.chart .pt{fill:var(--brand)}.chart .pt.test{fill:var(--accent);stroke:var(--brand);stroke-width:1.5}.form{max-width:640px}.code-panel{display:grid;grid-template-columns:auto 1fr;gap:16px 28px;align-items:center}.code-actions{display:flex;flex-wrap:wrap;gap:8px}.code-settings{grid-column:1 / -1;display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;border-top:1px solid var(--line);padding-top:14px}.code-settings .field{min-width:280px}.code-settings .check{margin:0}.big-code{font-family:JetBrains Mono,monospace;font-weight:600;font-size:2.6rem;letter-spacing:.18em;color:var(--brand);line-height:1.1}.big-code.closed{color:var(--muted);text-decoration:line-through}@media (max-width: 640px){.code-panel{grid-template-columns:1fr}.big-code{font-size:2rem}}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1.5px solid var(--line);cursor:pointer;white-space:nowrap}.tbl th.sorted{color:var(--ink)}.tbl th.sorted:after{content:" ↓"}.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr.clickable:hover td{background:var(--bg)}.tbl .actions{white-space:nowrap;text-align:right}.mini-meter{display:inline-block;width:56px;height:6px;background:var(--bg);border-radius:4px;margin-right:8px;overflow:hidden;vertical-align:middle}.mini-meter div{height:100%;background:var(--ok)}.bad-t{color:var(--bad);font-weight:600}.flag{color:var(--bad);font-weight:700}.roster-edit{margin:10px 0 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.missing{margin-top:14px}.missing summary{cursor:pointer;font-weight:600;color:var(--ink-2)}.lesson-dots{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.ldot{border:1px solid var(--line);border-radius:10px;padding:6px;text-align:center;font-weight:700;font-size:.85rem}.ldot .stars{font-size:.7rem;display:block;letter-spacing:0}.ldot.done{background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:transparent}.ldot.tried{background:var(--warn-bg);border-color:transparent}.join-form label{font-weight:700;display:block;margin-bottom:8px}.join-form .row{flex-wrap:nowrap}.code-input{font-family:JetBrains Mono,monospace;font-size:1.5rem;letter-spacing:.2em;text-transform:uppercase;max-width:260px}.consent h1{margin-top:4px}.share-box{background:var(--bg);border-radius:12px;padding:14px 18px;margin:16px 0}.share-box ul{margin:6px 0 0;padding-left:1.2em}.dev{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:center}.prose p{color:var(--ink-2)}.foot{display:flex;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto;padding:18px 16px 32px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}.gbtn-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 4px;min-height:44px}.stat.warn-t{background:var(--bad);border-color:var(--bad);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.75}}@media (prefers-reduced-motion: reduce){.stat.warn-t{animation:none}}.timebar{height:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:-6px}.timebar div{height:100%;background:var(--accent);transition:width .2s linear}.limit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.limit-row .seg input{width:64px;padding:4px 8px;border-radius:8px;font-weight:700;text-align:center}.head-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.head-side p{margin:0}@media (max-width: 700px){.head-side{align-items:flex-start}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.foot-right{display:flex;gap:14px;align-items:center}.ver{font-family:JetBrains Mono,monospace;font-size:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1px 8px;font-variant-numeric:tabular-nums}.credit{font-weight:700;color:var(--ink-2);text-decoration:none}.credit:hover{text-decoration:underline}@media (max-width: 640px){.foot{flex-direction:column}}.theme-btn{font:inherit;font-size:1rem;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;display:grid;place-items:center}.theme-btn:hover{border-color:var(--ink-2)}.hands{margin:0 auto;width:100%;max-width:440px}.hands svg{width:100%;height:auto;display:block}.hands .palm{fill:var(--hand);stroke:var(--line);stroke-width:1.5}.hands .hf rect:first-child{stroke:var(--line);stroke-width:1.5;fill-opacity:.55;transition:fill-opacity .15s}.hands .hf .nail{fill:var(--paper);opacity:.5}.hands .hf.on rect:first-child{fill-opacity:1;stroke:var(--brand);stroke-width:3}.hands .hf.on .nail{opacity:.9}.hands .hand-l{fill:var(--muted);font-size:12px;font-family:Manrope,sans-serif;font-weight:700}.kb-tools{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.toggle{font:inherit;font-size:.82rem;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer}.toggle.on{border-color:var(--brand);color:var(--brand)}.stage-track{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.stage-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--paper);text-decoration:none;font-size:.85rem;font-weight:700;color:var(--ink-2)}.stage-pill .sp-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:.78rem}.stage-pill .sp-c{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.stage-pill.done .sp-n{background:var(--ok);color:var(--paper)}.stage-pill.now{border-color:var(--brand);color:var(--brand)}.stage-pill.now .sp-n{background:var(--brand);color:var(--paper)}.stage{margin-top:28px;scroll-margin-top:80px}.stage-h{font-size:1.15rem;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.stage-h span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stage-h small{font-size:.85rem;font-weight:500;color:var(--muted)}.lesson-card.locked{opacity:.5;cursor:not-allowed}.lesson-card.locked:hover{transform:none;border-color:var(--line)}.lesson-card.next{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.lesson-card:disabled{color:var(--ink)}.intro{display:flex;flex-direction:column;gap:16px}.intro-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.intro-steps .panel{margin:0}.intro-steps ul{margin:0;padding-left:1.1em;color:var(--ink-2);display:flex;flex-direction:column;gap:6px}.key.press{animation:keypress .7s ease-in-out infinite}@keyframes keypress{0%,to{transform:translateY(-2px)}45%{transform:translateY(3px);box-shadow:none}}.intro-anim{display:flex;flex-direction:column;gap:14px}.scene-cap{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;min-height:92px}.scene-cap .sc-n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--brand);color:var(--paper);display:grid;place-items:center;font-weight:800}.scene-cap h3{margin:0 0 4px}.scene-cap p{margin:0;color:var(--ink-2)}.scene-cap.fade{animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.scene-ctrl{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.dots{display:flex;gap:6px}.dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}.dots button.on{background:var(--brand);width:26px;border-radius:6px}.posture{width:100%;max-width:360px;margin:0 auto;display:block}.posture .pl{stroke:var(--ink-2);stroke-width:4;stroke-linecap:round;fill:none}.posture .pf{fill:var(--hand);stroke:var(--ink-2);stroke-width:3}.posture .ok-l{stroke:var(--ok);stroke-width:2;stroke-dasharray:5 5;fill:none}.posture .lbl{fill:var(--muted);font:700 11px Manrope,sans-serif}.posture .eye-ray{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 4;animation:dash 1.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion: reduce){.key.press,.posture .eye-ray,.scene-cap.fade{animation:none}}.theme-pick{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:0 4px 0 9px;color:var(--ink-2)}.theme-pick select{border:0;background:transparent;padding:6px 4px;font-weight:700;font-size:.85rem;width:auto;color:var(--ink)}.theme-pick select:focus{outline:none}.theme-pick:focus-within{outline:2px solid var(--accent)}@media (max-width: 860px){.theme-pick select{max-width:92px}}.lesson-shell{display:flex;flex-direction:column;gap:14px}.lesson-shell.fs{background:var(--bg);padding:20px max(24px,4vw);overflow-y:auto;height:100vh}.lesson-shell.fs .textbox{font-size:clamp(1.3rem,2.6vw,1.9rem)}.lesson-shell.fs .keyboard{max-width:980px}.lesson-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--shadow)}.lb-left,.lb-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lb-right{justify-content:flex-end}.lb-title{text-align:center;display:flex;flex-direction:column;line-height:1.2}.lb-title .eyebrow{margin:0}.lb-title b{font-family:JetBrains Mono,monospace;font-size:1.15rem;letter-spacing:.05em}.tb{font:inherit;display:inline-flex;align-items:center;gap:6px;height:36px;min-width:36px;justify-content:center;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink-2);cursor:pointer;font-weight:700;font-size:.85rem}.tb:hover:not(:disabled){color:var(--ink);border-color:var(--ink-2)}.tb.on{background:var(--brand);border-color:var(--brand);color:var(--paper)}.tb:disabled{opacity:.4;cursor:not-allowed}.tb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 760px){.lesson-bar{grid-template-columns:1fr}.lb-left,.lb-right{justify-content:center}.tb.wide span{display:none}}.lesson-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lesson-sub .goal{margin:0}.seg-l{font-size:.75rem;font-weight:700;color:var(--muted);padding:0 8px 0 6px;align-self:center;text-transform:uppercase;letter-spacing:.06em}.level-seg button.passed:not(.on){color:var(--ok)}.level-seg button:disabled{opacity:.35;cursor:not-allowed}.lv-dots{display:inline-flex;gap:3px;align-items:center}.lv-dots i{width:8px;height:8px;border-radius:50%;background:var(--line);display:block}.lv-dots i.on{background:var(--ok)}.lv-dots i.gate:not(.on){box-shadow:inset 0 0 0 1.5px var(--ok);background:transparent}.lc-f{gap:6px}.ok-n{color:var(--ok)}.bad-n{color:var(--bad)}.textbox.is-paused{filter:blur(3px);opacity:.6}.print-only{display:none}@media print{@page{size:A4;margin:14mm 12mm}:root,:root[data-theme]{--bg: #fff;--paper: #fff;--ink: #111;--ink-2: #333;--muted: #666;--line: #ccc;--brand: #1f4a5a;--ok: #2b7a50;--bad: #b0382f;--accent: #b98222;--shadow: none;color-scheme:light}body{background:#fff;font-size:11pt}.top,.foot,.no-print,.btn,.tb,.toggle,.seg,.theme-pick,.lesson-bar,.burger,.stage-track,.actions,details.missing summary{display:none!important}.print-only{display:block}main{max-width:none;padding:0!important}.panel,.kpi,.stat,.result,.tbl-wrap{box-shadow:none!important;break-inside:avoid}.tbl{font-size:9.5pt}.tbl-wrap{overflow:visible!important}.page-head{display:none!important}.tbl th{cursor:default}.tbl tr{break-inside:avoid}.page-break{break-after:page}.print-head{display:flex!important;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #1f4a5a;padding-bottom:6px;margin-bottom:14px;font-size:9.5pt;color:#333}.print-head .ph-title{font-size:15pt;font-weight:800;color:#111;margin-top:2px}.print-head .ph-sub{font-size:10pt;color:#444}.print-head .ph-right{text-align:right}.print-foot{display:block!important;position:fixed;bottom:0;left:0;right:0;font-size:8pt;color:#777;text-align:center}.chart .line{stroke:#1f4a5a}.keyboard{box-shadow:none}a{text-decoration:none;color:inherit}}.exam-form{display:flex;flex-direction:column;gap:14px;margin:12px 0 18px}.preset-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.preset{font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.preset span{font-size:.82rem;color:var(--ink-2)}.preset.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--paper)}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 14px;align-items:end}.rules{margin:6px 0;padding-left:1.2em;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}.exam-run{display:flex;flex-direction:column;gap:12px}.exam-bar{display:flex;gap:14px;align-items:baseline;padding:10px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.exam-bar b{font-size:1.1rem}.exam-info h1{margin-top:4px}.typed{font-family:JetBrains Mono,monospace;font-size:10.5pt;line-height:1.7;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.typed .t-bad{background:color-mix(in srgb,var(--bad) 20%,transparent);color:var(--bad);border-radius:2px}.sheet h4{margin:14px 0 6px}.sheet-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.sheet-grid dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.sheet-grid dt{color:var(--muted);font-size:.85rem}.sheet-grid dd{margin:0}.sheet-score{text-align:center;border:2px solid var(--brand);border-radius:14px;padding:12px 22px;display:flex;flex-direction:column}.sheet-score span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sheet-score b{font-size:2.6rem;line-height:1.1;color:var(--brand)}.sheet-score small{color:var(--ink-2)}.signs{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}.signs div{border-top:1px solid var(--ink-2);padding-top:4px;font-size:.85rem;color:var(--ink-2);text-align:center}@media print{.sheet{border:none;padding:0;margin:0}}.step-h{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:1rem}.step-h span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--paper);font-size:.8rem}.text-src{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.text-src textarea{width:100%}.exam-text{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;max-height:180px;overflow:auto;margin:6px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);width:100%;box-sizing:border-box}.try-counted{background:color-mix(in srgb,var(--ok) 14%,transparent)}.exam-state{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}.plan-row{display:flex;flex-wrap:wrap;gap:0 12px;align-items:end;width:100%}.note{background:var(--warn-bg);border-radius:10px;padding:10px 14px}.tbl.tries{margin:4px 0 10px}.exam-mine{margin-top:18px}@media print{.exam-text{max-height:none;overflow:visible}.exam-info{border:none;padding:0}}.warn-t{color:var(--accent-ink);font-weight:600}.verify-box{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-end;justify-content:space-between;break-inside:avoid;border:1px dashed var(--line);border-radius:10px;padding:10px 14px;margin:12px 0}.verify-box>div:first-child{flex:1 1 320px}.verify-box p{margin:4px 0 0;color:var(--ink-2)}.signs,.tbl.tries tr{break-inside:avoid}.verify-page{max-width:900px;margin:0 auto}.verify-code{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap}.verify-code span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.verify-code b{font-size:1rem}.verify-code small{color:var(--ink-2)}.small-kpis{margin:10px 0}.small-kpis .kpi b{font-size:1.3rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--line);vertical-align:middle}.dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.live-panel h3{display:flex;align-items:center;gap:8px}.typing-b{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:600;font-size:.85rem}.typing-b:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}.people{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 14px}.people li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}.people li.on{background:color-mix(in srgb,var(--ok) 8%,transparent)}.people li .btn{margin-left:auto}.ann-form{display:flex;gap:8px;align-items:flex-start}.ann-form textarea{flex:1;font-family:inherit;font-size:.95rem}.ann-list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.ann-list li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:6px}.ann-list li .btn{margin-left:auto}.win{font-weight:800;color:var(--ok)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--paper);border:1.5px solid var(--brand);border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:8px;animation:rise .25s ease-out}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.countdown{font-size:6rem;font-weight:800;text-align:center;color:var(--brand);padding:30px 0;animation:pulse .8s infinite}@keyframes pulse{50%{transform:scale(1.08)}}.duel h1{margin:6px 0 12px}.race{display:flex;flex-direction:column;gap:6px;margin:10px 0}.lane{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}.lane-name{font-size:.9rem;line-height:1.2;overflow:hidden}.lane-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-name .muted{display:block;white-space:nowrap}.lane.me .lane-name b{color:var(--brand)}.road{position:relative;height:34px;border-radius:8px;background:#5b6168;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 18px,transparent 18px 38px);background-size:100% 2px;background-repeat:repeat-x;background-position:0 50%;overflow:hidden}.lane.me .road{box-shadow:inset 0 0 0 2px var(--accent)}.car-wrap{position:absolute;top:5px;transition:left .35s linear}.finish{position:absolute;right:0;top:0;bottom:0;width:10px;background:repeating-conic-gradient(#fff 0,#fff 25%,#222 0,#222 50%) 0 0 / 10px 10px}@media (max-width: 600px){.lane{grid-template-columns:80px 1fr}}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.game-card{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.game-card h3{margin:6px 0 0}.rain-mini{position:relative;height:92px;border-radius:10px;background:linear-gradient(var(--bg),color-mix(in srgb,var(--brand) 12%,var(--bg)))}.rain-mini span{position:absolute;font-family:JetBrains Mono,monospace;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.85rem}.rain{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(var(--paper),color-mix(in srgb,var(--brand) 10%,var(--paper)));overflow:hidden;margin-top:8px}.drop{position:absolute;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:1.05rem;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:2px 8px;white-space:nowrap}.drop.target{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 30%,transparent)}.drop u{text-decoration:none;color:var(--ok);font-weight:700}.pop{position:absolute;transform:translate(-50%);color:var(--ok);font-weight:800;animation:popup .7s ease-out forwards;pointer-events:none}@keyframes popup{to{transform:translate(-50%,-30px);opacity:0}}.ground{position:absolute;left:0;right:0;bottom:0;height:22px;background:color-mix(in srgb,var(--bad) 18%,transparent);border-top:2px dashed var(--bad)}.rain-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:color-mix(in srgb,var(--paper) 82%,transparent)}.rain-input{margin-top:10px;text-align:center;font-family:JetBrains Mono,monospace;font-size:1.4rem;min-height:2rem}.stat-v.lives{color:var(--bad);letter-spacing:2px}.seg a{font-weight:700;padding:6px 14px;border-radius:8px;color:var(--ink-2);text-decoration:none}.seg a.on{background:var(--brand);color:var(--bg)}.seg.tabs{flex-wrap:wrap;margin-bottom:14px}.plan-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--warn-bg);border-color:transparent}.plan-banner.pro,.plan-now.pro{background:color-mix(in srgb,var(--ok) 12%,var(--paper))}.pay-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}.pay-box .price{font-size:1.6rem;font-weight:800;color:var(--brand);margin:0 0 8px}.bank{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;align-items:center}.bank dt{color:var(--muted);font-size:.85rem}.bank dd{margin:0}.qr{width:220px;max-width:100%;border-radius:10px;border:1px solid var(--line);background:#fff}.receipt-prev{max-width:260px;max-height:260px;border:1px solid var(--line);border-radius:8px}.admin-kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kpi.hot{border-color:var(--accent);background:var(--warn-bg)}.bars{margin:8px 0 16px}.bars-l{font-weight:700;font-size:.9rem;margin-bottom:6px}.bars-row{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;height:110px;align-items:end}.bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.bar div{width:100%;min-height:2px;background:var(--brand);border-radius:4px 4px 0 0}.bar span{font-size:.7rem;color:var(--muted)}.pay-act{display:flex;flex-direction:column;gap:4px;min-width:200px}.grant{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.grant input{flex:1 1 160px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:60;padding:16px}.modal-box{background:var(--paper);border-radius:14px;padding:14px;max-width:min(900px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.modal-box img{max-width:100%}.modal-box iframe{width:min(800px,90vw);height:75vh;border:0}.admin-settings h3{margin-top:18px}