:root{--bg:#12141f;--panel:#1c1f2e;--panel2:#252941;--line:#2f3554;--ink:#f4f2ec;--muted:#8d93ab;--keytext:#2a2d42;--gold:#ffcf3f;--good:#3ddc97;--bad:#ff5c7a;--blue:#38b6ff;--violet:#7a6cff;--f0:#ff5c7a;--f1:#ff9f43;--f2:#ffd43b;--f3:#3ddc97;--f4:#38b6ff;--f5:#7a6cff;--f6:#ff7ad9;--f7:#2ee6c8;--p0:#ffd9e1;--p1:#ffe7cb;--p2:#fff3c2;--p3:#d4f5e4;--p4:#d4ebff;--p5:#e3ddff;--p6:#ffdcf3;--p7:#d0f7ef;--r:16px;--bgimg:url(themes/midnight.webp)}html[data-theme=candy]{--bg:#1d1222;--panel:#2a1931;--panel2:#3a2142;--line:#573062;--gold:#ff7ad9;--muted:#b49ac0;--bgimg:url(themes/candy.webp)}html[data-theme=ocean]{--bg:#0b1622;--panel:#12212f;--panel2:#172c3e;--line:#22405a;--gold:#38d6ff;--muted:#8fb0c9;--bgimg:url(themes/ocean.webp)}html[data-theme=forest]{--bg:#0e1a14;--panel:#15251d;--panel2:#1c3227;--line:#2a4a39;--gold:#7ee081;--muted:#93b3a2;--bgimg:url(themes/forest.webp)}html[data-theme=sunset]{--bg:#1f1112;--panel:#2c1819;--panel2:#3b2021;--line:#5a3032;--gold:#ff9f6b;--muted:#c4a09a;--bgimg:url(themes/sunset.webp)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bgimg) center/cover no-repeat;opacity:.55;pointer-events:none}.themes{display:flex;gap:8px;justify-content:center;margin:0 0 18px;flex-wrap:wrap}.themes button{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer;background:var(--sw);box-shadow:0 4px 14px #00000059}.themes button[aria-pressed=true]{border-color:#fff;transform:scale(1.12)}.themes.hdr{margin:0;gap:5px}.themes.hdr button{width:22px;height:22px;border-width:2px;box-shadow:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--ink);background-image:radial-gradient(circle at 1px 1px,#1e2236 1.2px,transparent 0);background-size:26px 26px;min-height:100%}.ar{font-family:Noto Naskh Arabic,Nunito,sans-serif}h1,h2,h3,.disp{font-family:"Baloo 2",Nunito,system-ui,sans-serif}button{font-family:inherit;cursor:pointer;border:none;color:inherit;background:none}.wrap{max-width:1010px;margin:0 auto;padding:14px 14px 40px}.hide{display:none!important}header{display:flex;align-items:center;gap:10px;padding:10px 0 12px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px;user-select:none}.cap{width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#fff8e8,#efe9d6);color:var(--keytext);display:grid;place-items:center;font-family:"Baloo 2";font-weight:800;font-size:24px;box-shadow:0 5px #c9c4b4,0 8px 14px #00000073;animation:caphop 5s ease-in-out infinite}@keyframes caphop{0%,90%,to{transform:translateY(0)}93%{transform:translateY(4px)}97%{transform:translateY(-2px)}}.logo h1{font-size:22px;letter-spacing:.3px}.logo h1 b{background:linear-gradient(90deg,var(--gold),#ff9f43);-webkit-background-clip:text;background-clip:text;color:transparent}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px;color:var(--ink)}.pill:hover{border-color:var(--gold)}.pill.on{background:var(--gold);color:var(--keytext);border-color:var(--gold)}.statbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.xpwrap{display:flex;flex-direction:column;gap:3px;min-width:118px}.xpbar{height:8px;border-radius:99px;background:var(--panel2);overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffe28a);border-radius:99px;transition:width .5s cubic-bezier(.2,1.4,.4,1)}.xpwrap small{font-size:11px;color:var(--muted);font-weight:800}nav.tabs{display:flex;gap:8px;margin:4px 0 14px}nav.tabs button{padding:9px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:800;font-size:14px;color:var(--muted)}nav.tabs button.on{color:var(--keytext);background:var(--gold);border-color:var(--gold)}.lessons{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.lchip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:10px 13px;min-width:88px;font-weight:800;font-size:12px;color:var(--ink);transition:transform .12s}.lchip:hover{transform:translateY(-2px)}.lchip.on{border-color:var(--gold);background:var(--panel2)}.lchip.lock{opacity:.4;filter:grayscale(.6)}.lchip .ic{font-size:21px}.lchip .st{font-size:11px;letter-spacing:1px;color:var(--gold);min-height:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}.phead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.phead h2{font-size:19px}.phead .desc{color:var(--muted);font-size:13px;font-weight:700}.live{display:flex;gap:8px;margin-left:auto;align-items:center}.live .m{background:var(--panel2);border-radius:10px;padding:5px 11px;text-align:center;min-width:62px}.live .m b{display:block;font-family:"Baloo 2";font-size:18px;line-height:1.1}.live .m span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.5px}#timerM b{color:var(--blue)}#flowBtn{font-size:16px;padding:7px 11px}.posguide{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--panel2);border-radius:12px;padding:8px 12px;margin-bottom:10px;font-size:12px;font-weight:800;color:var(--muted)}.posguide .mk{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:var(--keytext);font-weight:800;font-size:14px;box-shadow:0 2px #00000040}.posguide .gap{width:10px}.posguide .sp{padding:0 14px;height:30px;border-radius:7px;background:#d9d4c4;color:var(--keytext);display:grid;place-items:center;font-size:11px}.textbox{font-family:JetBrains Mono,ui-monospace,monospace;font-size:25px;line-height:1.95;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 18px;max-height:138px;overflow:hidden;position:relative;word-break:break-word;cursor:text}.textbox.rtl{direction:rtl;font-family:Noto Naskh Arabic,monospace;font-size:29px}body.kids .textbox{font-size:32px}.textbox .ch{border-radius:5px;color:var(--muted);transition:color .08s}.textbox .ch.done{color:var(--good)}.textbox .ch.cur{background:var(--gold);color:var(--keytext);animation:blink 1s steps(2) infinite}.textbox .ch.err{background:var(--bad);color:#fff}@keyframes blink{50%{background:#bd9826}}.focushint{position:absolute;inset:0;display:grid;place-items:center;background:#12141fd6;border-radius:12px;font-weight:800;color:var(--gold);font-size:15px;z-index:3}#ghostInput{position:absolute;opacity:0;left:-9999px;width:10px;height:10px}.fcap{text-align:center;margin:9px 0 2px;font-weight:800;font-size:14px;color:var(--muted);min-height:20px}.fcap b{color:var(--ink);font-family:JetBrains Mono;background:var(--panel2);border-radius:6px;padding:1px 8px;margin:0 4px}.fcap .fn{padding:2px 10px;border-radius:99px;color:var(--keytext);font-weight:800}.kb{margin-top:8px;user-select:none}.krow{display:flex;gap:5px;justify-content:center;margin-bottom:5px}.kkey{position:relative;height:46px;min-width:44px;flex:1 1 0;max-width:54px;border-radius:9px;background:var(--pc,#eceadf);color:var(--keytext);box-shadow:0 4px #00000047;display:grid;place-items:center;font-weight:800;font-size:15px;transition:transform .05s,box-shadow .05s,background .12s}body.kids .kkey{height:54px;font-size:18px}.kkey.arkey{font-family:Noto Naskh Arabic;font-size:19px}.kkey small{position:absolute;top:3px;left:6px;font-size:9px;color:#2a2d428c;font-weight:800;font-family:Nunito}.kkey .bump{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:12px;height:3px;border-radius:99px;background:#2a2d4273}.kkey.mod{max-width:none;flex:1.6 1 0;background:#cfcaba;font-size:11px;letter-spacing:.5px}.kkey.space{flex:7 1 0;max-width:none;background:#e3dfd0}.kkey.next{background:var(--gold)!important;animation:pop .55s ease infinite alternate;z-index:2}@keyframes pop{0%{transform:translateY(0)}to{transform:translateY(-4px);box-shadow:0 8px #b89322,0 12px 18px #ffcf3f4d}}.kkey.hit{transform:translateY(3px);box-shadow:0 1px #00000047}.kkey.bad{background:var(--bad)!important;color:#fff}.handszone{position:relative;margin-top:6px;height:124px;overflow:hidden}.handszone svg{width:100%;max-width:680px;display:block;margin:0 auto}.handwrap{animation:hfloat 4.5s ease-in-out infinite}@keyframes hfloat{50%{transform:translateY(2px)}}.fingr{transition:transform .14s ease}.fingr .glow{opacity:0;transition:opacity .15s}.fingr.on{animation:ftap .4s ease-in-out infinite alternate}@keyframes ftap{0%{transform:translateY(-13px)}to{transform:translateY(-5px)}}.fingr.on .glow{opacity:1;animation:gpulse .8s ease-in-out infinite}@keyframes gpulse{50%{opacity:.45}}details.method{margin-top:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}details.method summary{cursor:pointer;font-weight:800;font-size:14px;color:var(--gold);list-style:none}details.method summary::-webkit-details-marker{display:none}details.method ol{margin:10px 0 2px 20px;color:var(--muted);font-weight:700;font-size:13px;line-height:1.85}details.method b{color:var(--ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:780px){.grid2{grid-template-columns:1fr}}.bigstat{display:flex;gap:10px;flex-wrap:wrap}.bigstat .b{flex:1;background:var(--panel2);border-radius:12px;padding:12px;text-align:center;min-width:86px}.bigstat .b b{display:block;font-family:"Baloo 2";font-size:25px;color:var(--gold)}.bigstat .b.up b{color:var(--good)}.bigstat .b span{font-size:11px;color:var(--muted);font-weight:800}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badge{background:var(--panel2);border-radius:12px;padding:8px 12px;font-size:12px;font-weight:800;display:flex;gap:7px;align-items:center;border:1px solid var(--line)}.badge.off{opacity:.3;filter:grayscale(1)}.badge .e{font-size:18px}.spark{width:100%;height:74px;margin-top:8px}h3.sec{font-size:15px;margin-bottom:8px}.weak{margin-top:8px;font-size:13px;color:var(--muted);font-weight:700}.weak b{color:var(--bad);font-family:JetBrains Mono;margin:0 2px;font-size:15px}.kb.heat .kkey{box-shadow:0 3px #0000004d;cursor:default}.gamecards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.gcard{flex:1;min-width:230px;background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:18px;text-align:left;transition:transform .15s,border-color .15s;color:var(--ink)}.gcard:hover{transform:translateY(-4px);border-color:var(--gold)}.gcard .e{font-size:36px}.gcard b{font-family:"Baloo 2";font-size:18px;display:block;margin:6px 0 2px}.gcard span{font-size:12px;color:var(--muted);font-weight:700}.gcard .hs{margin-top:8px;font-size:12px;font-weight:800;color:var(--gold)}#arena{position:relative;height:430px;border-radius:var(--r);overflow:hidden;cursor:text;background:linear-gradient(180deg,#1b2440,#23315c 55%,#2c4a6e);border:1px solid var(--line)}#arena.kp{background:linear-gradient(180deg,#202a18,#2c4022 60%,#3a5530)}.fw{position:absolute;font-family:JetBrains Mono,monospace;font-weight:700;font-size:21px;padding:7px 14px;border-radius:99px;background:#ffffffed;color:#23263a;box-shadow:0 4px 12px #00000059;white-space:nowrap;will-change:top}.fw.ar{font-family:Noto Naskh Arabic;font-size:24px}.fw.target{outline:3px solid var(--gold);background:#fff}.fw .hitp{color:#e0a800;text-decoration:underline}.fw.bubble{border-radius:50%;width:62px;height:62px;display:grid;place-items:center;padding:0;font-size:27px;background:radial-gradient(circle at 32% 30%,#fff,#cfe8ff)}.gamehud{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:10px;align-items:center;font-weight:800;z-index:5;pointer-events:none}.gamehud .m{background:#12141fb8;border-radius:10px;padding:5px 12px;font-size:14px}.gamehud .combo{color:var(--gold)}.gamehud .lives{margin-left:auto;font-size:17px}.gstart{position:absolute;inset:0;display:grid;place-items:center;z-index:6;background:#12141f8c}.part{position:absolute;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:4;animation:pj .6s ease-out forwards}@keyframes pj{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}#arena.shake{animation:shk .3s}@keyframes shk{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.preset{background:var(--panel2);border:1.5px solid var(--line);border-radius:12px;padding:9px 14px;font-weight:800;font-size:13px;color:var(--ink)}.preset.on{border-color:var(--gold);background:#2d2a1c;color:var(--gold)}.gmrow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.gmsel{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);font-family:inherit;font-weight:800;font-size:13px}.gstage{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding-top:44px;gap:6px}.gsFinger{display:block;margin-top:7px;font-weight:800;font-size:13px}.gsFinger b{padding:2px 11px;border-radius:99px;color:var(--keytext)}.gRig{display:flex;gap:22px;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin-top:4px}.gkb .krow{margin-bottom:4px;gap:4px;justify-content:flex-start}.gkb .kkey{height:32px;min-width:32px;max-width:40px;font-size:11px;border-radius:7px;box-shadow:0 3px #00000047;animation-duration:.5s}.gkb .kkey.wide{max-width:none;flex:1.7 1 0;font-size:9px}.gkb .kkey.frow{height:24px;opacity:.8;font-size:9px}.gkb .kkey.anchor{outline:2px solid rgba(244,242,236,.45);outline-offset:-2px}.ghand svg{display:block;height:96px}.gmouse{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--muted)}.gmouse svg{height:84px;display:block}@media(max-width:660px){.gRig{gap:10px}.ghand svg{height:72px}.gmouse svg{height:62px}}.gsHud{position:absolute;top:12px;left:16px;right:16px;display:flex;gap:14px;font-weight:800;color:var(--muted);font-size:13px}.gsHud #gsAvg{margin-left:auto;color:var(--gold)}.gsPrompt{text-align:center;animation:gsin .12s ease}@keyframes gsin{0%{transform:scale(.7);opacity:0}}.gsIcon{display:block;font-size:64px;line-height:1}.gsName{display:block;font-family:"Baloo 2";font-weight:800;font-size:26px;margin-top:4px}.gsKey{display:inline-block;margin-top:8px;background:#eceadf;color:var(--keytext);border-radius:9px;padding:5px 14px;font-family:JetBrains Mono;font-weight:700;font-size:18px;box-shadow:0 4px #0000004d}.gstage.ok{animation:gok .18s ease}.gstage.ko{animation:gko .18s ease}@keyframes gok{30%{background:#1d3a2c}}@keyframes gko{30%{background:#3a1d27}}.doctor{margin-top:12px;background:#22301f;border:1px solid #3a5530;border-radius:12px;padding:12px 14px;font-weight:700;font-size:13px;line-height:1.6;color:#cdeebb}.doctor:empty{display:none}.bbar{display:flex;align-items:center;gap:9px;margin:5px 0;font-size:13px;font-weight:800}.bbar .bk{min-width:110px;display:flex;gap:7px;align-items:center}.bbar .bk i{font-style:normal;background:#eceadf;color:var(--keytext);border-radius:6px;padding:1px 8px;font-family:JetBrains Mono;font-size:12px}.bbar .tr{flex:1;height:9px;background:var(--panel2);border-radius:99px;overflow:hidden}.bbar .tr i{display:block;height:100%;border-radius:99px}.bbar .ms{min-width:62px;text-align:right;color:var(--muted)}.overlay{position:fixed;inset:0;background:#0a0c14bd;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;max-width:440px;width:100%;text-align:center}.modal h2{font-size:26px;margin-bottom:4px}.stars{font-size:38px;letter-spacing:6px;margin:7px 0}.res{display:flex;gap:10px;justify-content:center;margin:12px 0;flex-wrap:wrap}.res .m{background:var(--panel2);border-radius:12px;padding:10px 16px;min-width:84px}.res .m b{display:block;font-family:"Baloo 2";font-size:23px;color:var(--gold)}.res .m span{font-size:11px;color:var(--muted);font-weight:800}.curve{width:100%;height:56px;margin-top:4px}.accel{font-size:13px;font-weight:800;color:var(--good);min-height:18px}.btnrow{display:flex;gap:9px;justify-content:center;margin-top:14px;flex-wrap:wrap}.btn{padding:11px 20px;border-radius:13px;font-weight:800;font-size:14px;background:var(--panel2);border:1px solid var(--line);color:var(--ink)}.btn.gold{background:var(--gold);color:var(--keytext);border-color:var(--gold)}.btn:active{transform:translateY(2px)}.newbadge{margin-top:8px;color:var(--gold);font-weight:800;font-size:14px}.kf{max-width:600px;text-align:left}.kf h2{font-family:"Baloo 2";text-align:center}.kf-lead{color:var(--muted);font-weight:700;font-size:14px;margin:4px 0 12px;text-align:center}.kf-input{width:100%;font:600 26px JetBrains Mono,ui-monospace,monospace;letter-spacing:3px;text-align:center;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:14px;padding:12px}.kf-input:focus{outline:none;border-color:var(--gold)}.kf-result{min-height:72px;margin:12px 0 4px;font-weight:700;font-size:14px;color:var(--muted);text-align:center}.kf-result b{color:var(--ink);font-family:"Baloo 2";font-size:20px}.kf-result .kf-tip{display:block;margin-top:4px;color:var(--ink)}.kf-result .kf-tip kbd,.kf-opt kbd{font:700 12px JetBrains Mono,monospace;background:#eceadf;color:var(--keytext);border-radius:5px;padding:1px 6px}.kf-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.kf-opt{background:var(--panel2);border:2px solid var(--line);border-radius:13px;padding:9px 11px;color:var(--ink);text-align:left}.kf-opt b{display:flex;align-items:center;gap:6px;font-size:13px}.kf-opt .ico{width:13px;height:13px}.kf-opt code{display:block;margin-top:4px;font:600 12px JetBrains Mono,monospace;color:var(--muted);letter-spacing:1px}.kf-opt[aria-pressed=true]{border-color:var(--gold);background:#2e2b2a}.kf-opt.best{border-color:var(--good)}.kf-link{margin-top:18px;background:none;border:0;color:var(--gold);font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px}.ob{max-width:780px;margin:5vh auto;text-align:center;padding:0 14px;position:relative;z-index:1}.chal-host{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0d0f18}.chal-host iframe{width:100%;height:100%;border:0;display:block}nav.tabs .chal-tab{background:linear-gradient(90deg,#ffcf3f,#ff9f43);color:#2a2d42;font-weight:800}.k3d-frame{position:absolute;border:0;border-radius:18px;z-index:4;background:transparent;display:none}body.hands-3d #kb .kbd,body.hands-3d #board-wrap .kbd{visibility:hidden}#obBg{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:0;opacity:.32;pointer-events:none}.choice .hp{display:block;margin:6px auto 4px;font-size:34px}.guide{position:fixed;left:50%;top:10px;transform:translate(-50%);z-index:60;width:min(640px,94vw);background:var(--panel);border:1px solid var(--gold);border-radius:20px;padding:14px 18px 12px;box-shadow:0 20px 60px #00000073;text-align:center}.guide[hidden]{display:none}.g-dots{display:flex;gap:5px;justify-content:center;margin-bottom:8px}.g-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.g-dots i.done{background:var(--good)}.g-dots i.on{background:var(--gold);transform:scale(1.3)}.g-text{font-weight:800;font-size:18px;line-height:1.45;margin:0 0 10px;color:var(--ink)}.g-keys{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:44px}.g-keys kbd{min-width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#eceadf;color:var(--keytext);font:800 20px JetBrains Mono,monospace;border-bottom:5px solid var(--c);opacity:.55;transition:transform .15s,opacity .15s}.g-keys kbd.next{opacity:1;transform:translateY(-3px) scale(1.08);box-shadow:0 0 0 3px var(--c)}.g-keys kbd.done{opacity:1;background:var(--c);color:#12141f}.g-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.g-row button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:6px 14px;font-weight:800}.ob h1{font-size:36px;margin-bottom:6px}.ob h1 b{background:linear-gradient(90deg,var(--gold),#ff9f43);-webkit-background-clip:text;background-clip:text;color:transparent}.ob p{color:var(--muted);font-weight:700;margin-bottom:24px}.choices{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.choice{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:20px;width:212px;transition:transform .15s,border-color .15s;color:var(--ink)}.choice:hover{transform:translateY(-4px);border-color:var(--gold)}.choice .e{font-size:40px;display:block;margin-bottom:8px}.choice b{font-family:"Baloo 2";font-size:18px;display:block}.choice span{font-size:12px;color:var(--muted);font-weight:700}.minikb{display:flex;gap:3px;justify-content:center;margin-top:10px}.minikb i{width:20px;height:20px;border-radius:4px;background:#eceadf;color:var(--keytext);font-size:11px;font-weight:800;font-style:normal;display:grid;place-items:center}.obstep{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:2px;margin-bottom:10px}.cf{position:fixed;top:-12px;width:9px;height:14px;z-index:60;border-radius:2px;animation:fall linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--panel2);border:1px solid var(--gold);padding:11px 20px;border-radius:13px;font-weight:800;z-index:70;animation:tin .25s ease;max-width:92vw;text-align:center}@keyframes tin{0%{opacity:0;transform:translate(-50%) translateY(12px)}}footer{margin-top:26px;text-align:center;color:var(--muted);font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:660px){.kkey{min-width:0;font-size:12px;height:40px}.kkey.arkey{font-size:15px}.textbox{font-size:19px}.textbox.rtl{font-size:23px}.live .m{min-width:50px}.handszone{height:92px}}.kb{position:relative;overflow:hidden}.pick{padding:4px 6px 4px 12px}.pick select{appearance:none;border:0;background:transparent;font:inherit;font-weight:800;color:var(--ink);padding:3px 20px 3px 2px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 10px) 55%,calc(100% - 6px) 55%;background-size:4px 4px;background-repeat:no-repeat}.pick select option{background:var(--panel);color:var(--ink)}.pick-ico{display:inline-flex}#viewPractice .card{overflow:hidden}.lchip{flex-direction:row;padding:7px 12px;min-width:0;gap:7px}.lchip .ic{font-size:17px}.lchip .st{min-height:0}@media(max-height:900px){.wrap{padding-top:6px}header{padding:4px 0 8px}nav.tabs{margin:2px 0 8px}nav.tabs button{padding:7px 14px}.lessons{padding:2px 2px 6px}.posguide{padding:5px 10px;margin-bottom:8px}.posguide .mk{width:26px;height:26px}.textbox{font-size:22px;max-height:96px;padding:8px 14px;line-height:1.85}.kkey{height:40px}.krow{margin-bottom:4px}.fcap{margin:6px 0 0}}@media(max-height:760px){.posguide{display:none}.kkey{height:36px}.textbox{max-height:84px}}.kbd-host{position:relative;overflow:hidden;margin-top:10px}.kbd{--zone-o: .9;position:relative;margin:0 auto;border-radius:calc(var(--u) * .3);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Nunito,sans-serif}.kbd .key{position:absolute;user-select:none;transition:transform .06s ease,box-shadow .12s ease,background .12s ease}.kbd .lg{position:absolute;line-height:1;pointer-events:none;white-space:nowrap;font-size:max(10px,calc(var(--u) * .26))}.kbd .lg.tl{left:17%;top:15%}.kbd .lg.bl{left:17%;bottom:18%}.kbd .lg.br{right:15%;bottom:18%}.kbd .lg.tr{right:15%;top:15%}.kbd .lg.mid{left:0;right:0;top:50%;transform:translateY(-52%);text-align:center;font-size:calc(var(--u) * .31)}.kbd .lg.alt{font-size:max(10px,calc(var(--u) * .25));font-weight:600}.kbd .lg.rtl{font-family:Noto Naskh Arabic,serif;font-size:calc(var(--u) * .36)}.kbd .lg.dead:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:2px;border-radius:2px;background:#a397ff}.kbd .lg.word{left:13%;bottom:16%;font-size:calc(var(--u) * .17)}.kbd .lg.word.right{left:auto;right:13%}.kbd .iso-enter .lg.word{inset:16% 13% auto auto}.kbd .lg.sub{right:12%;top:15%;font-size:calc(var(--u) * .15)}.kbd .lg.kico{left:13%;bottom:15%;width:calc(var(--u) * .3);height:calc(var(--u) * .3)}.kbd .lg.kico.with-label{bottom:auto;top:15%}.kbd .key.mod .lg.kico:only-child{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}.kbd .lg.fico{left:50%;top:22%;transform:translate(-50%);width:calc(var(--u) * .27);height:calc(var(--u) * .27)}.kbd .lg.fnum{left:0;right:0;bottom:12%;text-align:center;font-size:calc(var(--u) * .12);opacity:.7}.kbd .lg svg,.kbd .lg .ico{width:100%;height:100%;display:block}.kbd .key.fn .lg.word{font-size:calc(var(--u) * .14)}.kbd .key.fn .lg.kico{left:50%;top:22%;bottom:auto;transform:translate(-50%);width:calc(var(--u) * .26);height:calc(var(--u) * .26)}.kbd .key.fn .lg.kico+.lg.word{left:0;right:0;bottom:12%;text-align:center}.kbd .key.arrow .lg.mid{font-size:calc(var(--u) * .17)}.kbd .lg.zone{left:34%;right:34%;bottom:calc(var(--u) * .055);height:calc(var(--u) * .05);min-height:2px;border-radius:2px;background:var(--zc);opacity:var(--zone-o)}.kbd .lg.bump{left:50%;bottom:13%;transform:translate(-50%);width:22%;height:2px;border-radius:2px;background:currentColor;opacity:.45}.kbd .key.iso-enter{clip-path:polygon(0 0,100% 0,100% 100%,16.7% 100%,16.7% 50%,0 50%)}.kbd[data-style=logi]{background:linear-gradient(180deg,#aab0b7,#80858d);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #0000002e,0 26px 44px -22px #000000d9,0 5px #2c2e33}.kbd[data-style=logi]:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--u) * .24);border-radius:calc(var(--u) * .3) calc(var(--u) * .3) 0 0;background:linear-gradient(180deg,#2f3136,#3b3e44)}.kbd[data-style=logi] .key{border-radius:calc(var(--u) * .15);color:#eceef1;font-family:Nunito,sans-serif;font-weight:700;background:radial-gradient(ellipse 64% 60% at 50% 52%,rgba(0,0,0,.2),transparent 72%),linear-gradient(180deg,#4b4f56,#383b41);box-shadow:0 calc(var(--u) * .055) 0 #222428,0 calc(var(--u) * .09) calc(var(--u) * .12) #00000059}.kbd[data-style=logi] .lg.word,.kbd[data-style=logi] .lg.sub,.kbd[data-style=logi] .lg.fnum{color:#b6bbc3;font-weight:600}.kbd[data-style=logi] .lg.alt{color:#8fd0ff}.kbd[data-style=macbook]{background:linear-gradient(180deg,#3d3e42,#2d2e32);border-radius:calc(var(--u) * .22);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 3px 8px #0000008c,0 22px 40px -22px #000000d9}.kbd[data-style=macbook] .key{border-radius:calc(var(--u) * .1);color:#ececef;font-weight:400;background:linear-gradient(180deg,#161618,#0c0c0d);box-shadow:0 0 0 1px #050506,inset 0 1px #ffffff14,0 1px 3px #000000b3}.kbd[data-style=macbook] .lg.word,.kbd[data-style=macbook] .lg.sub{color:#d7d7db}.kbd[data-style=macbook] .lg.alt{color:#8fd0ff}.kbd[data-style=macbook] .key.touchid .lg.tid{inset:16%;border-radius:50%;border:calc(var(--u) * .03) solid #3c3d41;background:radial-gradient(circle at 50% 40%,#1b1b1d,#0a0a0b)}.kbd[data-style=magic]{background:linear-gradient(180deg,#ecedef,#cfd2d6);border-radius:calc(var(--u) * .3);box-shadow:inset 0 1px #fff,0 20px 36px -20px #000000bf,0 3px #a8acb2}.kbd[data-style=magic] .key{border-radius:calc(var(--u) * .1);color:#2b2d31;font-weight:400;background:linear-gradient(180deg,#fff,#f2f3f5);box-shadow:0 1px #b7bbc1,0 2px 4px #00000024}.kbd[data-style=magic] .lg.word,.kbd[data-style=magic] .lg.sub{color:#55585f}.kbd[data-style=magic] .lg.alt{color:#1f6fb0}.kbd[data-style=generic]{background:linear-gradient(180deg,#2d3035,#1e2024);border-radius:calc(var(--u) * .2);box-shadow:inset 0 1px #ffffff14,0 22px 40px -22px #000,0 4px #121316}.kbd[data-style=generic] .key{border-radius:calc(var(--u) * .08);color:#f1f2f4;font-family:Segoe UI,system-ui,sans-serif;font-weight:500;background:linear-gradient(180deg,#3d4046,#2d3035);box-shadow:0 calc(var(--u) * .06) 0 #15171a,0 calc(var(--u) * .08) calc(var(--u) * .1) #0006}.kbd[data-style=generic] .lg.word,.kbd[data-style=generic] .lg.sub{color:#b9bcc2}.kbd[data-style=generic] .lg.alt{color:#8fd0ff}.kbd .key.k-press,.kbd .key.next{background:linear-gradient(180deg,#ffe58a,#ffcf3f)!important;color:#2a2d42!important;z-index:2;box-shadow:0 0 0 calc(var(--u) * .03) #ffcf3f,0 0 calc(var(--u) * .55) #ffcf3f99!important}.kbd .key.k-press .lg,.kbd .key.next .lg,.kbd .key.k-hold .lg{color:inherit!important}.kbd .key.k-hold{background:linear-gradient(180deg,#86d4ff,#38b6ff)!important;color:#08263a!important;z-index:2;box-shadow:0 0 0 calc(var(--u) * .03) #38b6ff,0 0 calc(var(--u) * .45) #38b6ff8c!important}.kbd .key.k-press.dead-step{background:linear-gradient(180deg,#b0a6ff,#7a6cff)!important;color:#fff!important;box-shadow:0 0 0 calc(var(--u) * .03) #7a6cff,0 0 calc(var(--u) * .5) #7a6cff99!important}.kbd .key.k-press .zone,.kbd .key.next .zone,.kbd .key.k-hold .zone{opacity:0}.kbd .key .lg.on{transform:scale(1.22);font-weight:800}.kbd .key .lg.mid.on{transform:translateY(-52%) scale(1.18)}.kbd .key.down,.kbd .key.hit{transform:translateY(calc(var(--u) * .045))}.kbd .key.bad,.kbd .key.k-err{animation:kbd-err .35s ease}@keyframes kbd-err{0%,60%{background:#ff5c7a;color:#fff}}.kbd .key.k-ok:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:kbd-ok .4s ease-out forwards;box-shadow:0 0 #3ddc97cc}@keyframes kbd-ok{to{box-shadow:0 0 0 calc(var(--u) * .3) #3ddc9700}}.kbd .key.heat:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#ff5c7a;opacity:calc(var(--heat) * .6);pointer-events:none}.kbd .hands{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:5}.kbd .hands.off{display:none}.kbd .hand{opacity:.92}.kbd .hands .skin{stroke:#c98d6b;stroke-width:1.4;stroke-opacity:.55}.kbd .hands .bone,.kbd .hands .bone-edge{fill:none;stroke-linecap:round}.kbd .hands .bone-edge{stroke:#c98d6b;stroke-opacity:.6}.kbd .hands .joint{fill:#fff3e8;opacity:.55}.kbd .hands .palm{stroke:#c98d6b;stroke-width:1.4;stroke-opacity:.4}.kbd .hands .crease,.kbd .hands .knuckle{display:none}.kbd .hands .nail{stroke:#fff9;stroke-width:1}.kbd .hands .glow{fill:none;stroke-width:3;opacity:0}.kbd .hands .finger.press .glow{stroke:#ffcf3f;opacity:1;animation:kbd-ring .9s ease-in-out infinite}.kbd .hands .finger.press.dead .glow{stroke:#7a6cff}.kbd .hands .finger.hold .glow{stroke:#38b6ff;opacity:1}@keyframes kbd-ring{50%{stroke-width:6;opacity:.55}}.ico{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;flex:0 0 auto}.ico.logo{width:.95em;height:.95em}@media(prefers-reduced-motion:reduce){.kbd *,.kbd *:before,.kbd *:after{animation:none!important;transition:none!important}}:root{color-scheme:dark}.lessons,#viewCode .strip,#viewCode .panel,#viewCode .side{scrollbar-width:thin;scrollbar-color:#3b4170 transparent}.lessons::-webkit-scrollbar,#viewCode .strip::-webkit-scrollbar,#viewCode .panel::-webkit-scrollbar{height:6px;width:6px;background:transparent}.lessons::-webkit-scrollbar-thumb,#viewCode .strip::-webkit-scrollbar-thumb,#viewCode .panel::-webkit-scrollbar-thumb{background:#3b4170;border-radius:6px}.lessons::-webkit-scrollbar-track,#viewCode .strip::-webkit-scrollbar-track,#viewCode .panel::-webkit-scrollbar-track{background:transparent}#viewCode .text,.textbox{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.kbd .reach{position:absolute;left:0;top:0;pointer-events:none;z-index:6;overflow:visible}.kbd .reach-path{fill:none;stroke:#ffcf3f;stroke-width:calc(var(--u) * .07);stroke-dasharray:calc(var(--u) * .02) calc(var(--u) * .16);stroke-linecap:round;opacity:.95;animation:km-reach .9s linear infinite}.kbd .reach-home{fill:none;stroke:var(--zc, #fff);stroke-width:calc(var(--u) * .06);stroke-dasharray:calc(var(--u) * .12) calc(var(--u) * .1);opacity:.9}.kbd .reach-label{fill:#ffcf3f;font:800 calc(var(--u) * .3) "Nunito",system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#0a0c14d9;stroke-width:3px}@keyframes km-reach{to{stroke-dashoffset:calc(var(--u) * -.36)}}@media(prefers-reduced-motion:reduce){.kbd .reach-path{animation:none}}:root{--bg: #12141f;--panel: #1c1f2e;--panel2: #252941;--line: #2f3554;--ink: #f4f2ec;--muted: #8d93ab;--keytext: #2a2d42;--gold: #ffcf3f;--good: #3ddc97;--bad: #ff5c7a;--blue: #38b6ff;--violet: #7a6cff;--r: 16px;--f0: #ff5c7a;--f1: #ff9f43;--f2: #ffd43b;--f3: #3ddc97;--f4: #38b6ff;--f5: #7a6cff;--f6: #ff7ad9;--f7: #2ee6c8;--p0: #ffd9e1;--p1: #ffe7cb;--p2: #fff3c2;--p3: #d4f5e4;--p4: #d4ebff;--p5: #e3ddff;--p6: #ffdcf3;--p7: #d0f7ef;--plate-hi: #a7acb3;--plate-lo: #7d828a;--cap: #3a3d43;--cap-hi: #464a51;--cap-side: #26282c;--legend: #e8eaed;--legend-dim: #9da3ab;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--u: 52px}#viewCode [hidden]{display:none!important}#viewCode h1,#viewCode h2,#viewCode h3{font-family:"Baloo 2",Nunito,system-ui,sans-serif}#viewCode select,#viewCode input{font:inherit;color:inherit}@keyframes cm-caphop{0%,90%,to{transform:translateY(0)}93%{transform:translateY(4px)}97%{transform:translateY(-2px)}}#viewCode .pick{padding:4px 6px 4px 13px}#viewCode .pick select{appearance:none;border:0;background:transparent;font-weight:800;font-size:13px;color:var(--ink);padding:3px 22px 3px 2px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 11px) 55%,calc(100% - 7px) 55%;background-size:4px 4px;background-repeat:no-repeat}#viewCode .pick select option{background:var(--panel);color:var(--ink)}#viewCode .workspace{display:grid;grid-template-columns:270px 1fr;gap:14px;align-items:start}#viewCode .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}#viewCode .side{display:flex;flex-direction:column;gap:14px;max-height:420px;overflow:auto;padding-right:4px;scrollbar-width:thin}#viewCode .side h2{font-size:15px;color:var(--muted);margin:0 0 6px;font-weight:700}#viewCode .side p{color:var(--muted);font-size:13px;font-weight:700}#viewCode .review{display:grid;gap:2px;text-align:left;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#2a2f52,#252941);border:1.5px solid var(--gold)}#viewCode .review b{font-family:"Baloo 2";font-size:17px}#viewCode .review span{font-size:12px;color:var(--muted);font-weight:700}#viewCode .review .due{color:var(--gold);font-family:var(--mono);letter-spacing:.1em}#viewCode .review:disabled{border-color:var(--line);cursor:default;background:var(--panel)}#viewCode .path{list-style:none;display:grid;gap:6px}#viewCode .path button{width:100%;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:8px 10px;transition:transform .12s}#viewCode .path button:hover{transform:translateY(-2px)}#viewCode .path button[aria-current=true]{border-color:var(--gold);background:var(--panel2)}#viewCode .path .n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--panel2);color:var(--muted)}#viewCode .path .done .n{background:var(--good);color:var(--keytext)}#viewCode .path .t{font-size:13px;font-weight:800;line-height:1.25}#viewCode .path .t small{display:block;color:var(--muted);font-weight:700;font-size:11px}#viewCode .path .chars{font-family:var(--mono);font-size:12px;color:var(--ink);letter-spacing:.08em}#viewCode .path .lstars{color:var(--gold);font-size:11px;letter-spacing:1px}#viewCode .chips{display:flex;flex-wrap:wrap;gap:6px}#viewCode .chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;color:var(--ink)}#viewCode .chip:hover{border-color:var(--gold)}#viewCode .chip[aria-pressed=true]{background:var(--gold);color:var(--keytext);border-color:var(--gold)}#viewCode .chip .glyphs{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:6px}#viewCode .chip[aria-pressed=true] .glyphs{color:var(--keytext)}#viewCode .stage-list{display:grid;gap:6px}#viewCode .stage-list button{display:flex;justify-content:space-between;align-items:baseline;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;text-align:left;font-weight:800}#viewCode .stage-list button[aria-current=true]{border-color:var(--gold);background:var(--panel2)}#viewCode .stage-list small{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}#viewCode .stage{min-width:0;position:relative;outline:none}#viewCode .stage-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}#viewCode .stage-title{font-size:19px}#viewCode .stage-title small{font-family:Nunito;font-weight:700;color:var(--muted);font-size:13px;margin-left:8px}#viewCode .live{display:flex;gap:8px;margin-left:auto;align-items:center}#viewCode .live .m{background:var(--panel2);border-radius:10px;padding:5px 11px;text-align:center;min-width:62px}#viewCode .live .m b{display:block;font-family:"Baloo 2";font-size:18px;line-height:1.1}#viewCode .live .m span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.5px}#viewCode .live .combo b{color:var(--gold)}#viewCode .combo.cm-pop{animation:cm-pop .25s ease-out}@keyframes cm-pop{40%{transform:scale(1.2)}}#viewCode .paper{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-height:140px;max-height:200px;overflow:hidden;cursor:text}#viewCode .text{font-family:var(--mono);font-size:22px;line-height:1.85;white-space:pre-wrap;word-break:break-word;tab-size:4;color:var(--muted);transition:transform .2s ease}#viewCode .text .c{border-radius:5px}#viewCode .text .ok{color:var(--good)}#viewCode .text .fix{color:var(--ink);text-decoration:underline wavy var(--bad) 1.5px;text-underline-offset:6px}#viewCode .text .cur{background:var(--gold);color:var(--keytext);animation:cm-blink 1s steps(2) infinite}#viewCode .text .cur.bad{background:var(--bad);color:#fff;animation:cm-nudge .18s}@keyframes cm-blink{50%{background:#bd9826}}#viewCode .text .nl:after{content:"\21b5";opacity:.5;font-size:.7em}#viewCode .text .ghost{box-shadow:inset 2px 0 0 var(--blue)}#viewCode .text .sym:not(.ok):not(.cur):not(.fix){color:#c3c8da}@keyframes cm-nudge{30%{transform:translate(-3px)}70%{transform:translate(3px)}}#viewCode .text.sprint{display:grid;place-items:center;min-height:110px;font-size:88px;line-height:1;color:var(--gold);font-weight:700}#viewCode .sprint-bar{position:absolute;left:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--gold),#ff9f43);transition:width .1s linear}#viewCode .blur-veil{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;background:#12141fd6;font-weight:800;color:var(--gold);font-size:15px}#viewCode .hint{min-height:44px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 2px 0;font-size:14px;font-weight:800;color:var(--muted)}#viewCode .hint .sym-name{color:var(--ink)}#viewCode .hint .plus{color:var(--muted);font-weight:700}#viewCode .hint .note{flex-basis:100%;font-size:13px;font-weight:700;color:var(--muted)}#viewCode .hint .warn{color:#ff9f43}#viewCode .fn{display:inline-block;padding:2px 10px;border-radius:99px;color:var(--keytext);font-weight:800;font-size:12px}#viewCode .fn.holding{background:var(--blue);color:#08263a}#viewCode .kc{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:7px;background:#eceadf;color:var(--keytext);font-size:13px;font-weight:800;line-height:1;box-shadow:0 3px #00000059;white-space:nowrap}#viewCode .kc.hold{background:var(--blue);color:#08263a}#viewCode .kc.press{background:var(--gold);color:var(--keytext)}#viewCode .kc.dead{background:var(--violet);color:#fff}#viewCode .kc.two{grid-template-rows:1fr 1fr;gap:1px;height:34px;font-family:var(--mono);font-size:11px;padding:0 9px}#viewCode .kc.two span:first-child{opacity:.6}#viewCode .stage-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;flex-wrap:wrap}#viewCode .hint-mode{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:800;color:var(--muted)}#viewCode .hint-mode span{margin-right:6px}#viewCode .hint-mode button{background:var(--panel2);border:1px solid var(--line);padding:5px 11px;font-size:12px;font-weight:800;color:var(--muted);border-radius:999px}#viewCode .hint-mode button[aria-pressed=true]{background:var(--gold);color:var(--keytext);border-color:var(--gold)}#viewCode .foot-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#viewCode .toggle{font-size:13px;font-weight:800;color:var(--muted);display:flex;gap:6px;align-items:center;cursor:pointer}#viewCode .toggle input{accent-color:var(--gold)}#viewCode .btn{border-radius:12px;padding:10px 16px;font-weight:800;background:var(--panel2);border:1px solid var(--line)}#viewCode .btn:hover{border-color:var(--gold)}#viewCode .btn.gold{background:var(--gold);color:var(--keytext);border-color:var(--gold);box-shadow:0 4px #b89322}#viewCode .btn.gold:active{transform:translateY(3px);box-shadow:0 1px #b89322}#viewCode .panel{max-height:560px;overflow:auto;scrollbar-width:thin}#viewCode .stage.paneled .paper,#viewCode .stage.paneled .hint,#viewCode .stage.paneled .stage-foot,#viewCode .stage.paneled .live{display:none}#viewCode .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}#viewCode .kpi{background:var(--panel2);border-radius:12px;padding:10px 12px}#viewCode .kpi b{display:block;font-family:"Baloo 2";font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}#viewCode .kpi span{font-size:12px;font-weight:800;color:var(--muted)}#viewCode .kpi .up{font-size:13px;margin-left:4px}#viewCode .chart{width:100%;height:190px;display:block;margin:6px 0 18px}#viewCode .chart .grid line{stroke:var(--line);stroke-width:1}#viewCode .chart text{fill:var(--muted);font-size:11px;font-family:Nunito;font-weight:700}#viewCode .chart .wpm{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round}#viewCode .chart .trend{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:5 4}#viewCode .chart .dot{fill:var(--bg);stroke:var(--blue);stroke-width:1.5}#viewCode .panel h3{font-size:16px;margin:16px 0 8px;color:var(--gold)}#viewCode .panel h3:first-child{margin-top:0}#viewCode .panel p{color:var(--muted);font-weight:700;margin:0 0 10px;max-width:75ch}#viewCode .panel p b{color:var(--ink)}#viewCode .mastery{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}#viewCode .mastery div{border-radius:9px;padding:6px 4px 5px;text-align:center;background:color-mix(in srgb,var(--good) calc(var(--m) * 100%),var(--panel2));box-shadow:0 3px #00000047}#viewCode .mastery b{display:block;font-family:var(--mono);font-size:17px}#viewCode .mastery small{font-size:10px;font-weight:800;opacity:.75;font-variant-numeric:tabular-nums}#viewCode .table{width:100%;border-collapse:collapse;font-size:13px;font-weight:700}#viewCode .table th{text-align:left;font-weight:800;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);font-size:12px}#viewCode .table td{padding:7px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}#viewCode .table td.g{font-family:var(--mono);font-size:17px;color:var(--gold)}#viewCode .table tr.diff td{background:#ff9f4314}#viewCode .table .tag{font-size:11px;color:#ff9f43}#viewCode .sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:8px}#viewCode .tile{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;text-align:left;background:var(--panel2);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;transition:transform .12s}#viewCode .tile:hover{transform:translateY(-2px)}#viewCode .tile:hover,#viewCode .tile[aria-pressed=true]{border-color:var(--gold)}#viewCode .tile .g{font-family:var(--mono);font-size:26px;text-align:center;color:var(--gold)}#viewCode .tile .how{display:flex;flex-wrap:wrap;gap:3px;align-items:center;font-size:11px;color:var(--muted)}#viewCode .tile .how .kc{min-width:22px;height:22px;font-size:11px;padding:0 5px}#viewCode .tile .how .kc.two{height:28px}#viewCode .tile .nm{font-size:11px;font-weight:700;color:var(--muted);grid-column:2}#viewCode .tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 20px;margin-top:6px}#viewCode .tips div{font-size:13px;font-weight:700;color:var(--muted)}#viewCode .tips div b{display:block;font-size:14px;color:var(--ink);margin-bottom:2px}#viewCode .seg{margin-bottom:12px}@keyframes cm-errflash{0%,60%{background:var(--bad);color:#fff}}@keyframes cm-okpulse{to{box-shadow:0 0 0 calc(var(--u) * .3) #3ddc9700}}@keyframes cm-ring{50%{stroke-width:6;opacity:.55}}#viewCode .legend{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-weight:800;margin-top:4px;flex-wrap:wrap}#viewCode .sw{width:14px;height:14px;border-radius:4px;display:inline-block;margin-left:10px;box-shadow:0 2px #00000059}#viewCode .sw-hold{background:var(--blue)}#viewCode .sw-press{background:var(--gold)}#viewCode .sw-dead{background:var(--violet)}#viewCode .legend-note{margin-left:14px}#viewCode .cm-modal{position:fixed;inset:0;display:grid;place-items:center;background:#0a0b12b3;z-index:20;padding:20px}#viewCode .result{width:min(520px,100%);padding:24px 26px;box-shadow:0 30px 80px -20px #000c;border-color:var(--gold)}#viewCode .result h2{font-size:26px;color:var(--gold);line-height:1.15}#viewCode .result .sub{color:var(--muted);font-weight:700;margin:4px 0 16px}#viewCode .big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}#viewCode .big>div{background:var(--panel2);border-radius:12px;padding:10px 12px}#viewCode .big div b{display:block;font-family:"Baloo 2";font-size:38px;line-height:1.05;font-variant-numeric:tabular-nums}#viewCode .big div span{font-size:12px;font-weight:800;color:var(--muted)}#viewCode .big .delta{font-size:12px;font-weight:800}#viewCode .slow{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px}#viewCode .slow span{font-family:var(--mono);background:#ff5c7a26;border-radius:7px;padding:3px 8px;font-size:15px}#viewCode .slow small{font-family:Nunito;font-weight:800;color:var(--muted);margin-left:4px;font-size:11px}#viewCode .result .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#viewCode .cm-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel2);border:1px solid var(--gold);color:var(--ink);padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px;z-index:30;box-shadow:0 10px 30px #00000080}#viewCode .cm-toast button{margin-left:10px;background:var(--gold);color:var(--keytext);border-radius:8px;padding:4px 10px;font-weight:800}#viewCode .sink{position:fixed;left:-9999px;top:0;width:10px;height:10px;opacity:0}@media(max-width:980px){#viewCode .workspace{grid-template-columns:1fr}#viewCode .side{max-height:none;flex-direction:row;flex-wrap:wrap}#viewCode .side>*{flex:1 1 260px}}@media(max-width:640px){#viewCode .text{font-size:17px}#viewCode .kpis{grid-template-columns:repeat(2,1fr)}#viewCode .big div b{font-size:28px}#viewCode .live{margin-left:0}}@media(prefers-reduced-motion:reduce){#viewCode *:before,#viewCode *:after{animation:none!important;transition:none!important}}#viewCode .cm-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}#viewCode .cm-modes{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px}#viewCode .cm-modes button{padding:6px 12px;border-radius:9px;font-weight:800;font-size:13px;color:var(--muted);white-space:nowrap}#viewCode .cm-modes button[aria-selected=true]{background:var(--gold);color:var(--keytext)}#viewCode .cm-setup{display:flex;gap:6px;flex-wrap:wrap}#viewCode .workspace{align-items:stretch}#viewCode .side{height:0;min-height:100%;max-height:none}#viewCode .stage{padding:12px 14px}#viewCode .stage-head{margin-bottom:8px}#viewCode .paper{min-height:96px;max-height:128px;padding:10px 14px}#viewCode .text{font-size:20px;line-height:1.75}#viewCode .hint{min-height:38px;padding-top:6px}#viewCode .stage-foot{padding-top:4px}#viewCode .stage.paneled .panel{max-height:360px}#viewCode .legend{margin-top:2px}@media(max-width:980px){#viewCode .side{height:auto;min-height:0;max-height:150px}}#viewCode .strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:6px;scrollbar-width:thin;scroll-behavior:smooth}#viewCode .sc{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:6px 11px;color:var(--ink);text-decoration:none;transition:transform .12s,border-color .12s}#viewCode .sc:hover{transform:translateY(-2px);border-color:#4a5280}#viewCode .sc b{font-size:13px;font-weight:800;white-space:nowrap}#viewCode .sc small{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}#viewCode .sc .mono{font-family:var(--mono);letter-spacing:.06em;color:#c3c8da}#viewCode .sc[aria-current=true]{border-color:var(--gold);background:var(--panel2)}#viewCode .sc.done b{color:var(--good)}#viewCode .sc .lstars{color:var(--gold);letter-spacing:1px}#viewCode .sc.review.due{border-color:var(--gold);background:linear-gradient(135deg,#2f3560,#252941)}#viewCode .sc:disabled{opacity:.55;cursor:default;transform:none}#viewCode .sc.tip{cursor:help}#viewCode .sgap{flex:0 0 auto;align-self:center;font-size:11px;font-weight:800;color:var(--muted);padding:0 2px 0 8px;white-space:nowrap}#viewCode .stage{padding:10px 14px 12px}#viewCode .stage-head{margin-bottom:8px;flex-wrap:nowrap}#viewCode .stage-title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#viewCode .live{flex:0 0 auto;gap:6px}#viewCode .live .m{padding:3px 9px;min-width:54px}#viewCode .live .m b{font-size:16px}#viewCode .live .pill{padding:6px 11px}#viewCode .paper{min-height:90px;max-height:118px}#viewCode .stage-foot{flex-wrap:nowrap;align-items:center;padding-top:8px;gap:12px}#viewCode .hint{flex:1 1 auto;min-width:0;min-height:32px;padding:0;row-gap:3px}#viewCode .hint .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}#viewCode .foot-actions{flex:0 0 auto;gap:10px}#viewCode .hint-mode button{padding:4px 9px}#viewCode .stage.paneled .panel{max-height:max(220px,calc(100vh - 520px))}@media(max-width:1100px){#viewCode .stage-foot{flex-wrap:wrap}}@keyframes cm-keypop{to{transform:translateY(calc(var(--u) * -.07));box-shadow:0 calc(var(--u) * .15) 0 #b89322,0 calc(var(--u) * .25) calc(var(--u) * .35) #ffcf3f4d}}#viewCode .cm-modes button{padding:6px 10px}#viewCode .cm-setup .pick{padding:3px 4px 3px 10px}#viewCode .cm-setup .pick select{font-size:12px}#viewCode .stage{padding:0;overflow:hidden;background:#1e1e1e;border-color:#2b2b2b}#viewCode .stage.paneled{background:var(--panel);padding:14px}#viewCode .stage.paneled .vsc{display:none}#viewCode .vsc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#ccc}#viewCode .vsc .ico{width:14px;height:14px;vertical-align:-2px}#viewCode .vsc-title{position:relative;height:28px;display:flex;align-items:center;justify-content:center;background:#2c2c2c;color:#9d9d9d;font-size:12px;border-bottom:1px solid #1f1f1f}#viewCode .vsc-dots{position:absolute;left:12px;display:flex;gap:7px}#viewCode .vsc-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}#viewCode .vsc-dots i:nth-child(2){background:#febc2e}#viewCode .vsc-dots i:nth-child(3){background:#28c840}#viewCode .vsc-tabs{display:flex;align-items:stretch;height:34px;background:#252526}#viewCode .vsc-tab{display:flex;align-items:center;gap:7px;padding:0 12px;background:#1e1e1e;color:#fff;font-size:13px;border-top:1px solid #ffcf3f;min-width:140px}#viewCode .vsc-ficon{font-family:var(--mono);font-size:10px;font-weight:700}#viewCode .vsc-x{display:inline-flex;margin-left:auto;opacity:.55}#viewCode .vsc-actions{margin-left:auto;display:flex;align-items:center;gap:2px;padding-right:8px}#viewCode .vsc-act{display:inline-flex;align-items:center;gap:5px;color:#c5c5c5;font-size:12px;font-weight:600;padding:4px 8px;border-radius:5px}#viewCode .vsc-act:hover{background:#5a5d5e4f}#viewCode .vsc-act.run{color:#89d185}#viewCode .vsc-crumbs{display:flex;align-items:center;gap:6px;height:24px;padding:0 14px;background:#1e1e1e;color:#a9a9a9;font-size:12px;overflow:hidden;white-space:nowrap}#viewCode .vsc-crumbs .sep{opacity:.6}#viewCode .vsc-crumbs .stage-title{font-family:inherit;font-size:12px;font-weight:400;color:#ccc}#viewCode .vsc-crumbs .stage-title small{font-family:inherit;font-size:12px;color:#8b8b8b;margin-left:6px;font-weight:400}#viewCode .paper{background:#1e1e1e;border:0;border-radius:0;padding:6px 0 10px;min-height:104px;max-height:136px}#viewCode .blur-veil{border-radius:0;background:#1e1e1ed1;color:#ffcf3f}#viewCode .text{font-family:var(--mono);font-size:18px;line-height:1.6;color:#d4d4d4;position:relative}#viewCode .text .vl{position:relative;padding-left:58px;padding-right:14px;min-height:1.6em}#viewCode .text .vl:before{content:attr(data-n);position:absolute;left:0;width:40px;text-align:right;color:#6e7681;font-size:15px}#viewCode .text .vl.active{background:#ffffff09;box-shadow:inset 0 1px #282828,inset 0 -1px #282828}#viewCode .text .vl.active:before{color:#c6c6c6}#viewCode .text .c{color:inherit;opacity:.4;border-radius:2px}#viewCode .text .c.sym:not(.ok):not(.fix){opacity:.62}#viewCode .text .c.ok,#viewCode .text .c.fix{opacity:1}#viewCode .text .c.ok:not([class*=tk-]){color:#d4d4d4}#viewCode .text .c.fix{text-decoration:underline wavy #f14c4c 1.5px;text-underline-offset:5px}#viewCode .text .c.cur{opacity:1;background:#264f788c;box-shadow:inset 2px 0 #aeafad;animation:none;color:#fff}#viewCode .text .c.cur.bad{background:#f14c4c59;box-shadow:inset 2px 0 #f14c4c;color:#fff}#viewCode .text .c.nl:after{content:"\21b5";color:#6e7681;opacity:.7;font-size:.7em}#viewCode .text .c.ghost{box-shadow:inset 2px 0 #3794ff}#viewCode .text.sprint{color:#ffcf3f}#viewCode .text .c.tk-kw{color:#569cd6}#viewCode .text .c.tk-ctl{color:#c586c0}#viewCode .text .c.tk-str{color:#ce9178}#viewCode .text .c.tk-num{color:#b5cea8}#viewCode .text .c.tk-com{color:#6a9955}#viewCode .text .c.tk-fn{color:#dcdcaa}#viewCode .text .c.tk-type{color:#4ec9b0}#viewCode .text .c.tk-var,#viewCode .text .c.tk-attr{color:#9cdcfe}#viewCode .text .c.tk-tag{color:#569cd6}#viewCode .text .c.tk-tagp{color:gray}#viewCode .text .c.tk-op{color:#d4d4d4}#viewCode .text .c.tk-b0{color:gold}#viewCode .text .c.tk-b1{color:orchid}#viewCode .text .c.tk-b2{color:#179fff}#viewCode .vsc-status{display:flex;justify-content:space-between;align-items:center;height:24px;padding:0 8px;background:#007acc;color:#fff;font-size:12px}#viewCode .vsc-status .sb-l,#viewCode .vsc-status .sb-r{display:flex;align-items:center;gap:14px}#viewCode .vsc-status .sb-r{margin-left:0}#viewCode .vsc-status span{display:inline-flex;align-items:center;gap:4px}#viewCode .vsc-status b{font-weight:700}#viewCode .vsc-status .combo b{color:#ffe58a}#viewCode #sb-errs.has{background:#ffffff24;border-radius:3px;padding:0 5px}#viewCode .vsc-status .ico.logo{width:11px;height:11px}#viewCode .stage-foot{padding:8px 14px 10px;background:var(--panel);border-top:1px solid var(--line)}@media(max-height:760px){#viewCode .vsc-title,#viewCode .vsc-crumbs{display:none}#viewCode .vsc-tabs{height:30px}#viewCode .paper{min-height:64px;max-height:76px;padding:4px 0 6px}#viewCode .text{font-size:16px}#viewCode .stage-foot{padding:5px 12px 6px}#viewCode .hint{min-height:28px}#viewCode .side{max-height:56px}}@media(max-height:760px){#viewCode .strip{padding-bottom:4px;margin-bottom:4px}#viewCode .sc{flex-direction:row;align-items:baseline;gap:8px;padding-top:6px;padding-bottom:6px}#viewCode .cm-bar{margin-bottom:6px}}