:root{--bg:#ffffff;--fg:#14132a;--muted:#6d6b8a;--line:#e8e7f0;--chip:#f2f1f7;--card:#ffffff;--accent:#4f35d2;--accent-ink:#ffffff;--accent-soft:#d8cffd;--ok:#1fae5b;--ok-soft:#d9f7e3;--warn:#d97706;--bad:#dc2626;--untested:#e6e5ec;--tested:#22c55e;--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--shadow:0 30px 60px -34px rgba(52,28,86,.38);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f18;--fg:#ececf5;--muted:#a3a1bd;--line:#262538;--chip:#1a1928;--card:#151422;--accent:#8c76ff;--accent-ink:#0f0f18;--accent-soft:#3b3180;--ok:#35d07a;--ok-soft:#173b27;--warn:#f59e0b;--bad:#f87171;--untested:#2b2a3c;--shadow:0 30px 60px -30px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f18;--fg:#ececf5;--muted:#a3a1bd;--line:#262538;--chip:#1a1928;--card:#151422;--accent:#8c76ff;--accent-ink:#0f0f18;--accent-soft:#3b3180;--ok:#35d07a;--ok-soft:#173b27;--warn:#f59e0b;--bad:#f87171;--untested:#2b2a3c;--shadow:0 30px 60px -30px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased}.wrap{max-width:1432px;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.muted{color:var(--muted)}.top{display:flex;align-items:center;gap:24px;padding-block:10px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;letter-spacing:-.02em;text-decoration:none;color:var(--fg)}.brand-mark{width:32px;height:32px;border:1.6px solid var(--fg);border-radius:8px;display:grid;place-items:center;font-size:17px;font-weight:600}.top-sep{width:1px;height:28px;background:var(--line)}.tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs{padding-right:28px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}@media(max-width:1440px){.top-actions .ghost .t{display:none}.top-actions .ghost{padding:8px}}@media(max-width:1680px){html:not([lang=en]) .top-actions .ghost .t{display:none}html:not([lang=en]) .top-actions .ghost{padding:8px}}.tab{color:var(--muted);font-weight:500;text-decoration:none;padding-block:8px;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--fg)}.tab[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}.ghost{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:8px 12px;border-radius:10px;white-space:nowrap}.ghost:hover{background:var(--chip)}.ghost svg{width:20px;height:20px}.primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:11px 18px;font-weight:600;white-space:nowrap}.primary svg{width:18px;height:18px}.primary:hover{filter:brightness(1.08)}.btn2{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 16px;font-weight:500;white-space:nowrap}.btn2:hover{border-color:var(--accent)}.btn2[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hero{text-align:center;padding-block:40px 0}.hero h1{margin:0;font-weight:800;letter-spacing:-.045em;line-height:1.05;text-wrap:balance;font-size:clamp(34px,4.4vw,64px)}.hero p{margin:12px auto 4px;color:var(--muted);font-size:clamp(17px,1.45vw,22px);max-width:60ch}.status{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:6px 12px;border-radius:999px;font-size:15px}.status:hover{background:var(--chip)}.status .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent)}.esc-hint{color:var(--muted);font-size:13px;margin-left:4px}.nojs{margin:12px auto;max-width:60ch;border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--muted)}body.js .nojs{display:none}.stats{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;padding-block:6px 8px}.seg{display:inline-flex;background:var(--chip);border-radius:16px;padding:4px}.seg button{display:inline-flex;align-items:center;gap:10px;border:0;background:none;border-radius:12px;padding:10px 18px;color:var(--muted);font-weight:500}.seg button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:0 2px 6px #1e143c1a}.seg svg{width:18px;height:18px}.stat{display:flex;align-items:center;gap:10px;font-size:17px;white-space:nowrap}.stat b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.stats .vsep{width:1px;height:30px;background:var(--line)}.progress{display:flex;align-items:center;gap:14px;margin-left:auto}.bar{width:clamp(120px,15vw,220px);height:8px;border-radius:99px;background:var(--untested);overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .2s}.pct{color:var(--muted);font-variant-numeric:tabular-nums;min-width:3.2em}.lastkey .lk-name{color:var(--accent);font-weight:600;font-size:22px}.lastkey .lk-code{color:var(--muted);font-size:15px}.kb-scroll{overflow-x:auto;padding:10px 14px 18px;margin-inline:-14px;-webkit-overflow-scrolling:touch}.kb-case{min-width:940px;border-radius:24px;padding:16px;background:linear-gradient(180deg,var(--case-hi),var(--case));box-shadow:var(--shadow),inset 0 1px #ffffff8c,inset 0 -2px #0000000d;outline:none}.kb-case:focus-visible{box-shadow:var(--shadow),0 0 0 3px var(--accent)}.kb-case.scope-numpad{min-width:0;max-width:420px;margin:0 auto}.kb-note{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:13px;padding-top:4px}.kb-note:empty{display:none}.swipe{display:none;color:var(--muted);font-size:13px}.kb{position:relative;container-type:inline-size;width:100%;max-width:100%}.key{--kw:calc(100cqw / var(--cols,23));position:absolute;left:calc(var(--x)*var(--kw));top:calc(var(--y)*var(--kw));width:calc(var(--w)*var(--kw));height:calc(var(--h)*var(--kw));padding:calc(var(--kw)*.018)}.key{--top-hi:color-mix(in srgb,var(--top),#fff 55%);--top-lo:color-mix(in srgb,var(--top),var(--side) 22%);--side-hi:color-mix(in srgb,var(--side),#fff 18%)}.body{position:relative;width:100%;height:100%;border-radius:calc(var(--kw)*.2);background:linear-gradient(180deg,var(--side-hi) 0%,var(--side) 78%,color-mix(in srgb,var(--side),#000 10%) 100%);box-shadow:0 0 0 calc(var(--kw)*.012) var(--seam),0 calc(var(--kw)*.03) calc(var(--kw)*.05) #32191938;transition:transform 70ms ease-out}.cap{position:absolute;left:calc(var(--kw)*.075);right:calc(var(--kw)*.075);top:calc(var(--kw)*.03);bottom:calc(var(--kw)*.15);border-radius:calc(var(--kw)*.17);background:radial-gradient(120% 95% at 38% 22%,var(--top-hi) 0%,var(--top) 52%,var(--top-lo) 100%);color:var(--ink);box-shadow:inset 0 calc(var(--kw)*.02) calc(var(--kw)*.02) #ffffffb3,inset 0 calc(var(--kw)*-.03) calc(var(--kw)*.06) #0000000d,0 calc(var(--kw)*.02) calc(var(--kw)*.035) #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;line-height:1.1;transition:background .12s}.k-a{--top:var(--a-top);--side:var(--a-side);--ink:var(--a-ink)}.k-m{--top:var(--m-top);--side:var(--m-side);--ink:var(--m-ink)}.k-x{--top:var(--x-top);--side:var(--x-side);--ink:var(--x-ink)}.k-s{--top:var(--s-top);--side:var(--s-side);--ink:var(--s-ink)}.th-blossom .bc-p{--top:#f5d1da;--side:#d3969f;--ink:#d61c40}.th-blossom .bc-w{--top:#f6eeee;--side:#cfc0bd;--ink:#d61c40}.lg{pointer-events:none;font-weight:500}.lg-1{font-size:calc(var(--kw)*.3)}.fk .lg-1{font-size:calc(var(--kw)*.22)}.sw .lg-1{font-size:calc(var(--kw)*.19)}.lg-2 b{display:block;font-weight:500;font-size:calc(var(--kw)*.21);line-height:1.08}.lg-sm{font-size:calc(var(--kw)*.15);line-height:1.2}.lg-txt{font-size:calc(var(--kw)*.19);white-space:nowrap}.lg-np b{display:block;font-weight:500;font-size:calc(var(--kw)*.27);line-height:1}.lg-np small{display:block;font-size:calc(var(--kw)*.12);margin-top:calc(var(--kw)*.04)}.lg-mac{position:absolute;inset:0}.lg-mac i{position:absolute;top:14%;right:13%;font-style:normal;font-size:calc(var(--kw)*.18)}.lg-mac span{position:absolute;left:13%;bottom:12%;font-size:calc(var(--kw)*.14)}.lg-ic svg{width:calc(var(--kw)*.26);height:calc(var(--kw)*.26);display:block}.cap.has-txt{justify-content:space-between;padding:0 calc(var(--kw)*.13)}.deco{display:none;pointer-events:none}.deco svg{display:block;width:calc(var(--kw)*.44);height:auto}.deco-solo svg{width:calc(var(--kw)*.5)}.th-blossom .deco{display:block}.th-blossom .plain{display:none}.deco-space{display:none;align-items:center;justify-content:space-evenly;width:100%}.th-blossom .deco-space{display:flex}.deco-space svg{width:calc(var(--kw)*.5)}.deco-space .sm svg{width:calc(var(--kw)*.24);opacity:.55}.key.tested .body{background:linear-gradient(180deg,#23a957,#137a3c);box-shadow:0 0 0 calc(var(--kw)*.015) #0f6b33,0 0 calc(var(--kw)*.28) #22c55ebf}.key.tested .cap{background:radial-gradient(120% 95% at 38% 22%,#a7f3c4,#4fd685 45%,#22b35e);color:#fff}.key.tested .lg{text-shadow:0 1px 0 rgba(0,70,30,.35)}.cap:after{content:"\2713";position:absolute;top:calc(var(--kw)*.05);right:calc(var(--kw)*.08);font-size:calc(var(--kw)*.17);font-weight:800;line-height:1;color:#fff;opacity:0}.key.tested .cap:after{opacity:1}.key.held .cap:after{opacity:0}.key.held .body,.key.tap .body{background:linear-gradient(180deg,#4a33bf,#33209a);transform:translateY(calc(var(--kw)*.035));box-shadow:0 0 0 calc(var(--kw)*.012) #2a1a85}.key.held .cap,.key.tap .cap{background:radial-gradient(120% 95% at 38% 22%,#9a86ff,#6247e6 60%,#4d31d4);color:#fff}.key.last .body{box-shadow:0 0 0 calc(var(--kw)*.04) #5a3ee0,0 0 calc(var(--kw)*.16) #5a3ee073}.key.missing .body{animation:pulse 1.4s ease-in-out infinite}.key.expected .body{box-shadow:0 0 0 calc(var(--kw)*.04) #f59e0b}.key.expected.best .body{box-shadow:0 0 0 calc(var(--kw)*.04) var(--tested),0 0 calc(var(--kw)*.2) #22c55e8c}.key.target .body{box-shadow:0 0 0 calc(var(--kw)*.045) #5a3ee0}.key.chatter .body{box-shadow:0 0 0 calc(var(--kw)*.045) #f59e0b,0 0 calc(var(--kw)*.25) #f59e0b99}.key.sys .cap{opacity:.6;outline:1px dashed currentColor;outline-offset:calc(var(--kw)*-.06)}@keyframes pulse{0%,to{box-shadow:0 0 0 calc(var(--kw)*.03) #ef4444e6,0 0 #ef444400}50%{box-shadow:0 0 0 calc(var(--kw)*.05) #ef4444,0 0 calc(var(--kw)*.3) #ef444499}}.ind{--kw:calc(100cqw / 23);position:absolute;left:calc(19*var(--kw) + var(--kw)*.04);top:calc(var(--kw)*.04);width:calc(4*var(--kw) - var(--kw)*.08);height:calc(var(--kw)*.92);border-radius:calc(var(--kw)*.14);background:color-mix(in srgb,var(--case),#000 4%);box-shadow:inset 0 1px 3px #0000001f;display:flex;justify-content:space-around;align-items:center;color:var(--ind-ink)}.ind div{display:flex;flex-direction:column;align-items:center;gap:calc(var(--kw)*.08);font-size:calc(var(--kw)*.15)}.ind i{width:calc(var(--kw)*.11);height:calc(var(--kw)*.11);border-radius:50%;background:color-mix(in srgb,var(--ind-ink) 55%,transparent)}.ind i.on{background:#33d07a;box-shadow:0 0 calc(var(--kw)*.12) #33d07a}.th-blossom{--case:#e9e3e1;--case-hi:#f5f1f0;--seam:rgba(110,60,58,.55);--a-top:#f6eeee;--a-side:#cfc0bd;--a-ink:#d61c40;--m-top:#f5d1da;--m-side:#d3969f;--m-ink:#d61c40;--x-top:#f5d1da;--x-side:#d3969f;--x-ink:#d61c40;--s-top:#f8dbe3;--s-side:#dba7b2;--s-ink:#d61c40;--ind-ink:#8b6b76}.th-porcelain{--case:#e4e7ee;--case-hi:#f4f6f9;--seam:rgba(70,80,100,.4);--a-top:#fbfbfd;--a-side:#c9cfda;--a-ink:#3b4357;--m-top:#d3d9e4;--m-side:#a9b2c3;--m-ink:#3b4357;--x-top:#8f9cb8;--x-side:#6b7896;--x-ink:#ffffff;--s-top:#fbfbfd;--s-side:#c9cfda;--s-ink:#3b4357;--ind-ink:#68708a}.th-midnight{--case:#17181d;--case-hi:#23252c;--seam:rgba(0,0,0,.8);--a-top:#33353e;--a-side:#16171c;--a-ink:#e9e9f1;--m-top:#26282f;--m-side:#101115;--m-ink:#b9bac8;--x-top:#454856;--x-side:#24262e;--x-ink:#ffffff;--s-top:#33353e;--s-side:#16171c;--s-ink:#e9e9f1;--ind-ink:#9a9cab}.th-midnight .key{--top-hi:color-mix(in srgb,var(--top),#fff 14%)}.th-midnight .cap{box-shadow:inset 0 calc(var(--kw)*.02) calc(var(--kw)*.02) #ffffff1f,0 calc(var(--kw)*.02) calc(var(--kw)*.035) #0006}.th-retro{--case:#e3dbc6;--case-hi:#efe9d9;--seam:rgba(90,75,45,.5);--a-top:#f2eada;--a-side:#cbbd9b;--a-ink:#3e392b;--m-top:#8c9a6c;--m-side:#66734a;--m-ink:#f4eddc;--x-top:#d98330;--x-side:#a95f19;--x-ink:#fff6e8;--s-top:#f2eada;--s-side:#cbbd9b;--s-ink:#3e392b;--ind-ink:#6f6650}.kb-case.imgmode{padding:0;background:none;border-radius:min(26px,1.8vw);box-shadow:var(--shadow)}.kb-case.imgmode.scope-numpad{border-radius:18px;overflow:hidden;background:#e9e3e1}.kbimg{position:relative;container-type:inline-size;width:100%;overflow:hidden;user-select:none;-webkit-user-select:none}.kb-render{position:absolute;display:block;height:auto;max-width:none;pointer-events:none}.ov{position:absolute;cursor:pointer}.ov .fill{position:absolute;inset:0;border-radius:calc(var(--px)*12);opacity:0;transition:opacity .08s}.ov.tested .fill{opacity:1;background:linear-gradient(180deg,#6ee7a0f0,#22b35ef0);box-shadow:inset 0 calc(var(--px)*1.5) 0 #fff6,inset 0 calc(var(--px)*-5) 0 #0a5a2859,0 0 calc(var(--px)*14) #22c55ebf}.ov.tested .hl{opacity:1;text-shadow:0 1px 0 rgba(0,70,30,.35)}.ov:after{content:"\2713";position:absolute;top:calc(var(--px)*4);right:calc(var(--px)*6);font-size:calc(var(--px)*11);font-weight:800;line-height:1;color:#fff;opacity:0;pointer-events:none}.ov.tested:after{opacity:1}.ov.held:after{opacity:0}.ov.last .fill{opacity:1;box-shadow:inset 0 0 0 calc(var(--px)*2.6) #5a3ee0,0 0 0 calc(var(--px)*1.5) #5a3ee047}.ov.tested.last .fill{box-shadow:inset 0 0 0 calc(var(--px)*3) #5a3ee0,0 0 calc(var(--px)*14) #22c55ebf}.ov.held .fill,.ov.tap .fill{opacity:1;background:linear-gradient(180deg,#6d50f4,#4a2dd2);box-shadow:inset 0 calc(var(--px)*1.2) 0 #ffffff40,inset 0 calc(var(--px)*-5) 0 #1e0c7859}.ov.tap .fill{opacity:.88}.ov.missing .fill{opacity:1;background:#ef44441f;animation:pulseImg 1.4s ease-in-out infinite}.ov.expected .fill{opacity:1;box-shadow:inset 0 0 0 calc(var(--px)*2.6) #f59e0b}.ov.expected.best .fill{background:#4ade8038;box-shadow:inset 0 0 0 calc(var(--px)*2.6) var(--tested),0 0 calc(var(--px)*12) #22c55e99}.ov.target .fill{opacity:1;box-shadow:inset 0 0 0 calc(var(--px)*3) #5a3ee0}.ov.chatter .fill{opacity:1;background:#f59e0b2e;box-shadow:inset 0 0 0 calc(var(--px)*3) #f59e0b,0 0 calc(var(--px)*14) #f59e0b99}.ov.held.expected .fill,.ov.held.target .fill{background:linear-gradient(180deg,#6d50f4,#4a2dd2)}@keyframes pulseImg{0%,to{box-shadow:inset 0 0 0 calc(var(--px)*2.4) #ef4444d9}50%{box-shadow:inset 0 0 0 calc(var(--px)*3.5) #ef4444,0 0 calc(var(--px)*16) #ef44448c}}.ov .hl{position:absolute;inset:0 0 calc(var(--px)*4);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;text-align:center;line-height:1.1;font-weight:500;pointer-events:none}.ov.held .hl,.ov.tap .hl{opacity:1}.hl-1{font-size:calc(var(--px)*18)}.hl-s{font-size:calc(var(--px)*14.5)}.hl-2 b{display:block;font-weight:500;font-size:calc(var(--px)*15);line-height:1.15}.hl-2 small{display:block;font-size:calc(var(--px)*10)}.hl-sm{font-size:calc(var(--px)*12);line-height:1.2}.hl-ic svg{width:calc(var(--px)*19);height:calc(var(--px)*19);display:block}.ov.sys{cursor:default}.lamp{position:absolute;width:calc(var(--px)*9);height:calc(var(--px)*9);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.lamp.on{background:#fff;box-shadow:0 0 0 calc(var(--px)*1.6) #5a3ee0,0 0 calc(var(--px)*7) #5a3ee08c}.styles{display:flex;align-items:center;gap:16px;padding-block:8px 14px;flex-wrap:wrap}.styles h2{margin:0 12px 0 0;font-size:20px;font-weight:600}.style-list{display:flex;gap:14px;overflow-x:auto;padding:4px;flex:1 1 auto;min-width:0}.style-card{position:relative;flex:0 0 auto;width:236px;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:10px 20px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px}.style-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.style-card .check{position:absolute;top:-1px;right:-1px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:none;place-items:center}.style-card[aria-pressed=true] .check{display:grid}.style-card .check svg{width:14px;height:14px}.thumb{display:block;width:100%;height:auto;border-radius:6px}.legend{display:flex;gap:28px;padding-left:24px;border-left:1px solid var(--line);margin-left:auto}.legend span{display:flex;align-items:center;gap:10px;color:var(--muted);white-space:nowrap}.legend i{width:22px;height:22px;border-radius:50%;display:inline-block}.l-untested{background:var(--untested)}.l-tested{background:linear-gradient(180deg,#6ee7a0,#22b35e);box-shadow:0 0 10px #22c55ea6}.l-held{background:var(--accent)}.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;border-top:1px solid var(--line);padding-block:20px 8px}.events{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;min-width:0;padding-right:40px;border-right:1px solid var(--line)}.panel h2{margin:0;font-size:20px;font-weight:600}.events .count{color:var(--muted)}.ev-table{max-height:132px;overflow-y:auto;min-width:0}.ev-table table,.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ev-table td,.tbl td,.tbl th{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:left}.tbl th{font-size:13px;color:var(--muted);font-weight:600}.ev-table td:nth-child(1){color:var(--muted);width:40px}.ev-table td:nth-child(2){font-weight:600}.ev-table td:nth-child(3){color:var(--muted)}.ev-table td:nth-child(4){color:var(--muted);text-align:right}.ev-empty{color:var(--muted);padding:9px 0}.sound{display:flex;flex-direction:column;gap:18px}.sound-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sound-row .spk{width:24px;height:24px;color:var(--fg)}.switches{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--card)}.switches button{border:0;background:none;padding:9px 22px;border-radius:9px;font-weight:500}.switches button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.toggle{width:52px;height:30px;border-radius:99px;border:0;background:var(--untested);position:relative;padding:0}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(22px)}.music{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.music h2{margin-right:10px}.m-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;padding:0}.m-btn svg{width:18px;height:18px}.m-btn:hover{border-color:var(--accent)}.m-play{width:44px;height:44px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.m-name{min-width:104px;text-align:center;font-weight:500}.m-vol input{width:120px;accent-color:var(--accent)}.m-eq{display:inline-flex;align-items:flex-end;gap:3px;height:18px;margin-left:4px;opacity:0}.m-eq i{width:3px;height:6px;border-radius:2px;background:var(--accent)}.music.on .m-eq{opacity:1}.music.on .m-eq i{animation:eq .9s ease-in-out infinite}.music.on .m-eq i:nth-child(2){animation-delay:.2s}.music.on .m-eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:5px}50%{height:18px}}.foot-links{display:flex;gap:18px;justify-content:flex-end;color:var(--muted);font-size:14px}.foot-links a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.foot-links a:hover{color:var(--fg)}.foot-links svg{width:16px;height:16px}.foot-links .vsep{width:1px;background:var(--line)}.tool{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-block:8px 12px}.tool .label{font-weight:600;margin-right:4px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding-block:6px 14px}.card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--card);min-width:0}.card h3{margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.card .big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;background:var(--chip)}.chip.bad{border-color:color-mix(in srgb,var(--bad) 50%,transparent);color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.minibar{height:8px;border-radius:99px;background:var(--untested);overflow:hidden;margin-top:10px}.minibar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.np-note{display:flex;flex-wrap:wrap;gap:6px 24px;color:var(--muted);font-size:14px;justify-content:center;padding-top:6px}.inspector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--card);outline:none}.inspector:focus-visible{box-shadow:0 0 0 3px var(--accent)}.inspector div{min-width:0}.inspector small{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}.inspector b{display:block;font-size:clamp(20px,2.4vw,30px);font-weight:700;overflow-wrap:anywhere}.kc-table{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:14px;margin-top:14px}.kc-table tr.keyup td{color:var(--muted)}.kc-table thead th{position:sticky;top:0;background:var(--card)}.result{border:1px solid var(--line);border-radius:20px;padding:22px;margin-block:14px;background:var(--card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;scroll-margin-top:16px}.result h2{margin:0 0 8px;font-size:24px;letter-spacing:-.02em}.res-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.res-stats div{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.res-stats b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.res-stats span{color:var(--muted);font-size:13px}.res-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.share{display:flex;gap:8px;margin-top:12px}.share input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);color:var(--fg);font:13px var(--mono)}.res-msg{color:var(--ok);font-size:14px;min-height:1.5em;margin-top:8px}.res-img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.article{border-top:1px solid var(--line);margin-top:28px;padding-block:36px 24px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}.article .prose{max-width:72ch;min-width:0}.prose h2{font-size:28px;letter-spacing:-.02em;margin:36px 0 12px;line-height:1.2;text-wrap:balance}.prose h2:first-child{margin-top:0}.prose h3{font-size:19px;margin:24px 0 8px}.prose p,.prose li{color:color-mix(in srgb,var(--fg) 82%,var(--bg));font-size:16px;line-height:1.7}.prose ol,.prose ul{padding-left:22px}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose .tw{overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}.prose code{font-family:var(--mono);font-size:.92em;background:var(--chip);padding:1px 6px;border-radius:6px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;font-size:17px}.faq details p{margin:10px 0 0}.aside{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:6px}.aside h2{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.aside a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--fg);border:1px solid var(--line)}.aside a:hover{border-color:var(--accent)}.aside a span{display:block;color:var(--muted);font-size:13px}.page-hero{padding-block:48px 8px;max-width:72ch}.page-hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;line-height:1.08;margin:0 0 12px}.page-hero p{color:var(--muted);font-size:18px;margin:0}.crumbs{font-size:14px;color:var(--muted);padding-top:8px}.crumbs a{color:inherit}.foot{border-top:1px solid var(--line);margin-top:24px;padding-block:28px 40px;display:flex;flex-wrap:wrap;gap:16px 40px;color:var(--muted);font-size:14px}.foot nav{display:flex;flex-wrap:wrap;gap:10px 22px}.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--fg)}.foot .copy{margin-left:auto}dialog{border:0;border-radius:18px;padding:0;width:min(640px,calc(100vw - 32px));background:var(--card);color:var(--fg);box-shadow:0 40px 80px -20px #0006}dialog::backdrop{background:#0f0c2373}.dlg{padding:24px;display:flex;flex-direction:column;gap:14px}.dlg h2{margin:0;font-size:20px}.dlg p{margin:0;color:var(--muted);font-size:14px}.dlg textarea{width:100%;height:300px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:14px;font:13px/1.55 var(--mono);background:var(--bg);color:var(--fg)}.dlg-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.dlg-actions .msg{margin-right:auto;color:var(--ok);font-size:14px}@media(max-width:1100px){.progress{margin-left:0}.legend{border-left:0;padding-left:0;margin-left:0}.panel{grid-template-columns:minmax(0,1fr)}.events{border-right:0;padding-right:0}.foot-links{justify-content:flex-start}.result,.article{grid-template-columns:minmax(0,1fr)}.aside{position:static}}@media(max-width:760px){.top{gap:8px;flex-wrap:wrap}.top-sep{display:none}.tabs{order:3;width:100%;gap:18px}.brand{font-size:21px}.top-actions .t{display:none}.ghost{padding:8px}.primary{padding:10px 14px}.stats{gap:12px 18px}.stats .vsep{display:none}.swipe{display:block}.kb-case.scope-numpad+.swipe{display:none}.events{grid-template-columns:minmax(0,1fr)}.style-card{width:180px}.legend{gap:16px;flex-wrap:wrap}.res-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .copy{margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@property --shift{syntax:"<number>";inherits:true;initial-value:0}.th-aurora{--case:#f4f3fa;--case-hi:#ffffff;--seam:rgba(120,110,170,.22);--a-top:#fdfcff;--a-side:#dcd9ea;--a-ink:#7c6cf0;--m-top:#f4f2fb;--m-side:#d0cce2;--m-ink:#7c6cf0;--x-top:#f4f2fb;--x-side:#d0cce2;--x-ink:#7c6cf0;--s-top:#fdfcff;--s-side:#dcd9ea;--s-ink:#7c6cf0;--ind-ink:#8a86a3;animation:aurora 24s steps(144) infinite}@keyframes aurora{to{--shift:360}}.kb-case.th-aurora{position:relative;isolation:isolate;box-shadow:0 24px 50px -26px #5a3caa73,inset 0 1px #fff,0 0 0 1px #ebe8f6}.kb-case.th-aurora:before{content:"";position:absolute;inset:6px;border-radius:inherit;z-index:-1;filter:blur(18px);opacity:.75;background:linear-gradient(90deg,#ff7ac6,#a78bfa,#60a5fa,#34d399,#fbbf24,#ff7ac6)}.th-aurora .key{--glow:hsl(calc(var(--hue) + var(--shift)) 95% 62%)}.th-aurora .key:not(.tested):not(.held):not(.tap) .cap{color:var(--glow)}.th-aurora .key:not(.tested):not(.held):not(.tap) .lg{text-shadow:0 0 calc(var(--kw)*.07) color-mix(in srgb,var(--glow) 70%,transparent)}.th-aurora .key:not(.tested):not(.held):not(.tap):not(.last) .body{box-shadow:0 0 0 calc(var(--kw)*.01) var(--seam),0 calc(var(--kw)*.05) calc(var(--kw)*.2) color-mix(in srgb,var(--glow) 55%,transparent)}.th-aurora .lg{font-weight:700}.th-aurora .ind i.on{background:var(--glow,#34d399)}.hero-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:6px}.player{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--card);border:1px solid transparent;background-image:linear-gradient(var(--card),var(--card)),linear-gradient(90deg,#ff7ac6,#a78bfa,#60a5fa,#34d399);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 26px -14px #7850dc8c}.m-play{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff7ac6,#8b5cf6);box-shadow:0 4px 12px -4px #8b5cf6b3;padding:0}.m-play svg{width:18px;height:18px}.m-info{display:flex;flex-direction:column;line-height:1.15;min-width:92px;text-align:left}.m-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.m-name{font-weight:600;font-size:14px;white-space:nowrap}.m-btn{width:30px;height:30px;border-radius:50%;border:0;background:var(--chip);display:grid;place-items:center;padding:0}.m-btn svg{width:16px;height:16px}.m-btn:hover{background:var(--accent-soft)}.m-vol input{width:90px;accent-color:#8b5cf6}.m-eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px;width:18px}.m-eq i{width:3px;height:4px;border-radius:2px;background:linear-gradient(#ff7ac6,#8b5cf6)}.player.on .m-eq i{animation:eq .9s ease-in-out infinite}.player.on .m-eq i:nth-child(2){animation-delay:.15s}.player.on .m-eq i:nth-child(3){animation-delay:.3s}.player.on .m-eq i:nth-child(4){animation-delay:.45s}.dash{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 28px;align-items:center;padding-block:14px 6px}.dash-ring{position:relative;width:132px;height:132px}.ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ring-bg{fill:none;stroke:var(--untested);stroke-width:10}.ring-fg{fill:none;stroke:url(#ringGrad);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .35s ease;filter:drop-shadow(0 0 6px rgba(139,92,246,.45))}.dash-ring.done .ring-fg{stroke:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.7))}.ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-c b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.ring-c>span{font-size:12px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.dash-ring.done .ring-c b{color:#16a34a}.zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;min-width:0}.zone{min-width:0}.z-top{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:6px}.z-top span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-top b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.z-bar{height:10px;border-radius:99px;background:var(--untested);overflow:hidden}.z-bar i{display:block;height:100%;border-radius:inherit;transition:width .3s ease;background:linear-gradient(90deg,#ff7ac6,#8b5cf6)}.z-fn .z-bar i{background:linear-gradient(90deg,#fbbf24,#ff7ac6)}.z-nav .z-bar i{background:linear-gradient(90deg,#60a5fa,#8b5cf6)}.z-pad .z-bar i{background:linear-gradient(90deg,#34d399,#60a5fa)}.zone.done .z-bar i{background:linear-gradient(90deg,#4ade80,#16a34a);box-shadow:0 0 10px #22c55e99}.zone.done .z-top b{color:#16a34a}.dash-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tiles{display:flex;gap:10px}.tile{border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:96px;background:var(--card);display:flex;flex-direction:column;gap:2px}.tile b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.tile span{font-size:12px;color:var(--muted)}.tile-last{min-width:132px}.tile-last b{color:var(--accent)}.dash-np{grid-template-columns:auto minmax(0,1fr)}.dash-np .dash-side{align-items:flex-start}@media(max-width:1100px){.dash{grid-template-columns:auto minmax(0,1fr)}.dash-side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}}@media(max-width:760px){.dash{gap:14px 16px}.dash-ring{width:108px;height:108px}.ring-c b{font-size:24px}.zones{grid-template-columns:minmax(0,1fr);gap:8px}.z-top{font-size:12px;margin-bottom:4px}.z-bar{height:8px}.tiles{width:100%}.tile{flex:1;min-width:0;padding:8px 10px}.tile b{font-size:18px}.tile-last{min-width:0}.player{width:100%;justify-content:space-between}.m-vol input{width:70px}}@media(prefers-reduced-motion:reduce){.th-aurora{animation:none}}.brand-key{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,#fff,#ece9f7);box-shadow:0 0 0 1px #dcd8ee,0 3px #cfc9e6,0 6px 14px -6px #7c5cff8c}.brand-key:before{content:"";position:absolute;inset:-3px;border-radius:12px;z-index:-1;background:linear-gradient(135deg,#ff7ac6,#8b5cf6,#34d399);filter:blur(6px);opacity:.55}.brand-key i{font-style:normal;font-weight:800;font-size:17px;background:linear-gradient(135deg,#ff5fb8,#7c5cff 55%,#22c58e);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{position:relative;isolation:isolate}.ghost.icon{width:40px;height:40px;padding:0;justify-content:center}.primary{background:linear-gradient(135deg,#7c5cff,#a855f7 55%,#ec4899);box-shadow:0 8px 20px -10px #7c5cffcc}:root[data-theme=dark] .brand-key{background:linear-gradient(180deg,#2b2740,#1d1a2c);box-shadow:0 0 0 1px #3a3552,0 3px #141221,0 6px 14px -6px #7c5cffb3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-key{background:linear-gradient(180deg,#2b2740,#1d1a2c);box-shadow:0 0 0 1px #3a3552,0 3px #141221,0 6px 14px -6px #7c5cffb3}}.kb-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:8px}.kb-tools .swipe{margin:0}.swipe.off{display:none!important}.chip-btn{display:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--accent);margin-left:auto}.kb-scroll.fit .kb-case{min-width:0}.kb-wrap{position:relative}.kb-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;border:0;border-radius:999px;padding:10px 20px 10px 10px;font-weight:600;font-size:15px;color:var(--fg);background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px -12px #4628a08c,0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);z-index:3;white-space:nowrap}.hint-cap{width:34px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#7c5cff;background:linear-gradient(180deg,#fff,#ebe8f7);box-shadow:0 3px #cfc9e6,0 0 0 1px #dcd8ee;animation:hintpress 1.6s ease-in-out infinite}@keyframes hintpress{0%,60%,to{transform:translateY(0);box-shadow:0 3px #cfc9e6,0 0 0 1px #dcd8ee}70%{transform:translateY(3px);box-shadow:0 0 #cfc9e6,0 0 0 1px #dcd8ee}}.kb-wrap:has(.kb-hint:not([hidden])) .kb-case{animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{filter:brightness(1.04) saturate(1.15)}}.kb-legend{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:2px}.kb-legend .legend{border-left:0;padding-left:0;margin-left:0;gap:22px}.kb-legend .legend i{width:16px;height:16px}.kb-legend .legend span{font-size:14px}.kb-legend .kb-note{padding-top:0}.key.pop .body:after,.ov.pop:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--pop,#8b5cf6);pointer-events:none;animation:ripple .45s ease-out forwards}.ov.pop:before{border-radius:calc(var(--px)*12)}.key.tested,.ov.tested{--pop:#22c55e}.th-aurora .key{--pop:var(--glow)}@keyframes ripple{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.dash-ring .plus-one{position:absolute;right:-4px;top:6px;font-weight:800;font-size:16px;color:#16a34a;pointer-events:none;animation:plus .8s ease-out forwards}@keyframes plus{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1.1)}}.dash-ring.flash{animation:ringflash 1.6s ease-out}@keyframes ringflash{0%,to{filter:none}30%{filter:drop-shadow(0 0 18px rgba(34,197,94,.9))}}.celebrate .key .body,.celebrate .ov .fill{animation:wave .9s ease-out both;animation-delay:calc(var(--x,0) * 32ms)}@keyframes wave{0%{transform:none}35%{transform:translateY(-8%);filter:brightness(1.3) saturate(1.4);box-shadow:0 0 calc(var(--kw,8px)*.4) #22c55ee6}to{transform:none}}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.tile-last{flex-direction:row;align-items:center;gap:12px;min-width:150px}.mini-cap{min-width:46px;height:42px;padding:0 10px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#eeebf8);box-shadow:0 0 0 1px #dcd8ee,0 4px #cbc5e3,0 8px 16px -8px #7c5cff99}.mini-cap b{font-size:16px!important;font-weight:800;white-space:nowrap;background:linear-gradient(135deg,#ff5fb8,#7c5cff 55%,#22c58e);-webkit-background-clip:text;background-clip:text;color:transparent}.mini-cap.press{animation:capdown .22s ease-out}@keyframes capdown{40%{transform:translateY(3px);box-shadow:0 0 0 1px #dcd8ee,0 1px #cbc5e3,0 3px 8px -6px #7c5cff99}}.tl-txt{display:flex;flex-direction:column;gap:2px}.tl-txt .t-l{font-size:12px;color:var(--muted)}:root[data-theme=dark] .mini-cap{background:linear-gradient(180deg,#2d2943,#1f1c30);box-shadow:0 0 0 1px #3a3552,0 4px #141221,0 8px 16px -8px #7c5cffb3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mini-cap{background:linear-gradient(180deg,#2d2943,#1f1c30);box-shadow:0 0 0 1px #3a3552,0 4px #141221,0 8px 16px -8px #7c5cffb3}}.sticky-prog{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 10px);z-index:30;width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px -14px #4628a099,0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent)}.sticky-prog b{font-weight:800;font-variant-numeric:tabular-nums;min-width:3ch}.sp-bar{flex:1;height:8px;border-radius:99px;background:var(--untested);overflow:hidden}.sp-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff7ac6,#8b5cf6,#34d399);transition:width .3s}.sticky-prog span{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.panel{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;border-top:0;padding-block:16px 8px}.pcard{border:1px solid var(--line);border-radius:20px;padding:18px 20px;background:var(--card);box-shadow:0 18px 40px -32px #3c1e7880}.events.pcard{display:flex;flex-direction:column;gap:14px;padding-right:20px;border-right:1px solid var(--line);min-width:0}.pc-head{display:flex;align-items:center;gap:12px}.pc-head h2{margin:0;font-size:20px;font-weight:700}.pc-head .count{color:var(--muted);margin-left:auto;font-size:14px}.pc-head .toggle{margin-left:auto}.ev-stream{display:flex;flex-wrap:wrap;gap:8px;min-height:58px;align-content:flex-start;max-height:136px;overflow:hidden}.ev-key{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;padding:6px 10px 8px;border-radius:10px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--chip) 70%,var(--card)));box-shadow:0 0 0 1px var(--line),0 3px color-mix(in srgb,var(--line) 90%,#000 6%)}.ev-key b{font-size:14px;font-weight:700;white-space:nowrap}.ev-key small{font-size:10px;color:var(--muted);white-space:nowrap}.ev-key.new{animation:evin .35s ease-out;box-shadow:0 0 0 1.5px #8b5cf6,0 3px #6d4ee8,0 8px 16px -8px #7c5cff99}.ev-key.new b{color:var(--accent)}@keyframes evin{0%{transform:translateY(-6px) scale(.9);opacity:0}to{transform:none;opacity:1}}.sound.pcard{display:flex;flex-direction:column;gap:16px}.sw-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sw-keys button{border:0;border-radius:12px;padding:10px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--chip) 70%,var(--card)));box-shadow:0 0 0 1px var(--line),0 4px color-mix(in srgb,var(--line) 90%,#000 8%);transition:transform .08s,box-shadow .08s}.sw-keys button b{font-size:15px}.sw-keys button small{font-size:11px;color:var(--muted)}.sw-keys button:active{transform:translateY(3px);box-shadow:0 0 0 1px var(--line),0 1px 0 var(--line)}.sw-keys button[aria-pressed=true]{background:linear-gradient(180deg,#8b6dff,#6a45f0);color:#fff;box-shadow:0 0 0 1px #5b38e0,0 4px #4527b8,0 10px 20px -10px #6a45f0cc}.sw-keys button[aria-pressed=true] small{color:#fffc}.sound .foot-links{justify-content:flex-start}.styles{flex-wrap:nowrap;padding-block:12px 10px}.style-list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 4px 10px}.style-card{width:200px;scroll-snap-align:start}.th-aurora{--gl:.6;--gc:.21;--ul:.8;--ua:.55}.th-aurora .key{--glow:oklch(var(--gl) var(--gc) calc(var(--hue) + var(--shift)));--under:oklch(var(--ul) .17 calc(var(--hue) + var(--shift)) / var(--ua))}.th-aurora .key:not(.tested):not(.held):not(.tap):not(.last) .body{box-shadow:0 0 0 calc(var(--kw)*.01) var(--seam),0 calc(var(--kw)*.05) calc(var(--kw)*.22) var(--under)}.th-aurora .key:not(.tested):not(.held):not(.tap) .lg{text-shadow:0 0 calc(var(--kw)*.06) var(--under)}:root[data-theme=dark] .th-aurora{--case:#13111d;--case-hi:#1f1b2e;--seam:rgba(0,0,0,.6);--a-top:#2a2640;--a-side:#110f1a;--m-top:#221e35;--m-side:#0d0b15;--x-top:#221e35;--x-side:#0d0b15;--s-top:#2a2640;--s-side:#110f1a;--ind-ink:#8f8aa8;--gl:.84;--gc:.17;--ul:.72;--ua:.85}:root[data-theme=dark] .kb-case.th-aurora{box-shadow:0 30px 60px -26px #000c,inset 0 1px #ffffff0f,0 0 0 1px #2c2840}:root[data-theme=dark] .th-aurora .key{--top-hi:color-mix(in srgb,var(--top),#fff 10%)}:root[data-theme=dark] .th-aurora .cap{box-shadow:inset 0 calc(var(--kw)*.02) calc(var(--kw)*.02) #ffffff14,0 calc(var(--kw)*.02) calc(var(--kw)*.035) #0006}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .th-aurora{--case:#13111d;--case-hi:#1f1b2e;--seam:rgba(0,0,0,.6);--a-top:#2a2640;--a-side:#110f1a;--m-top:#221e35;--m-side:#0d0b15;--x-top:#221e35;--x-side:#0d0b15;--s-top:#2a2640;--s-side:#110f1a;--ind-ink:#8f8aa8;--gl:.84;--gc:.17;--ul:.72;--ua:.85}:root:not([data-theme=light]) .kb-case.th-aurora{box-shadow:0 30px 60px -26px #000c,inset 0 1px #ffffff0f,0 0 0 1px #2c2840}:root:not([data-theme=light]) .th-aurora .key{--top-hi:color-mix(in srgb,var(--top),#fff 10%)}:root:not([data-theme=light]) .th-aurora .cap{box-shadow:inset 0 calc(var(--kw)*.02) calc(var(--kw)*.02) #ffffff14,0 calc(var(--kw)*.02) calc(var(--kw)*.035) #0006}}@media(max-width:1100px){.panel{grid-template-columns:minmax(0,1fr)}.events.pcard{border-right:1px solid var(--line);padding-right:20px}}@media(max-width:760px){.chip-btn{display:inline-flex}.hero{padding-block:22px 0}.hero p{margin-top:8px}.hero-bar{flex-wrap:nowrap;justify-content:space-between;gap:8px}.player{width:auto;padding:4px 10px 4px 4px;gap:8px}.player .m-label,.player #musicPrev,.player .m-vol{display:none}.player .m-info{min-width:0}.m-name{font-size:13px}.m-play{width:34px;height:34px}.dash{grid-template-columns:auto minmax(0,1fr);padding-block:10px 4px}.dash-ring{width:92px;height:92px}.ring-c b{font-size:21px}.ring-c>span{font-size:10px}.zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.z-top span{font-size:11px}.dash-side{gap:8px}.tile{padding:7px 9px;border-radius:12px}.tile-last{gap:8px}.mini-cap{min-width:36px;height:34px;padding:0 7px}.mini-cap b{font-size:13px!important}.seg button{padding:8px 14px}.kb-case{padding:10px;border-radius:16px}.kb-hint{font-size:13px;padding:8px 14px 8px 8px}.hint-cap{width:28px;height:26px}.styles{flex-wrap:wrap}.style-card{width:168px}.sw-keys{gap:6px}.sw-keys button small{display:none}}.pc-head .spk{width:22px;height:22px;flex:0 0 auto;color:var(--fg)}.panel{align-items:start}.z-top .zs{display:none}@media(max-width:760px){.top-actions #soundBtn{display:none}.top-actions{gap:2px}.esc-hint{display:none!important}.hero-bar .status{flex:0 0 auto;padding:6px 8px}.player{flex:1 1 auto;min-width:0;max-width:240px}.player .m-info{flex:1 1 auto;overflow:hidden}.m-name{overflow:hidden;text-overflow:ellipsis}.z-top .zl{display:none}.z-top .zs{display:inline}}.sel-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sel{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.sel select{font:inherit;font-size:14px;text-transform:none;letter-spacing:0;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 28px 7px 10px;min-width:120px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}.sel select:disabled{opacity:.5}.stats .sel-row{justify-content:flex-start}.lang-menu{position:relative}.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover{background:var(--chip)}.lang-menu summary svg{width:18px;height:18px}.lang-list{position:absolute;right:0;top:46px;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-width:300px;padding:8px;border-radius:14px;background:var(--card);box-shadow:0 20px 40px -16px #1e144666,0 0 0 1px var(--line)}.lang-list a{padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--fg);font-size:14px;white-space:nowrap}.lang-list a:hover{background:var(--chip)}.lang-list a[aria-current=page]{color:var(--accent);font-weight:700}.foot-langs{display:flex;flex-wrap:wrap;gap:8px 16px;width:100%}.panel-1{grid-template-columns:minmax(0,1fr)}.sb{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:18px 10px}.sb-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sb-modes button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 16px;font-weight:600}.sb-modes button[aria-pressed=true]{background:linear-gradient(135deg,#7c5cff,#ec4899);border-color:transparent;color:#fff}.sb-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px}.sb-big{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;padding:8px 18px}.sb-big b{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#ff5fb8,#7c5cff 55%,#22c58e);-webkit-background-clip:text;background-clip:text;color:transparent}.sb-big span{color:var(--muted);font-size:13px}.sb-status{margin:0;color:var(--muted);text-align:center;min-height:1.5em}.sb-bar{position:relative;width:min(640px,100%);height:96px;border:0;border-radius:22px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#fff,#ece9f7);color:#7c5cff;font-weight:800;font-size:20px;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 0 1px #dcd8ee,0 10px #cbc5e3,0 18px 40px -14px #7c5cff99;transition:transform .05s,box-shadow .05s}.sb-bar:before{content:"";position:absolute;inset:-10px;border-radius:30px;z-index:-1;background:linear-gradient(90deg,#ff7ac6,#a78bfa,#60a5fa,#34d399,#fbbf24);filter:blur(18px);opacity:.45}.sb-bar.down{transform:translateY(8px);box-shadow:0 0 0 1px #dcd8ee,0 2px #cbc5e3,0 8px 20px -12px #7c5cff99}.sb-bar.pop:after{content:"";position:absolute;inset:0;border-radius:inherit;border:3px solid #8b5cf6;animation:ripple .45s ease-out forwards}:root[data-theme=dark] .sb-bar{background:linear-gradient(180deg,#2d2943,#1f1c30);box-shadow:0 0 0 1px #3a3552,0 10px #141221,0 18px 40px -14px #7c5cffcc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sb-bar{background:linear-gradient(180deg,#2d2943,#1f1c30);box-shadow:0 0 0 1px #3a3552,0 10px #141221,0 18px 40px -14px #7c5cffcc}}.sb-hist{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.sb .kb-wrap{display:none}@media(max-width:760px){.sel select{min-width:0;font-size:13px}.sel-row{width:100%;justify-content:space-between}.sel{flex:1}.lang-list{position:fixed;left:16px;right:16px;top:64px;min-width:0}.sb-big b{font-size:48px}.sb-bar{height:84px}}

/* first screen: whole keyboard visible without scrolling (desktop/laptop) */
@media (min-width:900px){
.hero{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0 0!important;text-align:left!important}
.hero h1{font-size:28px!important;line-height:1.1!important;margin:0!important}
.hero>p:not(.nojs){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero-bar{margin:0!important}
.dash{display:flex!important;align-items:center;gap:14px!important;margin:6px auto!important;padding:4px 12px!important;flex-wrap:wrap}
.dash-ring{transform:scale(.55);transform-origin:center;margin:-34px -34px!important;flex:none}
.zones{flex:1 1 320px;display:grid!important;grid-template-columns:1fr 1fr;gap:2px 18px!important}
.dash-side{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px!important;flex:0 1 auto}
.dash-side .tiles{display:flex;gap:8px}
.kb-tools{margin:0!important}
.swipe{display:none!important}
}