@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,d09GMgABAAAAAAQMABAAAAAAB+AAAAOwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgQwcLgZgP1NUQVQqAFwRCAqDJIJtCxQAATYCJAMiBCAFhEYHZwwHG3oGIxFmfM0O8M/D2IE2KXexlvRX30jl4k0ByoIFW5Pm075+YpPjCMK6+K9Osusn4APwSeKJ0ARA/zfCdz9c0xILi5BPgVU7UACUe6B7QO0mZzupNnE5/rFs1LZf+AIRJzI3rkEf/YdjYxmFr42NC6Q839aFT4hla06fRTcFxCDqdm5WoAtIQshCoG2qheXlV1x9ff23O2Tf3fXffZv999RfgYpA7LbDvntqIhCKlqbQFBKakuEKFjRRkqFa83rN1eChoJIElHjEY5huuu3gAmICbC/po/SQGunUtDFWwzixpbmxkUXUQPIDWHOZNbnM6NF35U+qPOX7GEmc+8KL0mLpe0bLQmgK9BcYLh200877R0ESEO30EEjI6C8L9FesjJ6akrrRlnGZxyONvquC7hvVp36BZcQH6wr9MiEqeoEW6IsOdsLZGE6GrFIlg3cIFZDNOUXRc6tOqd0+aDK79tBNso2ily0l1fLOzu3dtjn19dfjmDtfeGOjjZ54RZC/3j711eHtN2h557TXXnP0bc++uv76dz15k6NfUxbfGNV5tUv7Rp9Dp/mw/PrtxPn3nxHPDHPcXf36Ct89+f2Tje/23z91xXc/3/HzqVjujbOurV17wOv637034uzFR579nnBtnuy168WLbaSuOOngf6u8aXGPIY/sU520Wn+lk5VnbvNXW36zXS5edGfh/IXW+1526gV/71vZuLT1kLeOvGbQ5HWHq56vO+2+Z2orOW6525WL9O+72eabLfDYWeME7e2e//Kma5/3ycsXfv1vY1z36wsHbXrixltthQ+kiQINjVibZnfTK2ZDkB/Kz/Pgy2cRdx5w/rdL9t6q1+K/NXP+Eh8sdebx8OHm49YR1e2n1SUQ/FSq88Piv9/zQx+02sybW9HCt1v9qbl8jQnop6dAyyKKofJT9ksCbUfKorRwSwyVhdA3mkLSDEI224tCMdxdQs2GthTqhluW72lBXVEUXTa3NYM5G4EkiA7+YY5hrznO/rYkw7GJLakELYE7Pz651b/Q1Rmw4Q5VdgeWLaFeGZEFHW0E3kFU7WdKVmS8JAy8WV8ANl4tVuzVK1rp9ZI622L0TZRefpBd5wEaoZUjZWVMx8RUbsThlXgmXVgow/fNzNbNsHq07Eon2xlBspLcL0IZ1E60jiiowKPu2Jzrt9KNWexWFxnv2cL4fSQ5cpSoRb2+zFcd/nVpV5co3VL+zTHdTUvbfLsOlKThqk0jWXBNMhM6V9T+hBNuKwEAAA==)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-cyrillic-700-normal-BnWDpkfm.woff2)format("woff2"),url(/assets/unbounded-cyrillic-700-normal-BKv7sql3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-vietnamese-700-normal-CjKRcRIV.woff2)format("woff2"),url(/assets/unbounded-vietnamese-700-normal-Bvu7IMCd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-ext-700-normal-BLzWLLjG.woff2)format("woff2"),url(/assets/unbounded-latin-ext-700-normal-C5zWdd_U.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-700-normal-CaoNriVp.woff2)format("woff2"),url(/assets/unbounded-latin-700-normal-CZtriu5h.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-cyrillic-ext-400-normal-Bo67NYBq.woff2)format("woff2"),url(/assets/golos-text-cyrillic-ext-400-normal-D592xEk3.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-cyrillic-400-normal-C7us6pn1.woff2)format("woff2"),url(/assets/golos-text-cyrillic-400-normal-BwL4n7Pb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-latin-ext-400-normal-BjKcJWKY.woff2)format("woff2"),url(/assets/golos-text-latin-ext-400-normal-BXgyX_iE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-latin-400-normal-Coi1FYaD.woff2)format("woff2"),url(/assets/golos-text-latin-400-normal-DOuJOmdK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-cyrillic-ext-600-normal-uuhKjiyO.woff2)format("woff2"),url(/assets/golos-text-cyrillic-ext-600-normal-rSWq63aw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-cyrillic-600-normal-lpQ9rVRR.woff2)format("woff2"),url(/assets/golos-text-cyrillic-600-normal-BgvEFMNR.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-latin-ext-600-normal-DLLCs_GQ.woff2)format("woff2"),url(/assets/golos-text-latin-ext-600-normal-C6iohuVX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-latin-600-normal-Bhk8uV1U.woff2)format("woff2"),url(/assets/golos-text-latin-600-normal-B_o32mE8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f4f6fa;--ink:#1d2b4f;--ink-soft:#5e6a87;--line:#d5dbe7;--felt:#9e1b2f;--ok:#1b8a5a;--ok-soft:#d6f0e3;--bad:#d0531c;--bad-soft:#fbe3d6;--ebony:#1b1d24;--ivory:#fff;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Golos Text", system-ui, sans-serif;--gutter:clamp(16px, 3vw, 40px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);height:100dvh;color:var(--ink);font-family:var(--font-body);grid-template-rows:auto 1fr auto;font-size:1rem;line-height:1.45;display:grid;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.top{padding:14px var(--gutter);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.125rem;font-weight:700;display:flex}.brand__mark{border:4px solid var(--ink);border-radius:50%;width:22px;height:15px;transform:rotate(-24deg)}.midi{color:var(--ink-soft);align-items:center;gap:8px;font-size:.875rem;display:flex}.midi__dot{background:var(--bad);border-radius:50%;flex:none;width:10px;height:10px}.midi[data-state=connected] .midi__dot{background:var(--ok)}.midi[data-state=connected]{color:var(--ink)}.controls{flex-wrap:wrap;align-items:center;gap:20px;margin-left:auto;display:flex}.seg{border:1.5px solid var(--ink);border-radius:999px;display:flex;overflow:hidden}.seg button{white-space:nowrap;background:0 0;border:0;padding:6px 14px;font-size:.875rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.toggle{white-space:nowrap;cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--ink)}.board{padding:20px var(--gutter) 16px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:8px 24px;min-height:0;display:grid;position:relative}.levels{scrollbar-width:none;gap:8px;min-width:0;display:flex;overflow-x:auto}.level{border:1.5px solid var(--line);background:var(--ivory);border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.875rem;font-weight:600;display:flex}.level__num{background:var(--paper);width:26px;height:26px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.level__num svg{width:14px;height:14px;fill:var(--ink-soft);stroke:var(--ink-soft);stroke-width:2px}.level__stars{color:#e0a100;letter-spacing:1px;margin-left:-2px;font-size:.8125rem}.level:disabled{cursor:not-allowed;color:var(--ink-soft);background:0 0;border-style:dashed}.level[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--ivory)}.level[aria-pressed=true] .level__num{background:var(--ivory);color:var(--ink)}.stats{text-align:right;color:var(--ink-soft);flex-direction:column;align-items:flex-end;font-size:.875rem;display:flex}.streak{align-items:baseline;gap:8px;display:flex}.streak__num{font-family:var(--font-display);color:var(--ink);font-size:2.5rem;font-weight:700;line-height:1}.round{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.round b{color:var(--ink)}.round__dots{gap:4px;display:flex}.round__dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.round__dots span[data-state=ok]{background:var(--ok)}.round__dots span[data-state=bad]{background:var(--bad)}.staff{grid-column:1/-1;height:100%;min-height:0}.staff svg{display:block}.staff svg text{fill:var(--ink)}.staff svg path,.staff svg rect{fill:var(--ink);stroke:var(--ink)}.staff--fresh .vf-stavenote{animation:.22s ease-out note-in}.staff .note--ok *,.staff .note--done *{fill:var(--ok);stroke:var(--ok)}.staff .note--done{opacity:.4}.staff .note--bad *{fill:var(--bad);stroke:var(--bad)}.staff .note--current *{fill:var(--felt);stroke:var(--felt)}.staff .note--near *{fill:#d49a00;stroke:#d49a00}.staff .note--hidden{opacity:0}.home[hidden],.board[hidden]{display:none}.home{padding:24px var(--gutter);flex-direction:column;justify-content:safe center;align-items:center;gap:24px;min-height:0;display:flex;overflow-y:auto}.home__start{align-items:center;gap:16px;display:flex}.btn--big{padding:14px 32px;font-size:1.125rem}.session{color:var(--ink-soft);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 18px;font-size:.875rem;display:flex}.session[hidden]{display:none}.session__step[data-state=done]{color:var(--ok);text-decoration:line-through}.session__step[data-state=current]{background:var(--ink);color:var(--ivory);border-radius:999px;padding:3px 12px;font-weight:600}.session .skip{margin-left:auto;font-size:.8125rem}.overlay{z-index:20;background:#f4f6faeb;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.day__list{color:var(--ink-soft);margin:8px 0 0;padding:0;line-height:1.9;list-style:none}.day__list b{color:var(--ink)}.banner{z-index:30;border:1.5px solid var(--ok);background:var(--ok-soft);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;width:min(760px,100% - 32px);padding:12px 18px;font-weight:600;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1d2b4f1f}.banner[hidden],.praise[hidden]{display:none}.banner .btn{padding:6px 16px}.praise{z-index:25;background:var(--ok);color:var(--ivory);font-family:var(--font-display);pointer-events:none;border-radius:999px;padding:10px 22px;font-weight:700;position:fixed;top:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1b8a5a4d}.praise--show{animation:4s ease-out forwards praise-in}@keyframes praise-in{0%{opacity:0;transform:translate(-50%,-12px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.me{align-items:center;gap:12px;display:flex}.me__name{font-weight:600}.stats-card{border:1.5px solid var(--line);background:var(--ivory);border-radius:16px;width:min(900px,100%);padding:18px 22px}.stats-card h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.125rem}.bars{grid-template-columns:repeat(14,1fr);gap:6px;height:120px;display:grid}.bars__day{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.bars__day span{background:var(--ok);border-radius:4px 4px 0 0;width:100%;min-height:2px}.bars__day small{color:var(--ink-soft)}.stats-list{margin:0;padding:0;list-style:none}.stats-list li{border-bottom:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;gap:4px 16px;padding:6px 0;display:flex}.stats-list li:last-child{border-bottom:0}.stats-list li>b{min-width:180px;color:var(--ink)}.login{z-index:50;background:var(--paper);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login[hidden],.login [hidden]{display:none}.login__card{border:1.5px solid var(--line);background:var(--ivory);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:min(440px,100%);padding:32px 28px;display:flex}.login__card>div{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.login__teacher{color:var(--ink-soft);font-weight:600}.login__error{min-height:1.4em;color:var(--bad);margin:0;font-weight:600}.login__classes{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.login__class{color:var(--ink-soft);margin:0}.pin__dots{gap:14px;display:flex}.pin__dots span{border:2px solid var(--ink);border-radius:50%;width:18px;height:18px}.pin__dots span[data-on=true]{background:var(--ink)}.pin__dots--shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin__pad{grid-template-columns:repeat(3,72px);gap:10px;display:grid}.pin__key{border:1.5px solid var(--line);background:var(--paper);height:60px;font-family:var(--font-display);border-radius:14px;font-size:1.5rem}.pin__key:active{background:var(--ink);color:var(--ivory)}.pin__key--back{font-size:1.25rem}.pin__key:last-child{grid-area:4/2}.home__head{align-items:center;gap:16px;width:min(900px,100%);display:flex}.board[data-kind=piece] .streak,.board[data-kind=piece] .round__dots{display:none}.home__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:min(900px,100%);display:grid}.mode-card{border:1.5px solid var(--line);background:var(--ivory);text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 22px 18px;transition:border-color .12s,transform .12s;display:flex}.mode-card:not(:disabled):hover{border-color:var(--ink);transform:translateY(-2px)}.mode-card:disabled{cursor:not-allowed;color:var(--ink-soft);background:0 0;border-style:dashed}.mode-card__title{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.375rem;font-weight:700;display:flex}.mode-card__title svg{width:18px;height:18px;fill:var(--ink-soft);stroke:var(--ink-soft);stroke-width:2px}.mode-card__desc{color:var(--ink-soft)}.mode-card__meta{color:var(--ink-soft);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:.875rem;display:flex}.mode-card__stars{color:#c98f00;font-weight:600}.bar{align-self:start;align-items:center;gap:12px;min-width:0;display:flex}.back{border:1.5px solid var(--ink);background:var(--ivory);border-radius:999px;flex:none;padding:6px 14px;font-size:.875rem;font-weight:600}.bar__title{font-family:var(--font-display);flex:none;font-weight:700}body[data-hide-keys=true] .piano{display:none}@keyframes note-in{0%{opacity:0;transform:translate(14px)}}.cue{flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;display:flex}.cue__buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cue__buttons [hidden]{display:none}.skip{color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:0;font-size:.9375rem;font-weight:600;text-decoration:underline}#tempo-wrap[hidden]{display:none}#tempo{font:inherit;border:1.5px solid var(--line);background:var(--ivory);color:var(--ink);border-radius:8px;padding:2px 6px}.listen{border:1.5px solid var(--ink);background:var(--ivory);border-radius:999px;align-items:center;gap:8px;padding:7px 18px 7px 14px;font-size:.9375rem;font-weight:600;transition:background-color .12s,color .12s;display:flex}.listen svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.listen--pulse{animation:1.6s ease-out infinite listen-pulse}@keyframes listen-pulse{0%{box-shadow:0 0 #1d2b4f59}70%,to{box-shadow:0 0 0 12px #1d2b4f00}}.listen:active{background:var(--ink);color:var(--ivory)}.feedback{text-align:center;min-height:2.9em;color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,2.2vw,1.375rem);font-weight:600}.feedback[data-tone=ok]{color:var(--ok)}.feedback[data-tone=bad]{color:var(--bad)}.result{z-index:5;background:#f4f6faeb;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}.result[hidden]{display:none}.result__card{border:1.5px solid var(--line);background:var(--ivory);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:min(460px,100%);padding:28px 28px 24px;display:flex;box-shadow:0 12px 40px #1d2b4f1f}.result__stars{gap:6px;font-size:2.75rem;line-height:1;display:flex}.star{color:var(--line)}.star--on{color:#f0b400;animation:.36s ease-out backwards star-pop}.star--on:nth-child(2){animation-delay:.15s}.star--on:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.2)}}@keyframes fade-in{0%{opacity:0}}.result__title{font-family:var(--font-display);letter-spacing:-.01em;margin:6px 0 0;font-size:1.5rem;font-weight:700}.result__score,.result__misses,.result__growth,.result__note{color:var(--ink-soft);margin:0}.result__score b{color:var(--ink)}.result__note,.result__growth{color:var(--ok);font-weight:600}.result__misses:empty,.result__growth:empty,.result__note:empty{display:none}.result__actions{gap:12px;margin-top:14px;display:flex}.btn{border:1.5px solid var(--ink);background:var(--ivory);border-radius:999px;padding:10px 24px;font-weight:600}.btn--primary{background:var(--ink);color:var(--ivory)}.btn[hidden]{display:none}.piano{background:var(--ebony);padding:0 max(var(--gutter), 8px) 10px}.piano__felt{height:7px;margin:0 calc(-1 * max(var(--gutter), 8px));background:var(--felt)}.credit{text-align:right;color:#8a90a0;margin:6px 0 0;font-size:.6875rem}.keys{--black-width:calc(100% / var(--white-count) * .6);-webkit-user-select:none;user-select:none;touch-action:manipulation;height:clamp(120px,26vh,220px);display:flex;position:relative}.key{border:0;padding:0;transition:background-color .12s}.key--white{background:var(--ivory);color:var(--ink-soft);border-right:1px solid #c9cfdb;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;font-size:clamp(.625rem,1.2vw,.875rem);font-weight:600;display:flex;position:relative}.key--middle-c:after{content:"";background:var(--felt);border-radius:50%;width:8px;height:8px;position:absolute;bottom:34px}.key--black{z-index:2;width:var(--black-width);background:var(--ebony);border-radius:0 0 4px 4px;height:62%;position:absolute;top:0;box-shadow:inset 0 -5px #2d313c}.key--white.key--down{background:#e3e8f2}.key--black.key--down{background:#3a4152}.key--white.key--zone{background:#eef2fa;box-shadow:inset 0 -5px #b9c4dc}.key--black.key--zone{background:#2f3a55}.key--white.key--hint{background:var(--ok-soft);box-shadow:inset 0 -8px 0 var(--ok)}.key--black.key--hint{background:var(--ok)}.key--white.key--ok{background:var(--ok-soft)}.key--black.key--ok{background:var(--ok)}.key--white.key--bad{background:var(--bad-soft)}.key--black.key--bad{background:var(--bad)}.calib-page{height:auto;min-height:100dvh;display:block;overflow:auto}.calib-page .back{color:inherit;text-decoration:none}.calib{width:min(760px,100%);padding:24px var(--gutter) 40px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.calib__card{border:1.5px solid var(--line);background:var(--ivory);border-radius:16px;padding:20px 22px}.calib__card[hidden]{display:none}.calib__card h2{font-family:var(--font-display);margin:0 0 8px;font-size:1.125rem}.calib__card p{color:var(--ink-soft);margin:0 0 12px}.calib__live{font-size:1.25rem;font-weight:600;color:var(--ink)!important}.calib__run{align-items:center;gap:16px;font-weight:600;display:flex}.calib__beat{background:var(--line);border-radius:50%;width:22px;height:22px}.calib__beat--on{animation:.3s ease-out beat-flash}.calib__beat--on[data-accent=true]{--flash:var(--bad)}@keyframes beat-flash{0%{background:var(--flash,var(--ok));transform:scale(1.4)}}.calib__report{background:var(--paper);white-space:pre-wrap;border-radius:10px;margin:0 0 14px;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:.875rem}@media (width<=640px){.controls{margin-left:0}.board{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.stats{flex-direction:row;justify-content:space-between;align-items:baseline}}@media (prefers-reduced-motion:reduce){.staff--fresh .vf-stavenote,.result,.star--on,.overlay,.praise--show{animation:none}.listen--pulse{animation:none;box-shadow:0 0 0 4px #1d2b4f40}.key,.listen{transition:none}}.cab-page{height:auto;min-height:100dvh;display:block;overflow:auto}.cab-page a.back{color:inherit;text-decoration:none}.cab-tabs{gap:8px;display:flex}.cab{padding:24px var(--gutter) 48px;flex-direction:column;align-items:center;gap:16px;display:flex}.cab-head{flex-wrap:wrap;align-items:center;gap:12px 20px;width:min(900px,100%);display:flex}.cab-filter{align-items:center;gap:8px;margin-left:auto;font-size:.875rem;display:flex}.cab-login{flex-direction:column;gap:14px;width:min(380px,100%);margin-top:8vh;display:flex}.cab-login label,.cab-row label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.cab-row label.toggle{color:var(--ink);flex-direction:row}.cab input:not([type=checkbox]),.cab select{font:inherit;border:1.5px solid var(--line);background:var(--ivory);color:var(--ink);border-radius:10px;padding:8px 10px}.cab-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:12px;display:flex}.cab-table{border-collapse:collapse;width:100%;font-size:.9375rem}.cab-table th{text-align:left;color:var(--ink-soft);border-bottom:1.5px solid var(--line);padding:6px 8px;font-size:.8125rem;font-weight:600}.cab-table td{border-bottom:1px solid var(--line);padding:8px}.cab-table tr[data-student]{cursor:pointer}.cab-table tr[data-student]:hover{background:var(--paper)}.cab-muted{color:var(--ink-soft);opacity:.7}.cab-empty{color:var(--ink-soft);margin:0}.cab-actions{white-space:nowrap}.cab-danger{color:var(--bad)}.cab-levels{flex-wrap:wrap;gap:6px;display:flex}.cab-level{border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;min-width:34px;padding:2px 4px;font-size:.75rem;display:inline-flex}.cab-level b{color:#c98f00;font-size:.75rem}.stats-card h2 small{font-family:var(--font-body);color:var(--ink-soft);font-size:.875rem;font-weight:400}.cab-toast{z-index:30;background:var(--ok);color:var(--ivory);border-radius:999px;padding:10px 20px;font-weight:600;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cab-toast[data-tone=bad]{background:var(--bad)}.cab-toast[hidden]{display:none}