@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.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{--bg:#0b0d16;--bg-2:#141830;--panel:#161a2ec7;--panel-solid:#161a2e;--edge:#ffffff17;--edge-strong:#ffffff29;--paper:#f7f6f0;--ink:#1a1a2e;--text:#eef0fb;--text-muted:#8d93b8;--accent:#ffb02e;--accent-2:#38c8ff;--grad:linear-gradient(115deg, #ff8a1e, #ffb02e);--correct:#4ade80;--wrong:#f87171;--warn:#fbbf24;--played-cue:#b07cff;--radius-s:6px;--radius-m:10px;--radius-l:14px;--space-1:.35rem;--space-2:.6rem;--space-3:1rem;--space-4:1.6rem;--raise:0 0 0 1px var(--edge), 0 10px 26px #00000073;--raise-sm:0 0 0 1px var(--edge), 0 4px 12px #00000061;--sink:inset 0 0 0 1px var(--edge), inset 0 3px 10px #00000080;--sink-sm:inset 0 0 0 1px var(--edge), inset 0 2px 6px #00000073;--glow:0 0 0 1px #ffb02eb3, 0 0 18px #ffb02e59;--font-display:"Barlow Condensed", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body);color:var(--text)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:radial-gradient(1100px 500px at 18% -10%, #3858c838, transparent 60%), radial-gradient(900px 480px at 85% 108%, #ff8a1e21, transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg) 55%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}#root{flex-direction:column;max-width:1180px;height:100dvh;margin:0 auto;padding:.9rem 1.1rem;display:flex}#root:has(.game-screen){max-width:1560px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase}button{font:inherit;color:var(--text);cursor:pointer;transition:box-shadow .15s,color .15s,background .15s,transform .12s}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd.keycap{min-width:1.5em;height:1.5em;font-family:var(--font-display);color:var(--bg);background:var(--text-muted);vertical-align:middle;opacity:.9;border-radius:999px;justify-content:center;align-items:center;margin-left:.35em;padding:0 .3em;font-size:.8em;font-weight:700;display:inline-flex}.pill.selected kbd.keycap,button:hover kbd.keycap{background:var(--accent);color:#201503;opacity:1}kbd.keycap.anchor{color:var(--accent-2);letter-spacing:.04em;background:0 0;font-weight:600;box-shadow:inset 0 0 0 1px #38c8ff80}kbd.keycap.ondark{color:#fff;background:#00000059}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.screen{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.menu-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.2rem;min-height:0;display:flex}.menu-eyebrow{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem;font-size:.85rem}.menu-logo{letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.menu-cards{flex-wrap:wrap;justify-content:center;gap:1.2rem;width:100%;display:flex}.menu-card{text-align:left;background:var(--bg);width:min(280px,90vw);box-shadow:var(--raise);border:none;border-radius:22px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.3rem 1.25rem;display:flex}.menu-card:active:not(:disabled){box-shadow:var(--sink);transform:none}.menu-card:disabled{box-shadow:var(--raise-sm);opacity:.55;cursor:default}.menu-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-card-top .keycap{font-size:.85rem}.menu-card-glyph{font-size:2rem;line-height:1}.menu-card-title{font-family:var(--font-display);color:var(--text);font-size:1.25rem;font-weight:700}.menu-card-desc{color:var(--text-muted);font-size:.86rem;line-height:1.45}.midi-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.82rem}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hud-title{margin:0;font-size:1.1rem}.hud-spacer{width:5.5rem}.hud-info{color:var(--text-muted);text-align:center;flex:1;font-size:.88rem}.hud-group{gap:.6rem;display:flex}button.soft{background:var(--bg);box-shadow:var(--raise-sm);border:none;border-radius:999px;padding:.5rem 1.05rem}button.soft:active{box-shadow:var(--sink-sm)}button.primary{background:var(--grad);color:#fff;box-shadow:-4px -4px 10px var(--shadow-hi), 5px 5px 12px #6366f173;border:none;border-radius:999px;padding:.55rem 1.4rem;font-weight:600}button.primary:active{box-shadow:var(--sink-sm)}.setup-card{background:var(--bg);box-shadow:var(--raise);border-radius:22px;grid-template-columns:1fr 1fr;align-content:start;gap:.6rem;min-height:0;padding:.9rem 1rem;display:grid;overflow-y:auto}@media (width<=860px){.setup-card{grid-template-columns:1fr}}.option-row{box-shadow:var(--sink-sm);border-radius:14px;flex-direction:column;gap:.45rem;padding:.6rem .7rem;transition:box-shadow .2s;display:flex}.option-row.wide,.setup-card>.start-btn{grid-column:1/-1}.option-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.option-label .keycap{letter-spacing:.02em;text-transform:none;font-size:.62rem}.pills{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pill{background:var(--bg);box-shadow:var(--raise-sm);color:var(--text);white-space:nowrap;border:none;border-radius:999px;padding:.32rem .7rem;font-size:.82rem}.pill:active{box-shadow:var(--sink-sm)}.pill.selected{box-shadow:var(--sink-sm);color:var(--accent);font-weight:700}.pill-divider{background:var(--shadow-lo);align-self:stretch;width:1px;margin:.2rem .35rem}.degree-pill.locked{opacity:.85;cursor:default}.start-btn{font-size:1.05rem;font-family:var(--font-display);align-self:center;margin-top:.3rem;padding:.75rem 2.4rem}.game-screen{gap:.6rem}.score-container{background:var(--bg);min-height:0;box-shadow:var(--raise);border-radius:20px;flex:1;padding:.7rem}.score-strip{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.score-pages{perspective:2000px;position:absolute;inset:0}.score-page{position:absolute;inset:0}.page-flat{background:var(--paper);box-shadow:var(--sink-sm);border-radius:12px;position:absolute;inset:0;overflow:hidden}.page-curl{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.curl-strip{will-change:transform;background:#eef0f9;position:absolute;top:0;bottom:0;overflow:hidden}.curl-strip svg{position:absolute;top:0}.needle{pointer-events:none;will-change:transform;background:linear-gradient(#6366f1,#a855f7);border-radius:2px;width:3px;position:absolute;top:0;left:0;box-shadow:0 0 10px #7c5df48c}.beat-dot{fill:#ccd1e4;transform-box:fill-box;transform-origin:50%;transition:fill .25s}.beat-dot.downbeat{fill:#aeb4cf}.beat-dot.active{fill:var(--accent);animation:.5s ease-out beat-pulse}.beat-dot.downbeat.active{fill:var(--accent-2)}@keyframes beat-pulse{0%{filter:drop-shadow(0 0 6px #7c5df4e6);transform:scale(1.9)}to{filter:drop-shadow(0 0 #7c5df400);transform:scale(1)}}.game-footer{flex-direction:column;gap:.5rem;display:flex}.stats{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.stats div{background:var(--bg);min-width:82px;box-shadow:var(--sink-sm);border-radius:12px;flex-direction:column;align-items:center;padding:.35rem .8rem;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.stats span{color:var(--text-muted);font-size:.72rem}.stat-hit{color:var(--correct)}.stat-miss{color:var(--wrong)}.stat-wrong{color:var(--warn)}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#e3e7f48c;place-items:center;animation:.25s ease-out overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;background:var(--bg);box-shadow:var(--raise);border-radius:24px;max-width:min(460px,92vw);padding:1.7rem 2.1rem;animation:.28s cubic-bezier(.2,.9,.3,1.2) card-in;position:relative}@keyframes card-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}.overlay-card h2{margin:0;font-size:1.45rem}.overlay-score{font-family:var(--font-display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.25rem 0;font-size:3.2rem;font-weight:800;line-height:1}.overlay-detail{color:var(--text-muted);margin:0 0 1.1rem}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.overlay-actions button:not(.primary){background:var(--bg);box-shadow:var(--raise-sm);border:none;border-radius:999px;padding:.55rem 1.05rem}.overlay-actions button:not(.primary):active{box-shadow:var(--sink-sm)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.control-group{box-shadow:var(--sink-sm);border-radius:999px;gap:.3rem;padding:.3rem;display:inline-flex}.control-group button{color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:.4rem .95rem;font-weight:500}.control-group button.selected{background:var(--bg);box-shadow:var(--raise-sm);color:var(--accent);font-weight:700}.checkbox{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:inline-flex}.checkbox input{accent-color:var(--accent)}.exercise{background:var(--paper);box-shadow:var(--raise);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-self:center;align-items:center;gap:.4rem;width:min(760px,100%);min-height:0;max-height:500px;margin:auto 0;padding:.4rem 1.4rem .8rem;display:flex}.exercise.feedback-correct{box-shadow:0 0 0 2px var(--correct), var(--raise)}.exercise.feedback-wrong{box-shadow:0 0 0 2px var(--wrong), var(--raise)}.staff{justify-content:center;width:100%;max-width:min(560px,90%);max-height:74%;display:flex}.exercise-status{min-height:1.4rem;color:var(--ink);padding-bottom:.4rem;font-size:1.05rem}.status-correct{color:var(--correct);font-weight:600}.status-wrong{color:var(--wrong);font-weight:600}.status-idle{color:var(--text-muted)}.midi-status{text-align:center;color:var(--text-muted);margin:0 0 .35rem;font-size:.78rem}.input-area{margin-top:auto}.piano{height:112px;box-shadow:var(--raise);touch-action:none;background:#2b2e44;border:6px solid #2b2e44;border-radius:14px;display:flex;position:relative}.piano-key{border:none;padding:0}.piano-key.white{background:linear-gradient(#fff 0%,#eceef5 100%);border-left:1px solid #c9ccd9;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;display:flex;position:relative;box-shadow:inset 0 -5px 8px #19193214}.piano-key.white:first-of-type{border-left:none;border-radius:6px 0 5px 5px}.piano-key.white:active,.piano-key.white.active{background:linear-gradient(#e0e2ff,#c7d2fe)}.piano-key.black{z-index:1;background:linear-gradient(#3d3d4e 0%,#17171f 85%);border-radius:0 0 4px 4px;height:58%;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 5px #00000073}.piano-key.black:active,.piano-key.black.active{background:var(--grad)}.piano-key-label{color:#6f6f8a;pointer-events:none;padding-bottom:3px;font-size:.6rem}.chord-flash-symbol{text-align:center;margin:0;font-family:Bricolage Grotesque Variable,sans-serif;font-size:3rem}.calibrate-btn{margin-top:.4rem}.songs-card{overflow-y:auto}.track-table{border-collapse:collapse;width:100%;font-size:.85rem}.track-table th,.track-table td{text-align:left;padding:.3rem .6rem}.track-table select{background:var(--bg);color:inherit;border:1px solid #8e92b866;border-radius:8px;padding:.2rem .4rem}.library-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.library-list li{align-items:center;gap:.6rem;display:flex}.library-date{opacity:.6;font-size:.8rem}.import-error{color:#f87171}.import-report{opacity:.85}.library-empty{opacity:.6}#midi-file{color:inherit}.preset-pill{align-items:center;gap:2px;display:inline-flex}.preset-delete{opacity:.6;padding:.2rem .45rem}#import-backup{cursor:pointer}.credits{opacity:.45;text-align:center;margin:.2rem 0 .6rem;font-size:.72rem}.setup-layout{gap:var(--space-3);flex:1;min-height:0;padding:0 .2rem;display:flex}.setup-controls{gap:var(--space-1);min-width:0;padding-right:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.setup-side{gap:var(--space-2);flex-direction:column;flex-shrink:0;width:285px;display:flex}.preset-row{align-items:center;gap:var(--space-1);padding:0 var(--space-2);flex-wrap:wrap;display:flex}.preset-label,.mini-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:var(--space-1);font-size:.72rem}.setup-section{background:var(--bg);border-radius:var(--radius-m);box-shadow:var(--raise-sm)}.setup-section .section-head{align-items:baseline;gap:var(--space-2);width:100%;padding:.45rem var(--space-3);text-align:left;background:0 0;border:none;display:flex}.section-title{font-family:var(--font-display);font-size:1.02rem;font-weight:700}.section-caption{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.section-chevron{color:var(--text-muted)}.section-body{padding:0 var(--space-3) .55rem;gap:var(--space-1);flex-direction:column;display:flex}.section-body .option-row{padding:.15rem 0}.texture-cards{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.texture-card{border-radius:var(--radius-s);background:var(--bg);box-shadow:var(--raise-sm);border:none;flex-direction:row;justify-content:center;align-items:center;gap:.5em;padding:.45rem .5rem;font-size:.82rem;display:flex}.texture-card.selected{box-shadow:var(--sink-sm);color:var(--accent)}.texture-panel{gap:var(--space-1);flex-direction:column;justify-content:center;min-height:54px;display:flex}.panel-hint{color:var(--text-muted);margin:0;font-size:.85rem}.glyph-pill{align-items:center;gap:.3em;display:inline-flex}.key-pill{align-items:center;gap:.35em;display:inline-flex}.prog-chip{align-items:baseline;gap:.45em;line-height:1.2;display:inline-flex}.prog-concrete{color:var(--text-muted);font-size:.68rem}.pill.selected .prog-concrete{color:inherit;opacity:.8}.degree-matrix{border-collapse:separate;border-spacing:2px;flex:none;width:auto}.degree-matrix th:first-child{width:1.6em}.degree-matrix-row{align-items:center;gap:var(--space-3);flex-flow:wrap;display:flex}.degree-readout{flex:1;min-width:160px;margin:0}.degree-matrix th{font-weight:600}.matrix-rowlabel{padding-right:4px;font-size:1rem}.matrix-head,.matrix-cell{background:var(--bg);min-width:1.75em;box-shadow:var(--raise-sm);border:none;border-radius:8px;padding:.1em .3em;font-size:.8rem}.matrix-head.on,.matrix-cell.on{box-shadow:var(--sink-sm);color:var(--accent)}.matrix-cell.locked{opacity:.75}.degree-readout{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:.85rem}.setup-preview{border-radius:var(--radius-m);background:var(--paper);color:#6a6d92;height:150px;min-height:150px;box-shadow:var(--raise-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-hint{font-size:.8rem}.setup-side .start-btn{flex-direction:column;align-items:center;gap:.15rem;display:flex}.start-summary{opacity:.85;font-size:.72rem;font-weight:400}.sound-drawer .pills{margin-bottom:var(--space-2);justify-content:center}@media (width<=900px){.setup-layout{flex-direction:column}.setup-side{width:auto}.setup-preview{min-height:90px}}.setup-preview .score-container{width:100%;height:100%}.difficulty{padding:0 var(--space-1);align-items:center;gap:5px;display:flex}.diff-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:var(--space-1);font-size:.72rem}.diff-seg{width:22px;height:8px;box-shadow:var(--sink-sm);border-radius:4px}.diff-seg.on{background:var(--grad);box-shadow:none}.score-strip g.note-hit{transform-box:fill-box;transform-origin:50%;animation:.32s noteBloom}.score-strip g.note-wrong{transform-box:fill-box;transform-origin:50%;animation:.3s noteShake}.score-strip g.note-miss{animation:.5s noteFade}@keyframes noteBloom{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes noteShake{0%,to{transform:translate(0)}30%{transform:translate(-2.5px)}60%{transform:translate(2.5px)}}@keyframes noteFade{0%{opacity:.35}to{opacity:1}}.count-overlay{pointer-events:none;z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;position:absolute;inset:0}.count-numeral{font-family:var(--font-display);color:var(--accent);opacity:1;-webkit-text-stroke:3px #1410058c;text-shadow:0 4px 26px #00000073,0 0 60px #ffb02e80;font-size:9rem;font-weight:800;line-height:1}.count-ticks{gap:.6rem;display:flex}.count-tick{background:var(--accent-2);opacity:.25;border-radius:5px;width:34px;height:9px;transform:skew(-18deg);box-shadow:0 2px 8px #0000004d}.count-tick.on{opacity:1}@keyframes needlePulse{0%{filter:drop-shadow(0 0 6px #a855f7e6)}to{filter:drop-shadow(0 0 #a855f700)}}.beat-dot.active{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out dotRipple}@keyframes dotRipple{0%{transform:scale(1.6)}to{transform:scale(1)}}.played-cue ellipse{fill:var(--played-cue);opacity:.85}.played-cue line{stroke:var(--played-cue);stroke-width:1.4px;opacity:.7}.played-cue-acc{fill:var(--played-cue);font-size:12px;font-family:var(--font-body)}.played-cue{animation:.25s cueIn}@keyframes cueIn{0%{opacity:0}to{opacity:1}}.played-cue.cue-fade{opacity:0;transition:opacity .5s}.accuracy-ring{width:130px;margin:0 auto var(--space-2);position:relative}.accuracy-ring svg{width:100%;transform:rotate(-90deg)}.ring-track,.ring-fill{fill:none;stroke-width:9px;stroke-linecap:round}.ring-track{stroke:#8b8ff82e}.ring-fill{stroke:url(#ringGrad), var(--accent);stroke-dasharray:264;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.accuracy-ring .overlay-score{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.best-badge{color:var(--warn);vertical-align:middle;margin-left:.5em;font-size:.6em;animation:.5s badgeIn}@keyframes badgeIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.stats strong{font-variant-numeric:tabular-nums}.stat-pop{animation:.25s statPop;display:inline-block}@keyframes statPop{40%{transform:scale(1.25)}to{transform:scale(1)}}.confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:7px;height:11px;animation:1.1s ease-in forwards confettiFall;position:absolute;top:-8px}@keyframes confettiFall{to{opacity:0;transform:translateY(340px)rotate(340deg)}}.armed-overlay{z-index:50;justify-content:center;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.armed-overlay button{pointer-events:auto;border-radius:var(--radius-l);background:var(--grad);color:#fff;box-shadow:var(--raise);border:none;padding:1.3rem 4.2rem;font-size:2.1rem}.armed-hint{border-radius:var(--radius-s);color:var(--text-muted);background:#1e2038d1;padding:.55rem 1.4rem;font-size:1.25rem}.game-screen{position:relative}.page-flat{background-image:radial-gradient(at 18% 8%,#fffaeb80,#0000 45%),radial-gradient(at 85% 92%,#d7daf059,#0000 50%);box-shadow:inset 0 0 26px #1a1a2e12}.curl-strip{background:#efe9dc;box-shadow:-4px 0 10px #14152a47}.ink-view .score-strip g.vf-stavenote:not(.note-hit):not(.note-wrong):not(.note-miss){opacity:.33;transition:opacity .4s}.timing-spark{height:44px;margin:var(--space-1) 0 1.3rem;justify-content:center;align-items:flex-end;gap:3px;display:flex;position:relative}.spark-bar{border-radius:3px 3px 0 0;width:9px}.spark-bar.early{background:#60a5fa}.spark-bar.late{background:#f59e0b}.spark-label{color:var(--text-muted);font-size:.62rem;position:absolute;bottom:-14px}.piano-key{transition:transform 60ms,filter 60ms}.piano-key:active,.piano-key.active{filter:brightness(.92);transform:translateY(2px)}.piano-key.expected{box-shadow:inset 0 -14px 18px -10px #8b8ff8d9}.piano-key.black.expected{box-shadow:inset 0 -12px 14px -8px #8b8ff8f2}.middle-c-dot{background:#6366f180;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:22px;left:50%}.menu-card{transition:transform .15s,box-shadow .15s}.menu-card:hover:not(:disabled){transform:translateY(-3px)}.screen,.menu-screen{animation:.18s screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.drop-zone{padding:var(--space-3);border-radius:var(--radius-m);cursor:pointer;border:2px dashed #8b8ff866;flex-direction:column;align-items:center;gap:.3rem;transition:border-color .15s,background .15s;display:flex}.drop-title{font-weight:600}.drop-sub{color:var(--text-muted);font-size:.8rem}.range-bar{width:90px;height:8px;box-shadow:var(--sink-sm);vertical-align:middle;border-radius:4px;display:inline-block;position:relative}.range-bar span{background:var(--grad);border-radius:3px;position:absolute;top:1px;bottom:1px}.night-score .page-flat,.night-score .setup-preview,.night-score .curl-strip{filter:invert(.92)hue-rotate(180deg)}.preset-card{align-items:center;gap:2px;display:inline-flex}.preset-main{border-radius:var(--radius-s);background:var(--bg);box-shadow:var(--raise-sm);border:none;align-items:center;gap:.45em;padding:.3rem .7rem;font-size:.85rem;display:inline-flex}.preset-main:hover{color:var(--accent)}.preset-diff{letter-spacing:.12em;color:var(--accent-2);font-size:.55rem}.section-body .pill{padding:.28rem .6rem;font-size:.82rem}.section-body .pills{gap:.3rem}.setup-screen .midi-hint{margin:.25rem 0 0;font-size:.72rem}.setup-controls{scrollbar-width:thin}.pill,.matrix-head,.matrix-cell,.preset-main,.texture-card,.soft,.ghost{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-s)}.pill:hover,.soft:hover,.texture-card:hover,.preset-main:hover{box-shadow:0 0 0 1px var(--edge-strong);color:var(--text)}.pill.selected,.matrix-head.on,.matrix-cell.on{background:var(--grad);color:#241703;box-shadow:var(--glow);font-weight:600}.pill.selected .prog-concrete{color:#241703bf}.texture-card.selected{background:var(--panel-solid);color:var(--accent);box-shadow:var(--glow)}.pill:disabled{opacity:.45}.setup-section{background:var(--panel);border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:1.05rem}.section-caption{letter-spacing:.02em}.option-row{box-shadow:none;border-radius:var(--radius-s)}.option-row.held{box-shadow:0 0 0 1px #38c8ff8c,0 0 14px #38c8ff40}.mini-label,.preset-label,.diff-label{font-family:var(--font-display);letter-spacing:.14em}.primary{background:var(--grad);color:#241703;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:none;filter:drop-shadow(0 6px 16px #ff8a1e59);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:0;font-weight:700}.primary:hover{filter:drop-shadow(0 6px 22px #ff8a1e8c)}.start-summary{text-transform:none;font-family:var(--font-body);letter-spacing:0;font-weight:500}.hud{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-title{letter-spacing:.12em}.hud-info{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:1rem}.menu-logo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:var(--grad);color:#0000;filter:drop-shadow(0 0 24px #ff8a1e59);-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:700}.menu-eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--accent-2);font-size:.72rem}.menu-card{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-card:hover:not(:disabled){box-shadow:var(--glow);transform:translateY(-4px)scale(1.02)}.menu-card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:1.25rem}.menu-card .menu-card-glyph{color:var(--accent)}.menu-card:hover .menu-card-glyph{color:var(--accent-2)}.midi-hint,.credits{letter-spacing:.04em}.score-container{filter:drop-shadow(0 14px 40px #0000008c)}.score-page,.page-flat{border-radius:var(--radius-s)}.page-flat{box-shadow:inset 0 0 0 1px #1a1a2e1f,inset 0 0 30px #1a1a2e14}.stats>div{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-s)}.stats strong{font-family:var(--font-display);letter-spacing:.04em;font-size:1.5rem}.stats span{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.6rem}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a1499}.overlay-card{background:var(--panel-solid);box-shadow:0 0 0 1px var(--edge-strong), 0 30px 80px #0009;border-radius:var(--radius-l)}.overlay-card h2{letter-spacing:.1em}.armed-overlay button{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:var(--grad);color:#241703;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;box-shadow:none;filter:drop-shadow(0 0 26px #ff8a1e80);border-radius:0;font-weight:700}.armed-hint{background:var(--panel);box-shadow:0 0 0 1px var(--edge)}.count-numeral{color:var(--accent)}.count-tick{background:var(--accent)}.needle.pulse{animation:.28s ease-out needlePulseAmber}@keyframes needlePulseAmber{0%{filter:drop-shadow(0 0 8px #ffb02ef2)}to{filter:drop-shadow(0 0 #ffb02e00)}}.drop-zone{border-color:#ffb02e59}.drop-zone.over{border-color:var(--accent);background:#ffb02e12}.range-bar span,.diff-seg.on{background:var(--grad)}.best-badge{color:var(--accent)}.needle{background:linear-gradient(#ff8a1e,#ffb02e);box-shadow:0 0 12px #ff9b28a6}.beat-dot.active{fill:#ffb02e}.edge-tabs{pointer-events:none;z-index:31;justify-content:space-between;padding:0 .4rem;display:flex;position:fixed;top:3.4rem;left:0;right:0}.edge-tabs .drawer-tab{pointer-events:auto}.drawer-tab{white-space:nowrap;flex-shrink:0}.bar-map-cells{scrollbar-width:thin;flex-wrap:wrap;gap:3px;width:100%;max-height:12rem;padding:2px 0;display:flex;overflow-y:auto}.bar-cell{border:1px solid var(--edge);background:var(--panel);width:2.1rem;height:1.55rem;color:var(--text-muted);font-family:var(--font-display);cursor:pointer;border-radius:5px;flex:none;padding:0;font-size:.72rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.bar-cell:hover:not(:disabled){color:var(--text);box-shadow:0 0 0 1px var(--accent)}.bar-cell.selected{background:var(--grad);color:#1d1405;box-shadow:var(--glow);border-color:#0000}.bar-cell.current{color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2), 0 0 10px #40dcff59}.bar-cell.selected.current{color:#062028}.bar-map-spacer{flex-shrink:0;width:1.6rem}.page-arrow{z-index:20;width:2.6rem;height:4.6rem;color:var(--text);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--edge);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:2.1rem;line-height:1;transition:color .15s,box-shadow .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.page-arrow:hover:not(:disabled){color:var(--accent);box-shadow:var(--glow)}.page-arrow:disabled{opacity:.25;cursor:default}.page-arrow.prev{left:1.3rem}.page-arrow.next{right:1.3rem}.card-close{position:absolute;top:.7rem;right:.7rem}.bar-num{fill:#7c819e;stroke:none;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:600}.beat-rule{stroke:#dfe2ee;stroke-width:1px}.beat-tick{stroke:#c3c8dd;stroke-width:1px}.beat-tick.eighth{stroke:#aeb4cf;stroke-width:1.2px}.key-accid-clue{fill:#e11d2e;stroke:none}.page-pill{padding:.1rem .5rem}.results-actions{margin-top:.9rem}@media (width<=700px){.page-arrow{display:none}}.page-nav-count{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.prac-drawer{border-radius:0 var(--radius-m) var(--radius-m) 0;z-index:30;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--edge);border-radius:var(--radius-m);visibility:hidden;flex-direction:column;gap:.6rem;width:19rem;max-height:none;padding:.8rem;transition:transform .25s,visibility 0s linear .25s;display:flex;position:fixed;top:3.2rem;bottom:.5rem;left:0;overflow-y:auto;transform:translate(calc(-100% - 8rem));box-shadow:0 18px 50px #00000080}.prac-drawer.open{visibility:visible;transition:transform .25s;transform:translate(0)}.bars-drawer{border-radius:var(--radius-m) 0 0 var(--radius-m);left:auto;right:0;transform:translate(calc(100% + 8rem))}.bars-drawer.open{transform:translate(0)}.prac-drawer.during-run .prac-group:not(.live-ok){opacity:.4;pointer-events:none}.prac-drawer-head{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.track-gain{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.mixer-panel{flex-direction:column;gap:.35rem;width:100%;display:flex}.mix-row{align-items:center;gap:.45rem;display:flex}.mix-mute{text-align:center;flex-shrink:0;width:4.2rem}.mix-global-label{width:4.2rem;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:.68rem;font-weight:700}.mix-val{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;width:2.4em;font-size:.7rem}.mixer-panel input[type=range]{appearance:none;background:var(--panel);border:1px solid var(--edge);border-radius:999px;outline:none;min-width:0;height:5px}.mixer-panel .mix-vol{flex:1.6}.mixer-panel .mix-pan{flex:1}.mixer-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--grad);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:13px;height:13px}.mixer-panel .mix-pan::-webkit-slider-thumb{background:var(--accent-2)}.mixer-panel input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:13px;height:13px}.mixer-panel .mix-pan::-moz-range-thumb{background:var(--accent-2)}.sound-drawer .track-gain{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.track-gain input[type=range]{appearance:none;background:var(--panel);border:1px solid var(--edge);border-radius:999px;outline:none;flex:1;min-width:0;height:4px}.track-gain input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--grad);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:12px;height:12px}.track-gain input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:12px;height:12px}.track-gain-val{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;width:2.6em;font-size:.68rem}.meter-row{align-items:center;margin-top:.4rem}.meter-row .prac-label{margin-right:.3rem}.mixer-panel{margin:.6rem 0}.prac-tempo-row{align-items:center;gap:.55rem;width:100%;display:flex}.prac-tempo-row input[type=range]{appearance:none;background:var(--panel);border:1px solid var(--edge);border-radius:999px;outline:none;flex:1;min-width:0;height:5px}.prac-tempo-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--grad);border:1px solid var(--edge);width:15px;height:15px;box-shadow:var(--glow);cursor:pointer;border-radius:50%}.prac-tempo-row input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid var(--edge);width:15px;height:15px;box-shadow:var(--glow);cursor:pointer;border-radius:50%}.prac-tempo-val{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;min-width:2.8em;font-size:.85rem;font-weight:700}.prac-group{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-s);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.45rem .55rem;display:flex}.prac-group .prac-label{width:100%;margin-right:0}.prac-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-right:.2rem;font-size:.62rem}.prac-range{color:var(--text-muted);font-size:.78rem}.prac-drawer .pill{padding:.22rem .55rem;font-size:.78rem}.bar-underline{fill:#ff9b28;opacity:.85}.bar-veil{fill:#f7f6f0;opacity:.62}.note-name-clue{font-family:var(--font-display);letter-spacing:0;fill:#fff;stroke:none;font-size:10px;font-weight:700}.note-name-clue .clue-oct{font-size:7px}.note-name-clue.hollow{fill:#1a1a2e}.note-name-clue.altered{fill:var(--accent)}.note-name-clue.hollow.altered{fill:#a35c00}.quiz-screen .exercise{flex:1;justify-content:center;gap:.5rem;min-height:0}.quiz-screen .staff{max-width:430px}.library-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.6rem 1rem 1.2rem;display:flex}.library-empty .empty-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.library-empty .empty-sub{max-width:380px;margin:0;font-size:.85rem;line-height:1.45}.drop-icon{color:var(--accent);margin-bottom:.2rem}.crash-screen{background:var(--bg);z-index:999;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.crash-card{background:var(--panel);max-width:440px;box-shadow:0 0 0 1px var(--edge), 0 18px 50px #00000080;border-radius:var(--radius-l);flex-direction:column;gap:.9rem;padding:1.6rem 1.8rem;display:flex}.crash-card h1{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1.4rem}.crash-card p{color:var(--text-muted);margin:0;line-height:1.5}.crash-card pre{border-radius:var(--radius-s);background:#0000004d;max-height:30vh;padding:.6rem;font-size:11px;overflow:auto}.crash-card details summary{color:var(--text-muted);cursor:pointer;font-size:.85rem}.update-toast{background:var(--panel);box-shadow:0 0 0 1px var(--edge), 0 10px 30px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;border-radius:999px;align-items:center;gap:.7rem;padding:.55rem .7rem .55rem 1rem;font-size:.9rem;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.welcome-panel{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-l);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.welcome-title{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-size:.85rem;font-weight:700}.welcome-midi{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.84rem;display:inline-flex}.welcome-dot{background:#8a8fa8;border-radius:50%;width:8px;height:8px}.welcome-midi.ready .welcome-dot{background:#22c55e;box-shadow:0 0 6px #22c55ecc}.welcome-midi.ready{color:var(--text)}.welcome-dismiss{opacity:.7}.progress-screen .progress-body{flex-direction:column;flex:1;gap:.8rem;min-height:0;padding-bottom:.5rem;display:flex;overflow-y:auto}.progress-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.progress-empty .empty-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.progress-empty .empty-sub{max-width:380px;margin:0;line-height:1.5}.progress-section{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-l);padding:.8rem 1rem}.progress-section h3{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem;font-weight:700}.progress-chart{width:100%;height:auto}.chart-grid{stroke:#8a8fa840;stroke-width:1px}.chart-zero{stroke:#8a8fa880;stroke-width:1px;stroke-dasharray:4 4}.chart-label{fill:var(--text-muted);font-size:9px}.chart-line{fill:none;stroke:#ffb02e80;stroke-width:1.6px}.chart-legend{flex-wrap:wrap;gap:1rem;margin-top:.3rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.progress-table{border-collapse:collapse;width:100%;font-size:.88rem}.progress-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.3rem .6rem;font-size:.72rem}.progress-table td{border-top:1px solid var(--edge);padding:.4rem .6rem}.progress-link{align-self:center}.credits-link{color:var(--accent-2);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.credits-card{text-align:left;max-width:480px}.credits-card h3{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .6rem}.credits-list{color:var(--text-muted);flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.45;display:flex}.credits-list a{color:var(--accent-2)}.credits-note{color:var(--text-muted);opacity:.85;font-size:.82rem}.levels-screen .level-ladder{flex-direction:column;flex:1;gap:.55rem;width:min(620px,100%);min-height:0;margin:0 auto;padding:.2rem 0 1rem;list-style:none;display:flex;overflow-y:auto}.level-card{text-align:left;background:var(--panel);width:100%;box-shadow:0 0 0 1px var(--edge);border-radius:var(--radius-l);color:var(--text);border:none;align-items:center;gap:.9rem;padding:.75rem 1rem;display:flex}.level-card:not(.locked):hover{box-shadow:0 0 0 1px var(--accent)}.level-card.locked{opacity:.45;cursor:default}.level-card.done{box-shadow:0 0 0 1px #22c55e80}.level-badge{background:var(--bg);width:34px;height:34px;box-shadow:0 0 0 1px var(--edge);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.level-badge.done{color:#22c55e;background:#22c55e2e;box-shadow:0 0 0 1px #22c55e99}.level-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.level-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.02rem;font-weight:700}.level-caption{color:var(--text-muted);font-size:.84rem}.level-state{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.84rem}.level-card.done .level-state{color:#22c55e;font-weight:600}.starter-by{color:var(--text-muted);font-size:.75rem}.account-corner{align-items:center;min-height:40px;display:flex;position:absolute;top:1rem;right:1.2rem}.menu-screen{position:relative}.account-chip{background:var(--panel);box-shadow:0 0 0 1px var(--edge);border-radius:999px;align-items:center;gap:.7rem;padding:.4rem .5rem .4rem .9rem;font-size:.85rem;display:inline-flex}.account-signout{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.78rem;text-decoration:underline}.account-signout:hover{color:var(--text)}.subscribe-panel{background:var(--panel);box-shadow:0 0 0 1px var(--accent);border-radius:var(--radius-l);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;padding:.7rem 1rem;display:flex}.plan-btn{padding:.45rem 1rem;font-weight:600}.plan-btn.best{background:var(--grad);color:#1a1200;box-shadow:0 4px 18px #ff8a1e66}.subscribe-note{text-align:center;width:100%;color:var(--text-muted);font-size:.78rem}.glyph path:not([fill]){fill:currentColor}.glyph .vf-stem path{stroke:currentColor}.studio{flex-direction:column;flex:1;grid-column:1/-1;gap:.6rem;min-height:0;display:flex}.studio-top{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.studio-meta{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-right:auto;font-size:.9rem;font-weight:700}.piano-roll{border-radius:var(--radius-m);min-height:220px;box-shadow:inset 0 0 0 1px var(--edge);background:#00000047;flex:1;position:relative;overflow:hidden}.split-tag{letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.75;pointer-events:none;font-size:.7rem;position:absolute;right:8px;transform:translateY(-120%)}.studio-main{flex:1;gap:.6rem;min-height:0;display:flex}.track-rail{flex-direction:column;flex:none;gap:.5rem;width:248px;padding-right:.15rem;display:flex;overflow-y:auto}.track-card{background:var(--panel);border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--edge);flex:none;padding:.6rem .75rem}.track-card.silent{opacity:.55}.track-card:hover{box-shadow:0 0 0 1px var(--accent)}.track-head{align-items:center;gap:.5rem;display:flex}.role-dot{border-radius:50%;flex:none;width:10px;height:10px}.track-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.9rem;font-weight:600;overflow:hidden}.ms-group{gap:.25rem;margin-left:auto;display:inline-flex}.ms-btn{width:22px;height:22px;box-shadow:0 0 0 1px var(--edge);color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:5px;font-size:.7rem;font-weight:700}.ms-btn.on-m{color:#fff;box-shadow:none;background:#b91c1c}.ms-btn.on-s{background:var(--accent);color:#1a1200;box-shadow:none}.ms-btn:disabled{opacity:.3;cursor:default}.track-stats{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:.25rem 0 .45rem;font-size:.72rem;overflow:hidden}.role-chips{gap:.3rem;display:flex}.role-chip{box-shadow:0 0 0 1px var(--edge);color:var(--text-muted);background:#ffffff0d;border:none;border-radius:999px;padding:.22rem .55rem;font-size:.74rem}.role-chip.selected{background:var(--accent);color:#1a1200;box-shadow:none;font-weight:700}.studio-foot{flex:none}*{scrollbar-width:thin;scrollbar-color:#9aa0bd59 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9aa0bd47 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9aa0bd8c padding-box padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}.jam-setup{flex-direction:column;flex:1;gap:1rem;width:min(760px,100%);min-height:0;margin:0 auto;display:flex;overflow-y:auto}.jam-style-cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem;display:grid}.jam-style-card{text-align:left;background:var(--panel);border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--edge);color:var(--text);border:none;flex-direction:column;gap:.2rem;padding:.7rem .8rem;display:flex}.jam-style-card.selected{box-shadow:0 0 0 1.5px var(--accent);background:#ffb02e14}.jam-style-name{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.jam-style-caption{color:var(--text-muted);font-size:.78rem}.jam-style-tempo{color:var(--text-muted);font-size:.72rem}.jam-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;min-height:0;display:flex}.jam-chord{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(2.6rem,8vw,5rem);font-weight:700;transition:color .4s}.jam-chord.intensity-1{color:var(--accent)}.jam-chord.intensity-2{color:var(--accent-2)}.jam-substats{color:var(--text-muted);gap:.6rem;font-size:.95rem;display:flex}.jam-meters{flex-wrap:wrap;justify-content:center;gap:1.6rem;display:flex}.jam-meter{align-items:center;gap:.5rem;display:flex}.jam-meter-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.jam-meter-bar{background:#ffffff14;border-radius:999px;width:140px;height:8px;overflow:hidden}.jam-meter-bar>div{background:var(--grad);border-radius:999px;height:100%;transition:width .4s}.jam-meter-val{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:left;width:2.6em;font-size:.85rem}.jam-hint{max-width:46ch;color:var(--text-muted);font-size:.9rem;line-height:1.5}.jam-tempo-row{align-items:center;gap:.75rem;display:flex}.jam-tempo-row input[type=range]{appearance:none;background:var(--panel);border:1px solid var(--edge);border-radius:999px;outline:none;flex:1;max-width:320px;height:6px}.jam-tempo-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--grad);border:1px solid var(--edge);width:18px;height:18px;box-shadow:var(--glow);cursor:pointer;border-radius:50%}.jam-tempo-row input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid var(--edge);width:18px;height:18px;box-shadow:var(--glow);cursor:pointer;border-radius:50%}.jam-tempo-val{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;min-width:3.4em;font-size:1rem;font-weight:700}.jam-band-slots{flex-direction:column;gap:.55rem;display:flex}.jam-slot{flex-direction:column;gap:.3rem;display:flex}.jam-slot-name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.tone-circle{width:min(340px,62vw);height:auto}.tc-ring{fill:none;stroke:#9aa0bd2e;stroke-width:1.5px}.tc-node circle{fill:#ffffff0d;stroke:#9aa0bd40;stroke-width:1px;transition:all .35s}.tc-node text{font-family:var(--font-display);fill:var(--text-muted);font-size:12px;font-weight:700;transition:fill .35s}.tc-node.scale circle{stroke:#ffb02e73;fill:#ffb02e0f}.tc-node.scale text{fill:var(--text)}.tc-node.chord circle{fill:#38c8ff38;stroke:var(--accent-2);stroke-width:1.6px}.tc-node.chord text{fill:#d9f3ff}.tc-node.tonic circle{fill:#ffb02e47;stroke:var(--accent);stroke-width:2px;filter:drop-shadow(0 0 8px #ffb02e80)}.tc-node.tonic text{fill:#ffe1ad}.tc-center .tc-chord{font-family:var(--font-display);fill:var(--text);letter-spacing:.02em;font-size:52px;font-weight:700}.tc-center.intensity-1 .tc-chord{fill:var(--accent)}.tc-center.intensity-2 .tc-chord{fill:var(--accent-2)}.tc-center .tc-roman{font-family:var(--font-display);letter-spacing:.08em;fill:var(--text-muted);font-size:15px;font-weight:700}.tc-center{transform-origin:160px 160px;animation:.5s ease-out tc-pulse}@keyframes tc-pulse{0%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tc-center{animation:none}}.key-octave{width:210px;height:auto}.ko-white{fill:#ffffff1a;stroke:#9aa0bd4d;stroke-width:1px;transition:fill .35s}.ko-white.scale{fill:#ffb02e47}.ko-white.chord{fill:#38c8ff73}.ko-white.tonic{fill:#ffb02ebf}.ko-black{fill:#14172b;stroke:#9aa0bd59;stroke-width:1px;transition:fill .35s}.ko-black.scale{fill:#ffb02e73}.ko-black.chord{fill:#38c8ff99}.ko-black.tonic{fill:#ffb02ed9}.ko-x{stroke:#9aa0bda6;stroke-width:1.6px;stroke-linecap:round;fill:none}.jam-section{letter-spacing:.06em;text-transform:uppercase;font-size:.85em;font-weight:700}.jam-section.s-build{color:var(--accent)}.jam-section.s-peak{color:var(--accent-2)}.jam-section.s-break{color:#a78bfa}@media (width<=700px),(height<=720px){.menu-screen{justify-content:flex-start;padding-top:.6rem;overflow-y:auto}}.hud-info{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=520px){.stats{grid-template-columns:1fr 1fr;justify-items:stretch;gap:.4rem;display:grid}.setup-preview{height:110px;min-height:110px}.tone-circle{max-width:250px}}@media (pointer:coarse){.bar-cell{min-width:1.9rem;height:2.1rem}.prac-drawer .pill,.page-pill{padding:.42rem .7rem}.drawer-tab{padding:.42rem .8rem}}@media (width<=700px){.account-corner{justify-content:center;margin:0 0 .2rem;display:flex;position:static}}@media (width<=760px){.studio-main{flex-direction:column}.track-rail{width:auto;max-height:34vh;overflow-y:auto}}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.track-card.flash{animation:.9s cardFlash}@keyframes cardFlash{0%,40%{box-shadow:0 0 0 2px var(--accent), var(--glow)}to{box-shadow:none}}.role-chip{padding:.32rem .6rem;font-size:.8rem}.role-chips{flex-wrap:wrap}.studio-top{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-s);position:sticky;top:0}.backup-row{gap:.4rem;margin-right:.8rem;display:inline-flex}.backup-row .pill{padding:.2rem .55rem;font-size:.72rem}.path-hint{text-align:center;max-width:56ch;color:var(--text-muted);margin:0 auto .4rem;font-size:.88rem}.level-card.current{box-shadow:0 0 0 2px var(--accent), var(--glow)}.mini-import{flex-direction:column;gap:.3rem;width:100%;margin-bottom:.3rem;display:flex}.mini-track,.mini-split{align-items:center;gap:.4rem;display:flex}.mini-track-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:.76rem;overflow:hidden}.mini-roles{gap:2px;display:inline-flex}.mini-role{border:1px solid var(--edge);background:var(--panel);width:1.55rem;height:1.45rem;color:var(--text-muted);cursor:pointer;border-radius:5px;font-size:.72rem;font-weight:700}.mini-role.selected{background:var(--grad);color:#1d1405;border-color:#0000}.mini-split input[type=range]{appearance:none;background:var(--panel);border:1px solid var(--edge);border-radius:999px;outline:none;flex:1;min-width:0;height:5px}.mini-split input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-2);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:13px;height:13px}.mini-split input[type=range]::-moz-range-thumb{background:var(--accent-2);border:1px solid var(--edge);cursor:pointer;border-radius:50%;width:13px;height:13px}.section-row{align-items:center;gap:.4rem;width:100%;display:flex}.score-pages .count-overlay{display:none!important}.count-banner{pointer-events:none;z-index:60;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:fixed;inset:0}.bar-cell.empty{opacity:.4;color:var(--text-muted);border-style:dashed}.bar-cell.empty.selected{opacity:.75}.studio-pickup-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-self:center;font-size:.68rem;font-weight:700}.print-sheet{display:none}@media print{body.print-score-mode{background:#fff;height:auto!important;overflow:visible!important}html:has(body.print-score-mode){background:#fff;height:auto!important;overflow:visible!important}body.print-score-mode #root{display:none!important}body.print-score-mode .print-sheet{display:block}.print-header{text-align:center;color:#000;margin:0 0 5mm;font-family:Georgia,Times New Roman,serif}.print-brand{letter-spacing:.14em;text-transform:uppercase;color:#555;justify-content:space-between;margin-bottom:5mm;font:600 9pt Barlow Condensed,sans-serif;display:flex}.print-title{margin:0 0 2mm;font-size:20pt;font-weight:600}.print-meta{margin-bottom:1.5mm;font-size:11.5pt}.print-source{color:#444;font-size:8.5pt;font-style:italic}.print-page{break-inside:avoid;page-break-inside:avoid;background:#fff;margin:0 0 5mm}.print-page svg{width:100%;height:auto}.print-page .beat-rule{stroke:#b9bdcc}.print-page .beat-tick{stroke:#9aa0b8}.print-page .beat-dot{fill:#8d93ad}.print-page .beat-dot.downbeat{fill:#5d6480}.print-footer{text-align:center;color:#444;margin-top:4mm;font:italic 8.5pt Georgia,Times New Roman,serif}}.score-busy{z-index:400;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.busy-ring{border:3px solid #ffb02e38;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite busy-spin}.busy-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:#aab0c8;font-size:.95rem}@keyframes busy-spin{to{transform:rotate(360deg)}}.matrix-cell.clash{opacity:.25;cursor:not-allowed}button.primary:disabled{filter:grayscale(.9);opacity:.45;cursor:not-allowed;box-shadow:none}.bar-cell.fold-flash{animation:.8s ease-out fold-flash}@keyframes fold-flash{0%{box-shadow:0 0 0 3px var(--accent), 0 0 18px #ffb02ecc}to{box-shadow:0 0 #ffb02e00}}.fold-sign-cue{pointer-events:none;animation:.4s ease-in-out infinite alternate foldSignPulse}@keyframes foldSignPulse{0%{opacity:.3}to{opacity:1}}.fold-cue-veil{pointer-events:none;animation:.3s ease-out foldVeilIn}@keyframes foldVeilIn{0%{opacity:0}to{opacity:1}}.needle.fold-land{animation:.6s ease-out needleFoldLand!important}@keyframes needleFoldLand{0%{filter:drop-shadow(0 0 18px #ffb02e)drop-shadow(0 0 5px #ffb02ee6)}to{filter:drop-shadow(0 0 #ffb02e00)}}.landing-window-frame{pointer-events:none;border:1px solid #ffb02e8c;border-radius:6px;position:absolute;box-shadow:0 8px 26px #0a0a1866}.inst-overlay{z-index:4000;background:#080914b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inst-card{background:var(--panel,#171a2e);border:1px solid var(--edge,#ffffff1f);border-radius:14px;flex-direction:column;width:min(680px,92vw);max-height:82vh;display:flex;box-shadow:0 24px 60px #00000080}.inst-head{border-bottom:1px solid var(--edge,#ffffff1a);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.inst-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:.95rem}.inst-scroll{padding:10px 16px 16px;overflow-y:auto}.inst-family{margin-top:10px}.inst-family-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:#9aa0b8;margin-bottom:6px;font-size:.75rem;display:block}.inst-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:6px;display:grid}.inst-choice{text-align:left;border:1px solid var(--edge,#ffffff1a);color:inherit;cursor:pointer;background:#ffffff08;border-radius:8px;padding:6px 8px;font-size:.82rem}.inst-choice:hover{border-color:var(--accent)}.inst-choice.selected{background:var(--accent);color:#1a1204;border-color:var(--accent);font-weight:600}.mini-inst,.track-inst{color:var(--accent-2,#59d3e8);cursor:pointer;text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:150px;padding:0 2px;font-size:.78rem;-webkit-text-decoration:underline dotted #59d3e880;text-decoration:underline dotted #59d3e880;overflow:hidden}.mini-inst:hover,.track-inst:hover{color:var(--accent)}.bar-cell.heat-hi{background:#22c55e38;border-color:#22c55e80}.bar-cell.heat-mid{background:#ffb02e38;border-color:#ffb02e8c}.bar-cell.heat-lo{background:#ef444442;border-color:#ef444499}.page-stack{pointer-events:none;z-index:0;border-radius:4px;position:absolute;inset:0}.curl-shadow{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#14100638);width:30px;position:absolute;top:0;bottom:0}.mini-track-id{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.mini-track-id .mini-inst{text-align:left;max-width:100%}.hud-counters{align-items:center;gap:.9rem;margin:0 .9rem;display:flex}.hstat{flex-direction:column;align-items:center;min-width:2.6rem;line-height:1;display:flex}.hstat b{font-family:var(--font-display);letter-spacing:.02em;font-size:1.25rem;font-weight:700}.hstat i{font-style:normal;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:#8a90aa;margin-top:2px;font-size:.58rem}.hs-hit b{color:#2fd575;text-shadow:0 0 12px #2fd5758c}.hs-miss b{color:#ff5d5d;text-shadow:0 0 12px #ff5d5d80}.hs-wrong b{color:var(--accent);text-shadow:0 0 12px #ffb02e80}.hs-extra b{color:var(--accent-2,#59d3e8);text-shadow:0 0 12px #59d3e880}.hstat-pop{animation:.32s cubic-bezier(.2,1.6,.4,1) hstatPop;display:inline-block}@keyframes hstatPop{0%{filter:brightness(1.8);transform:scale(1.6)}to{filter:brightness();transform:scale(1)}}@media (width<=900px){.hud-counters{display:none}}.curl-back{pointer-events:none;background:linear-gradient(90deg,#cfc9b9 0%,#e6e0d1 22%,#f8f3e6 45%,#efe9dc 62%,#d3cdbd 86%,#bfb9a9 100%);border-radius:6px;position:absolute;top:0;bottom:0;box-shadow:inset -2px 0 3px #3c321e59,inset 2px 0 3px #ffffff80}.night-score .curl-back{filter:invert(.92)hue-rotate(180deg)}.landing-window{pointer-events:none;background:var(--paper);z-index:60;position:absolute;inset:0}.landing-window-frame{z-index:61}.prog-screen{overflow:hidden}.prog-scroll{flex:1;width:100%;max-width:980px;margin:0 auto;padding:0 1.2rem 2rem;overflow-y:auto}.prog-hero{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:14px;margin:1rem 0 1.6rem;padding:1.6rem 1.8rem;position:relative;overflow:hidden}.prog-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffb02e24,#0000 55%);position:absolute;inset:-40%}.prog-next-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem;font-family:Barlow Condensed,sans-serif;font-size:.85rem;display:inline-block}.prog-hero h3{letter-spacing:.03em;text-transform:uppercase;margin:0 0 .5rem;font-family:Barlow Condensed,sans-serif;font-size:1.9rem}.prog-caption{color:var(--muted,#9aa3b2);margin:0 0 .9rem}.prog-hero .start-btn{padding:.7rem 2.2rem;font-size:1.05rem}.prog-best{color:var(--muted,#9aa3b2);margin:.7rem 0 0;font-size:.85rem}.prog-timeline{grid-template-columns:1fr;gap:.55rem;display:grid}@media (width>=980px){.prog-timeline{grid-template-columns:1fr 1fr}.prog-unit.current,.prog-unit:not(.collapsed){grid-column:1/-1}}.prog-unit{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:.4rem 1rem}.prog-unit.current{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:var(--glow);padding-bottom:1rem}.prog-unit.locked{opacity:.45;filter:saturate(.4)}.prog-unit-head{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.8rem;padding:.25rem 0;display:flex}.prog-unit-head:disabled{cursor:default}.prog-unit-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);flex:1;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.05rem}.prog-unit.current .prog-unit-name{color:var(--accent)}.prog-unit-meter{background:#ffffff1a;border-radius:2px;flex:none;width:84px;height:4px;overflow:hidden}.prog-unit-meter i{background:var(--grad,var(--accent));border-radius:2px;height:100%;display:block}.prog-unit-check{color:var(--accent-2);font-weight:700}.prog-unit-lock{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.prog-unit-caret{color:var(--muted);font-size:.8rem}.prog-unit:not(.collapsed) .prog-steps{margin-top:.55rem;animation:.22s prog-steps-in}@keyframes prog-steps-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.reachmap{flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.9rem;display:flex}.reachmap svg{width:min(560px,92%);height:30px}.reachmap-key{fill:#ffffff17}.reachmap-key.black{fill:#ffffff0b}.reachmap-key.lit{fill:color-mix(in srgb, var(--accent) 72%, transparent)}.reachmap-key.black.lit{fill:color-mix(in srgb, var(--accent) 40%, #000 20%)}.reachmap-key.c4.lit,.reachmap-key.c4{fill:var(--accent-2)}.verdict-stars{justify-content:center;gap:.55rem;margin:.2rem 0 .1rem;font-size:2rem;display:flex}.verdict-star{color:#ffffff29}.verdict-star.earned{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 70%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) both star-burst}@keyframes star-burst{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}to{transform:scale(1)}}.venue-clear{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);letter-spacing:.12em;text-transform:uppercase;width:fit-content;color:var(--accent);border-radius:10px;margin:.4rem auto .1rem;padding:.4rem 1.2rem;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;position:relative;overflow:hidden}.venue-clear-tag{letter-spacing:.22em;color:var(--muted);font-size:.68rem;display:block}.venue-clear:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff38 50%,#0000 70%);animation:1.4s .5s 2 venue-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes venue-shine{to{transform:translate(100%)}}.gen-error-card{text-align:center;max-width:460px}.setup-preview-wait{min-height:120px;color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.lg-keypaint{background:var(--paper,#f7f5ef);border-radius:12px;justify-content:center;padding:.7rem .8rem;display:flex}.lg-keypaint svg{width:min(420px,100%)}.kp-line{stroke:#333;stroke-width:1px}.kp-glyph{fill:#222;font-family:Bravura,Academico,serif;font-size:34px}.kp-sharp{fill:var(--accent)}.kp-paint{stroke:color-mix(in srgb, var(--accent) 80%, transparent);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:236;animation:3.2s ease-in-out infinite kp-sweep}@keyframes kp-sweep{0%{stroke-dashoffset:236px}55%,to{stroke-dashoffset:0}}.kp-note{fill:#222}.kp-label{fill:#7a6c49;font-family:inherit;font-size:11px}.lg-walker{fill:var(--accent);opacity:.9;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 80%, transparent))}.reachmap-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:.78rem}.prog-steps{flex-wrap:wrap;gap:.55rem;display:flex}.prog-step{border:1px solid var(--edge);color:inherit;font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .85rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.prog-step .prog-step-skill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.92rem}.prog-step.done{color:#bfe9f5;border-color:#3adcff59}.prog-step.done:hover{transform:translateY(-1px);box-shadow:0 2px 12px #3adcff2e}.prog-step-check{color:var(--accent-2);font-weight:700}.prog-step.current{border-color:var(--accent);box-shadow:var(--glow,0 0 18px #ffb02e59);background:linear-gradient(#ffb02e38,#ffb02e14);animation:2.2s ease-in-out infinite prog-pulse}@keyframes prog-pulse{0%,to{box-shadow:0 0 10px #ffb02e40}50%{box-shadow:0 0 22px #ffb02e80}}.prog-step.locked{cursor:default;opacity:.55}.prog-step-icon{font-size:.95em}.prog-teacher-note{text-align:center;max-width:640px;color:var(--muted,#9aa3b2);margin:1.6rem auto 0;font-size:.85rem;font-style:italic}.prog-unlocked{z-index:90;border:1px solid var(--accent);pointer-events:none;background:linear-gradient(#1e1a10f5,#18140cf5);border-radius:12px;flex-direction:column;align-items:center;padding:.7rem 1.8rem;animation:.45s cubic-bezier(.2,1.4,.4,1) prog-unlock-in;display:flex;position:fixed;top:4.2rem;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffb02e73}@keyframes prog-unlock-in{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.prog-unlocked-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:.75rem}.prog-unlocked-name{letter-spacing:.06em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.3rem}.lesson-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cb8;justify-content:center;align-items:center;padding:1rem;animation:.25s lesson-fade;display:flex;position:fixed;inset:0}@keyframes lesson-fade{0%{opacity:0}to{opacity:1}}.lesson-card{background:var(--panel-solid,#141824);border:1px solid var(--edge);border-radius:16px;flex-direction:column;width:min(680px,96vw);max-height:94dvh;padding:1.1rem 1.4rem 1.3rem;animation:.35s cubic-bezier(.2,1.3,.4,1) lesson-card-in;display:flex;box-shadow:0 18px 60px #0000008c,0 0 40px #ffb02e14}@keyframes lesson-card-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lesson-card.wrong-flash{animation:.35s cubic-bezier(.2,1.3,.4,1) lesson-card-in,.35s lesson-wrong}@keyframes lesson-wrong{0%,to{transform:translate(0)}25%{transform:translate(-7px)}60%{transform:translate(6px)}}.lesson-head{align-items:baseline;gap:.8rem;margin-bottom:.6rem;display:flex}.lesson-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap;border:1px solid #ffb02e66;border-radius:999px;padding:.15rem .6rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem}.lesson-title{letter-spacing:.04em;text-transform:uppercase;flex:1;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.5rem}.lesson-close{padding:.2rem .6rem}.lesson-graphic{justify-content:center;min-height:120px;padding:.6rem 0;display:flex}.lesson-body{min-height:4.6em;overflow-y:auto}.lesson-graphic,.lesson-head,.lesson-keys,.lesson-actions{flex-shrink:0}.lesson-body p{margin:.55rem 0;font-size:1.18rem;line-height:1.55}.lesson-keys{margin-top:.8rem}.lesson-keys .piano{height:110px;margin-top:.4rem}.lesson-actions{justify-content:flex-end;margin-top:1rem;display:flex}.lg-keyboard{justify-content:center;width:100%;display:flex}.lg-white{fill:#f4f1ea;stroke:#b9b2a4;stroke-width:1px}.lg-black{fill:#1c202b;stroke:#000;stroke-width:1px}.lg-target{animation:1.4s ease-in-out infinite lg-target-pulse}@keyframes lg-target-pulse{0%,to{fill:#ffd489}50%{fill:var(--accent,#ffb02e)}}rect.lg-black.lg-target{animation-name:lg-target-pulse-dark}@keyframes lg-target-pulse-dark{0%,to{fill:#7a5514}50%{fill:#b07914}}.lg-callout{letter-spacing:.06em;text-transform:uppercase;fill:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:15px}.lg-callout-arrow{stroke:var(--accent);stroke-width:2px;fill:none;marker-end:none}.lg-keylabel{fill:#4a3a12;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.lg-clabel{fill:#a29a89;font-size:11px}.lg-pip{fill:#ffffff1f;stroke:var(--edge,#333);transition:fill .2s}.lg-pip.on{fill:var(--accent-2,#3adcff);filter:drop-shadow(0 0 5px #3adcffb3)}.lg-figure{flex-direction:column;align-items:center;gap:.5rem;display:flex}.lg-figure-glyph{font-size:4.6rem;line-height:1.1}.lg-beat-row{gap:.9rem;display:flex}.lg-beat-dot{border:1px solid var(--edge);background:#ffffff1a;border-radius:50%;width:14px;height:14px}.lg-beat-dot.lit{background:var(--accent);animation:2s ease-in-out infinite lg-dot-beat}@keyframes lg-dot-beat{0%,to{transform:scale(1);box-shadow:0 0 4px #ffb02e66}12%{transform:scale(1.45);box-shadow:0 0 14px #ffb02ecc}30%{transform:scale(1)}}.lg-count{letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#9aa3b2);font-family:Barlow Condensed,sans-serif;font-size:.95rem}.lg-miniscore{background:var(--paper);border-radius:10px;width:100%;max-width:560px;height:190px;overflow:hidden}.lg-miniscore.tall{height:260px}.lg-miniscore .score-container{width:100%;height:100%;padding:.4rem}.lg-welcome{justify-content:center;align-items:center;width:160px;height:130px;display:flex;position:relative}.lg-welcome-glyph{color:var(--accent);text-shadow:0 0 30px #ffb02e8c;font-size:5.4rem;animation:3.2s ease-in-out infinite lg-welcome-float}@keyframes lg-welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lg-welcome-spark{color:var(--accent-2);font-size:1.3rem;animation:2.1s ease-in-out infinite lg-spark;position:absolute;top:8px;right:18px}@keyframes lg-spark{0%,to{opacity:.25;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(25deg)}}.lg-octaves{flex-direction:column;align-items:center;gap:.8rem;width:100%;display:flex}.lg-octaves .lg-miniscore{height:150px}.level-verdict{letter-spacing:.08em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1rem!important}.level-verdict.passed{color:var(--accent);text-shadow:0 0 14px #ffb02e66}.prog-reset-row{justify-content:center;margin:1.4rem 0 .6rem;display:flex}.prog-reset{letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#9aa3b2);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem 1.1rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;transition:color .15s,border-color .15s,box-shadow .15s}.prog-reset:hover{color:#ff6b6b;border-color:#ff6b6b80}.prog-reset.armed{color:#ff6b6b;border-color:#ff6b6b;animation:.9s ease-in-out infinite prog-reset-blink;box-shadow:0 0 14px #ff6b6b59}@keyframes prog-reset-blink{0%,to{opacity:1}50%{opacity:.6}}.lesson-hint{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#ff6b6b;flex-shrink:0;margin:.1rem 0 .3rem;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;animation:.25s lesson-hint-in}.lesson-hint.idle{visibility:hidden;animation:none}@keyframes lesson-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.big-note-pop{z-index:55;color:#ffb02e47;text-shadow:0 0 40px #ffb02e40;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,sans-serif;font-size:clamp(7rem,24vw,15rem);font-weight:700;line-height:1;animation:1.6s ease-out forwards big-note-pop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes big-note-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}30%{transform:translate(-50%,-50%)scale(1)}70%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.lesson-hold-hint{color:var(--text,#dfe3f0);align-items:center;gap:.5rem;margin-right:auto;font-size:1.15rem;display:inline-flex}.hold-ring{width:26px;height:26px;display:inline-block}.hold-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hold-ring-track{fill:none;stroke:var(--edge,#333);stroke-width:4px}.hold-ring-fill{fill:none;stroke:var(--accent,#ffb02e);stroke-width:4px;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:94.25px;filter:drop-shadow(0 0 4px #ffb02e99);animation:.9s linear forwards hold-ring-fill}@keyframes hold-ring-fill{to{stroke-dashoffset:0}}.overlay-detail.hold-note{opacity:.85;margin:.1rem 0 .4rem;font-size:.9rem}.overlay-actions button .hold-ring{vertical-align:middle;width:24px;height:24px;margin-left:.4rem}.overlay-actions button.primary .hold-ring-track{stroke:#2417034d}.overlay-actions button.primary .hold-ring-fill{stroke:#241703;filter:none}.overlay-actions kbd.keycap{opacity:1;min-width:1.7em;height:1.7em;margin-left:.55em;font-size:1.15em}.prog-stars{gap:2px;margin-left:.35rem;display:inline-flex}.prog-star{color:#9aa3b259;font-size:.8rem;line-height:1}.prog-star.s1,.prog-star.s2,.prog-star.s3{color:var(--accent)}.prog-star.s2{text-shadow:0 0 6px #ffb02e8c}.prog-star.s3{text-shadow:0 0 10px #ffb02ee6}.prog-picker{background:var(--panel-solid,#141824);border:1px solid var(--edge);border-radius:14px;width:min(420px,92vw);padding:1rem 1.2rem 1.1rem;box-shadow:0 18px 60px #0000008c}.prog-picker h4{text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem;font-family:Barlow Condensed,sans-serif}.prog-picker-row{border:1px solid var(--edge);background:#ffffff0a;border-radius:9px;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:.4rem;padding:.55rem .7rem;display:flex}.prog-picker-row:hover{border-color:var(--accent)}.prog-picker-title{text-align:left}.prog-picker-stars{color:var(--accent);letter-spacing:.1em}.prog-picker-stars .dim{color:#9aa3b24d}.prog-picker-stars.s0{color:#9aa3b280}.prog-picker-close{margin-top:.3rem}.lesson-demo-row{flex-shrink:0;justify-content:center;margin:-.2rem 0 .2rem;display:flex}.lesson-demo-btn{padding:.25rem .9rem;font-size:.85rem}.lg-miniscore .vf-stavenote.demo-lit text,.lg-miniscore .vf-stavenote.demo-lit path{fill:var(--accent)}.lg-miniscore .vf-stavenote.demo-lit{filter:drop-shadow(0 0 5px #ffb02eb3)}.lesson-ix{width:100%}.ix-beam{flex-direction:column;gap:.3rem;width:100%;display:flex;position:relative}.ix-beam .piano{height:110px}.ix-beam-svg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.ix-beam-line{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 6px #ffb02eb3);transition:all .18s}.ix-beam-dot{fill:var(--accent);filter:drop-shadow(0 0 6px #ffb02ee6)}.ix-beam-caption{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);min-height:1.2em;font-family:Barlow Condensed,sans-serif;font-size:.95rem}.ix-target-hint{color:var(--accent)}.ix-done{color:var(--accent-2)}.ix-quiz{flex-direction:column;gap:.3rem;width:100%;display:flex}.ix-quiz .piano{height:110px}.ix-quiz.right .lg-miniscore{filter:drop-shadow(0 0 10px #50dc8280)}.ix-quiz.wrong{animation:.35s lesson-wrong}.ix-pips{vertical-align:middle;gap:4px;margin-left:.5rem;display:inline-flex}.ix-pip{background:#9aa3b240;border-radius:50%;width:8px;height:8px}.ix-pip.on{background:var(--accent);box-shadow:0 0 6px #ffb02eb3}.ix-choices{justify-content:center;gap:.8rem;padding:.2rem 0 .4rem;display:flex}.ix-choice{padding:.55rem 1.4rem;font-size:1.05rem}.ix-echo-dots{justify-content:center;gap:10px;padding:.6rem 0 .2rem;display:flex}.ix-echo-dot{background:#9aa3b240;border-radius:50%;width:16px;height:16px;transition:background .15s,box-shadow .15s}.ix-echo-dot.playing{animation:1.1s ease-in-out infinite echo-breathe}.ix-echo-dot.hit{background:var(--accent);box-shadow:0 0 8px #ffb02ecc}@keyframes echo-breathe{0%,to{background:#9aa3b240}50%{background:#5eead480}}.ix-rest .lg-miniscore{--rest-dim:1}.struggle-offer{border-top:1px solid var(--edge);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.6rem;padding-top:.6rem;display:flex}.struggle-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--text-muted);font-family:Barlow Condensed,sans-serif;font-size:.85rem}.coach-layer{z-index:90;position:fixed;inset:0}.coach-spot{border:2px solid var(--accent);pointer-events:none;border-radius:12px;transition:all .35s cubic-bezier(.3,1,.4,1);position:fixed;box-shadow:0 0 0 9999px #06080eb8}.coach-bubble{background:var(--panel-solid,#141824);border:1px solid var(--accent);border-radius:12px;max-width:360px;padding:.9rem 1.1rem;position:fixed;box-shadow:0 12px 40px #0009,0 0 24px #ffb02e26}.coach-bubble p{margin:0 0 .7rem;font-size:1.05rem;line-height:1.5}.coach-bubble .primary{padding:.4rem 1.2rem}.coach-count{float:right;color:var(--text-muted);letter-spacing:.1em;margin-top:.55rem;font-family:Barlow Condensed,sans-serif}.chrome-minimal .hud-counters{visibility:hidden}.guided-hint{z-index:40;border:1px solid var(--edge);color:var(--text-muted);background:#1e2038d9;border-radius:999px;padding:.4rem 1.1rem;font-size:.95rem;position:fixed;bottom:170px;left:50%;transform:translate(-50%)}.coach-layer{pointer-events:none}.coach-bubble{pointer-events:auto}.journey-hold,.prog-device{margin-left:.6rem}.midi-unsupported-banner{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, #14162b);color:#eef0fb;text-align:center;border-radius:12px;max-width:720px;margin:.9rem auto 0;padding:.7rem 1.1rem;font-size:.92rem}.midi-unsupported-banner strong{color:var(--accent)}.prog-unit-sub{letter-spacing:.06em;color:var(--muted);margin-left:.7rem;font-size:.72em}.device-card{max-width:560px}.devspan{width:100%;height:46px;margin:.3rem 0 .1rem}.devspan-key{fill:#ffffff6b}.devspan-key.black{fill:#ffffff1a}.devspan-key.in{fill:color-mix(in srgb, var(--accent) 55%, transparent)}.devspan-key.black.in{fill:color-mix(in srgb, var(--accent) 80%, transparent)}.devspan-key.c4{fill:var(--accent-2)}.devspan-mark{fill:var(--accent)}.devspan-mark.waiting{animation:.9s ease-in-out infinite devspan-pulse}@keyframes devspan-pulse{0%,to{opacity:1}50%{opacity:.25}}.device-readout{min-height:1.3em;color:var(--muted);margin:.2rem 0 .5rem;font-size:.92rem}.device-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.device-inputs{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.device-none{color:var(--muted);font-size:.82rem}.device-presets{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.8rem;display:flex}.device-presets-label{color:var(--muted);margin-right:.2rem;font-size:.8rem}.device-latency{border-top:1px solid var(--edge);align-items:center;gap:.8rem;padding-top:.6rem;font-size:.9rem;display:flex}.ix-keyhint{color:var(--muted);margin-top:.2rem;font-size:.72rem;display:block}.coach-or{color:var(--text-muted);margin-left:.7rem;font-size:.85rem}