@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_bd93a5{font-family:Inter,Inter Fallback;font-style:normal}.__variable_bd93a5{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Leland;src:url(/fonts/Leland.otf) format("opentype");font-display:swap}@font-face{font-family:LelandText;src:url(/fonts/LelandText.otf) format("opentype");font-display:swap}@font-face{font-family:Edwin;src:url(/fonts/Edwin-Roman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Edwin;src:url(/fonts/Edwin-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--ms-bg-app:#0f172a;--ms-bg-topbar:#1e293b;--ms-bg-panel:#1e293b;--ms-bg-panel-header:#1e293b;--ms-bg-surface:#1e293b;--ms-bg-surface-hover:#334155;--ms-bg-surface-active:#475569;--ms-border:#334155;--ms-border-focus:#818cf8;--ms-accent:#818cf8;--ms-accent-hover:#a5b4fc;--ms-accent-active:#6366f1;--ms-accent-dim:rgba(129,140,248,0.16);--ms-text-primary:#f8fafc;--ms-text-secondary:#cbd5e1;--ms-text-muted:#94a3b8;--ms-canvas-bg:#0b1120;--ms-sheet-bg:#ffffff;--ms-sheet-border:#334155;--ms-sheet-shadow:0 1px 3px rgba(0,0,0,0.2);--ms-playhead:#10b981;--ms-note-selected:#818cf8;--ms-note-hover:#a5b4fc;--ms-voice-1:#818cf8;--ms-voice-2:#10b981;--ms-voice-3:#f59e0b;--ms-voice-4:#ef4444;--ms-card-bg:#1e293b;--ms-card-border:#334155;--ms-card-hover:#283548;--ms-hero-gradient:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(15,23,42,0.95));--ms-hero-border:rgba(99,102,241,0.3);--ms-badge-bg:rgba(255,255,255,0.06);--ms-banner-bg:rgba(99,102,241,0.12);--ms-banner-border:rgba(99,102,241,0.25);--ms-banner-text:#e2e8f0;--ms-bottom-bar-bg:#0f172a;--ms-bottom-bar-border:#334155;--ms-success-text:#34d399;--ms-success-bg:rgba(52,211,153,0.16);--ms-vis-bg:#0b1120;--ms-vis-header-bg:#0f172a;--ms-vis-border:#334155;--ms-vis-text:#e2e8f0;--ms-vis-btn-bg:#1e293b;--ms-vis-btn-text:#94a3b8;--ms-vis-lane-1:rgba(255,255,255,0.015);--ms-vis-lane-2:rgba(255,255,255,0.025);--ms-vis-lane-border:rgba(255,255,255,0.04);--ms-vis-white-key:#e2e8f0;--ms-vis-white-border:#475569;--ms-vis-black-key:#0f172a}.theme-light,[data-theme=light]{--ms-bg-app:#f1f5f9;--ms-bg-topbar:#ffffff;--ms-bg-panel:#ffffff;--ms-bg-panel-header:#f8fafc;--ms-bg-surface:#ffffff;--ms-bg-surface-hover:#f8fafc;--ms-bg-surface-active:#f1f5f9;--ms-border:#e2e8f0;--ms-border-focus:#4f46e5;--ms-accent:#4f46e5;--ms-accent-hover:#4338ca;--ms-accent-active:#3730a3;--ms-accent-dim:rgba(79,70,229,0.08);--ms-text-primary:#0f172a;--ms-text-secondary:#334155;--ms-text-muted:#475569;--ms-success-text:#047857;--ms-success-bg:#ecfdf5;--ms-canvas-bg:#f1f5f9;--ms-sheet-bg:#ffffff;--ms-sheet-border:#e2e8f0;--ms-sheet-shadow:0 1px 3px rgba(0,0,0,0.06);--ms-playhead:#10b981;--ms-note-selected:#4f46e5;--ms-note-hover:#6366f1;--ms-voice-1:#4f46e5;--ms-voice-2:#10b981;--ms-voice-3:#d97706;--ms-voice-4:#dc2626;--ms-card-bg:#ffffff;--ms-card-border:#e2e8f0;--ms-card-hover:#f8fafc;--ms-hero-gradient:#ffffff;--ms-hero-border:#e2e8f0;--ms-badge-bg:#f1f5f9;--ms-banner-bg:#eef2ff;--ms-banner-border:#e0e7ff;--ms-banner-text:#4338ca;--ms-bottom-bar-bg:#ffffff;--ms-bottom-bar-border:#e2e8f0;--ms-vis-bg:#ffffff;--ms-vis-header-bg:#f8fafc;--ms-vis-border:#e2e8f0;--ms-vis-text:#0f172a;--ms-vis-btn-bg:#f1f5f9;--ms-vis-btn-text:#475569;--ms-vis-lane-1:rgba(0,0,0,0.015);--ms-vis-lane-2:rgba(0,0,0,0.035);--ms-vis-lane-border:rgba(0,0,0,0.06);--ms-vis-white-key:#ffffff;--ms-vis-white-border:#e2e8f0;--ms-vis-black-key:#1e293b}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{min-height:100%;width:100%;background-color:var(--ms-bg-app);color:var(--ms-text-primary);font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.font-leland{font-family:Leland,sans-serif;line-height:1}.font-edwin{font-family:Edwin,serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3e3e48;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#525260}button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--ms-accent);outline-offset:-1px}.ms-tool-btn,.tooltip-container{position:relative}.ms-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:var(--ms-text-primary);background:transparent;transition:background-color .15s ease,color .15s ease}.ms-tool-btn:hover{background-color:var(--ms-bg-surface-hover)}.ms-tool-btn:active{background-color:var(--ms-bg-surface-active)}.ms-tool-btn.active{background-color:var(--ms-accent);color:#ffffff}.ms-tool-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ms-separator{width:1px;height:20px;background-color:var(--ms-border);margin:0 4px}.ms-panel{background-color:var(--ms-bg-panel);border-right:1px solid var(--ms-border);display:flex;flex-direction:column}.notation-paper{background-color:var(--ms-sheet-bg);box-shadow:none!important;border:1px solid var(--ms-sheet-border);border-radius:4px;transition:transform .1s ease}.piano-key-white{background:var(--ms-vis-white-key,#ffffff);border:1px solid var(--ms-vis-white-border,#cbd5e1);border-bottom:2px solid var(--ms-vis-white-border,#94a3b8);border-radius:0 0 3px 3px;box-shadow:none;cursor:pointer;position:relative;transition:background-color .08s ease,transform .05s}.piano-key-white:hover{background:#f1f5f9}.piano-key-white.active{background:#3b82f6!important;border-color:#2563eb!important;box-shadow:none;transform:translateY(1px)}.piano-key-white.waiting{background:#fef3c7!important;border-color:#d97706!important;box-shadow:none!important;animation:keyWaitingPulse 1.4s ease-in-out infinite;z-index:5}.piano-key-black{background:var(--ms-vis-black-key,#1e293b);border:1px solid #0f172a;border-radius:0 0 3px 3px;box-shadow:none;cursor:pointer;position:absolute;z-index:10;transition:background-color .08s ease,transform .05s}.piano-key-black:hover{background:#334155}.piano-key-black.active{background:#2563eb!important;border-color:#1d4ed8!important;transform:translateY(1px);box-shadow:none}.piano-key-black.waiting{background:#d97706!important;border-color:#f59e0b!important;box-shadow:none!important;animation:keyWaitingPulse 1.4s ease-in-out infinite;z-index:15}@keyframes keyWaitingPulse{0%,to{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.25);transform:translateY(-1px)}}*{-webkit-tap-highlight-color:transparent}.touch-no-delay{touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.flat-tab-btn{padding:6px 14px;font-size:13px;font-weight:600;color:var(--ms-text-secondary);border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap;background:none;cursor:pointer}.flat-tab-btn:hover{color:var(--ms-text-primary)}.flat-tab-btn.active{color:var(--ms-accent);border-bottom-color:var(--ms-accent)}.flat-tool-btn{min-width:38px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background-color:transparent;color:var(--ms-text-primary);font-size:12.5px;font-weight:600;border:1px solid transparent;transition:all .12s ease;white-space:nowrap}.flat-tool-btn:hover{background-color:var(--ms-bg-surface-hover);border-color:var(--ms-border)}.flat-tool-btn:active{transform:scale(.96);background-color:var(--ms-bg-surface-active)}.flat-tool-btn.active{background-color:var(--ms-accent);color:#ffffff;border-color:var(--ms-accent)}.flat-mobile-pill{padding:6px 12px;border-radius:16px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;background-color:var(--ms-bg-surface);color:var(--ms-text-secondary);border:1px solid var(--ms-border);transition:all .15s ease}.flat-mobile-pill.active{background-color:var(--ms-accent);color:#ffffff;border-color:var(--ms-accent);box-shadow:none}.flat-bubble-popover{position:absolute;z-index:50;background:var(--ms-bg-panel);border:1px solid var(--ms-border);box-shadow:none;border-radius:8px;padding:10px 14px;animation:flatBubblePop .18s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes flatBubblePop{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes teardropPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(42,117,211,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(42,117,211,.9))}}.teardrop-cursor{animation:teardropPulse 2s ease-in-out infinite;transform-origin:center top}.safe-bottom{padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.safe-top{padding-top:max(.5rem,env(safe-area-inset-top,0px))}@media print{@page{size:A4 portrait;margin:10mm 12mm}body,html{width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important;background:#ffffff!important;background-color:#ffffff!important;color:#000000!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ms-panel,.ms-separator,.ms-tool-btn,.no-print,[role=dialog],aside,button,footer,header,nav{display:none!important;visibility:hidden!important}div{overflow:visible!important}body>div{background:transparent!important}.notation-canvas-container,body>div{display:block!important;height:auto!important;width:100%!important}.notation-canvas-container{padding:0!important;margin:0!important;background:#ffffff!important;overflow:visible!important}.notation-paper{background-color:#ffffff!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0 auto!important;min-height:auto!important;transform:none!important}.notation-paper,.notation-paper svg{width:100%!important;max-width:100%!important}.notation-paper svg{height:auto!important;display:block!important;background:#ffffff!important}.ghost-note,.playhead-cursor,.selection-highlight{display:none!important;opacity:0!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:767px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-on-mobile-flex{display:flex!important}.notation-canvas-container{padding:8px 4px!important}.notation-paper{padding:12px 8px!important}}@media (min-width:768px){.show-on-mobile,.show-on-mobile-flex{display:none!important}}@media (max-width:1023px){.desktop-menus-group,.desktop-tip-banner,.hide-on-tablet{display:none!important}.responsive-left-dock{position:absolute!important;top:0!important;bottom:0!important;left:0!important;width:min(85vw,320px)!important;max-width:320px!important;z-index:45!important;box-shadow:4px 0 24px rgba(0,0,0,.6)!important}}@media (min-width:1024px){.hide-on-desktop-drawer-backdrop{display:none!important}.responsive-left-dock{width:270px!important;height:100%!important;flex-shrink:0!important;z-index:10!important}}@media (max-height:500px) and (orientation:landscape){.hide-on-mobile-landscape{display:none!important}.compact-mobile-landscape{height:38px!important;min-height:38px!important;padding:0 8px!important}.notation-canvas-container{padding:4px 2px!important}}.btn-unified{height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid var(--ms-border);background-color:var(--ms-bg-surface);color:var(--ms-text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-unified:hover{background-color:var(--ms-bg-surface-hover);border-color:var(--ms-text-muted);color:var(--ms-text-primary)}.btn-unified:active{transform:translateY(1px)}.btn-unified-primary{background-color:var(--ms-accent);border-color:var(--ms-accent);color:#ffffff!important;font-weight:600;box-shadow:0 1px 3px rgba(99,102,241,.25)}.btn-unified-primary:hover{background-color:var(--ms-accent-hover);border-color:var(--ms-accent-hover);color:#ffffff!important}.btn-unified-primary.is-playing{background-color:#ef4444!important;border-color:#ef4444!important;color:#ffffff!important}.btn-unified-primary.is-playing:hover{background-color:#dc2626!important;border-color:#dc2626!important}.btn-unified.active{background-color:var(--ms-accent-dim);color:var(--ms-accent)}.btn-unified.active,.btn-unified.wait-mode-active{border-color:transparent;font-weight:600;box-shadow:none}.btn-unified.wait-mode-active{background-color:rgba(245,158,11,.12);color:#d97706}.unified-dropdown-popover{position:absolute;top:calc(100% + 5px);z-index:70;min-width:190px;background-color:var(--ms-bg-panel);border:1px solid var(--ms-border);border-radius:8px;padding:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:3px;animation:popoverFadeIn .16s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.unified-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border-radius:5px;font-size:12px;font-weight:500;color:var(--ms-text-primary);background:transparent;border:none;cursor:pointer;transition:background-color .12s ease;text-align:left}.unified-dropdown-item:hover{background-color:var(--ms-bg-surface-hover);color:var(--ms-text-primary)}.unified-dropdown-item.active{background-color:rgba(42,117,211,.15);color:var(--ms-accent);font-weight:700}.unified-dropdown-header{font-size:10.5px;font-weight:700;color:var(--ms-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 2px}.unified-dropdown-divider{height:1px;background-color:var(--ms-border);margin:4px 0}.midi-status-button{height:34px;padding:0 10px;font-size:12.5px;border-radius:6px;border:1px solid var(--ms-border);background-color:var(--ms-bg-surface);color:var(--ms-text-secondary);box-shadow:none}.midi-status-button:hover{background-color:var(--ms-bg-surface-hover);color:var(--ms-text-primary);border-color:rgba(37,99,235,.4)}.midi-status-button.connected{border-color:rgba(16,185,129,.6);color:#10b981}.midi-status-button.connected:hover{background-color:rgba(16,185,129,.15)}.midi-status-button.disconnected{color:var(--ms-text-secondary)}@keyframes midiPulseGreen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.practice-wait-banner{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:12px;background:var(--ms-bg-panel);border:1.5px solid #f59e0b;box-shadow:none;border-radius:20px;padding:6px 16px;color:var(--ms-text-primary);animation:bannerSlideIn .2s cubic-bezier(.16,1,.3,1);max-width:92vw}@keyframes bannerSlideIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1023px){.btn-unified,.midi-status-button{height:38px;padding:0 11px;font-size:12.5px}.flat-tool-btn{min-width:38px!important;height:38px!important;font-size:13px!important}}@media (max-width:767px){.btn-unified,.midi-status-button{height:42px;padding:0 12px;font-size:13px;min-width:42px}.flat-tool-btn{min-width:42px!important;height:42px!important;padding:0 10px!important;font-size:13.5px!important}.practice-wait-banner{top:6px;padding:5px 12px;font-size:11.5px;border-radius:20px;gap:8px}}.wf-corner{position:absolute;top:10px;right:10px;z-index:30;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:20px;background:rgba(15,23,42,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 18px rgba(0,0,0,.28);opacity:.95;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:Inter,system-ui,sans-serif}.theme-light .wf-corner,.wf-theme--light.wf-corner,[data-theme=light] .wf-corner{background:rgba(255,255,255,.88);border:1px solid rgba(203,213,225,.85);box-shadow:0 4px 16px rgba(15,23,42,.08),0 1px 3px rgba(0,0,0,.04)}.wf-corner:focus-within,.wf-corner:hover{opacity:1;box-shadow:0 6px 24px rgba(0,0,0,.32)}.theme-light .wf-corner:hover,.wf-theme--light.wf-corner:hover,[data-theme=light] .wf-corner:hover{box-shadow:0 6px 20px rgba(15,23,42,.12),0 2px 4px rgba(0,0,0,.04)}.wf-label-btn{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.08);color:#f1f5f9;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .14s ease}.theme-light .wf-label-btn,.wf-theme--light .wf-label-btn,[data-theme=light] .wf-label-btn{background:rgba(15,23,42,.05);color:#0f172a}.wf-label-btn:hover{background:rgba(255,255,255,.15);color:#ffffff}.theme-light .wf-label-btn:hover,.wf-theme--light .wf-label-btn:hover,[data-theme=light] .wf-label-btn:hover{background:rgba(15,23,42,.1);color:#0f172a}.wf-label-btn.is-active{background:var(--ms-accent);color:#ffffff;box-shadow:0 1px 4px rgba(99,102,241,.3)}.wf-label-icon{font-size:13px;line-height:1}.wf-label-name{letter-spacing:.1px}.wf-icon-btn,.wf-label-name{font-size:11.5px;font-weight:600}.wf-icon-btn{height:28px;min-width:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.08);color:#cbd5e1;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .14s ease}.theme-light .wf-icon-btn,.wf-theme--light .wf-icon-btn,[data-theme=light] .wf-icon-btn{background:rgba(15,23,42,.05);color:#475569}.wf-icon-btn:hover{background:rgba(255,255,255,.15);color:#ffffff}.theme-light .wf-icon-btn:hover,.wf-theme--light .wf-icon-btn:hover,[data-theme=light] .wf-icon-btn:hover{background:rgba(15,23,42,.1);color:#0f172a}.wf-icon-btn:active{transform:scale(.94)}.wf-icon-btn.is-active{background:var(--ms-accent-dim);color:var(--ms-accent);border-color:var(--ms-accent)}.wf-caret{font-size:8px;opacity:.7}.wf-menu{position:absolute;top:calc(100% + 8px);right:0;width:286px;max-height:min(75vh,480px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ms-border) transparent;padding:12px;border-radius:14px;background:rgba(30,41,59,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(51,65,85,.85);box-shadow:0 16px 40px -4px rgba(0,0,0,.5),0 4px 12px -2px rgba(0,0,0,.3);color:#f8fafc;animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1);z-index:50}.theme-light .wf-menu,.wf-theme--light .wf-menu,[data-theme=light] .wf-menu{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 40px -4px rgba(15,23,42,.14),0 4px 12px -2px rgba(15,23,42,.06);color:#0f172a}.wf-menu-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ms-text-secondary);padding:2px 2px 6px}.wf-menu-badge{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--ms-accent-dim);color:var(--ms-accent)}.wf-chip-row{display:grid;grid-gap:4px;gap:4px;padding:3px;border-radius:8px;margin-bottom:10px;background:rgba(15,23,42,.5);border:1px solid var(--ms-border)}.theme-light .wf-chip-row,.wf-theme--light .wf-chip-row,[data-theme=light] .wf-chip-row{background:#f1f5f9;border-color:#e2e8f0}.wf-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:32px;padding:4px 6px;border-radius:6px;border:none;background:transparent;color:var(--ms-text-secondary);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s ease}.wf-chip:hover{background:var(--ms-bg-surface-hover);color:var(--ms-text-primary)}.theme-light .wf-chip:hover,.wf-theme--light .wf-chip:hover,[data-theme=light] .wf-chip:hover{background:#ffffff;color:#0f172a;box-shadow:0 1px 2px rgba(0,0,0,.05)}.wf-chip.is-active{background:var(--ms-accent);color:#ffffff;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.2)}.wf-chip-sub{font-size:9.5px;font-weight:500;opacity:.75}.wf-chip.is-active .wf-chip-sub{color:rgba(255,255,255,.9);opacity:1}.wf-menu-footer{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:var(--ms-bg-surface);border:1px dashed var(--ms-border);font-size:10.5px;color:var(--ms-text-muted);line-height:1.35;margin-top:4px}.wf-label-menu{width:290px}.wf-menu-list{display:flex;flex-direction:column;gap:2px}.wf-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--ms-text-primary);font-family:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease}.wf-menu-item:hover{background:var(--ms-bg-surface-hover)}.theme-light .wf-menu-item:hover,.wf-theme--light .wf-menu-item:hover,[data-theme=light] .wf-menu-item:hover{background:#f1f5f9}.wf-menu-item.is-active{background:var(--ms-accent-dim);color:var(--ms-accent);font-weight:700}.wf-check{font-weight:800;color:var(--ms-accent)}.wf-corner--compact{top:6px;right:6px;padding:3px 4px;gap:3px}.wf-corner--compact .wf-label-btn{height:24px;padding:0 8px;font-size:11px}.wf-corner--compact .wf-icon-btn{height:24px;min-width:24px;padding:0 6px;font-size:11px}@media (max-width:767px){.wf-icon-btn,.wf-label-btn{height:30px}}.wf-piano-resizer{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.wf-piano-resizer-line{position:absolute;left:0;right:0;height:2px;background:transparent;pointer-events:none;transition:background .15s ease}.wf-piano-resizer.is-active .wf-piano-resizer-line,.wf-piano-resizer:hover .wf-piano-resizer-line{background:var(--ms-accent)}.wf-piano-resizer-grip{position:relative;z-index:2;width:48px;height:8px;border-radius:6px;background:rgba(15,23,42,.35);border:1px solid rgba(15,23,42,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .16s cubic-bezier(.16,1,.3,1)}.theme-dark .wf-piano-resizer-grip,[data-theme=dark] .wf-piano-resizer-grip{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.35)}.wf-piano-resizer.is-active .wf-piano-resizer-grip,.wf-piano-resizer:hover .wf-piano-resizer-grip{width:64px;background:var(--ms-accent);border-color:var(--ms-accent);box-shadow:0 0 12px var(--ms-accent)}.player-split-resizer{width:100%;height:10px;cursor:row-resize;display:flex;align-items:center;justify-content:center;background:var(--ms-bg-app);border-top:1px solid var(--ms-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;position:relative;z-index:20;transition:background-color .15s ease}.player-split-resizer.is-dragging,.player-split-resizer:hover{background:var(--ms-accent-dim)}.player-split-resizer-bar{width:48px;height:4px;border-radius:3px;background:var(--ms-text-muted);opacity:.5;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.player-split-resizer.is-dragging .player-split-resizer-bar,.player-split-resizer:hover .player-split-resizer-bar{width:64px;background:var(--ms-accent);opacity:1;box-shadow:none}.player-split-resizer-dots{font-size:8px;letter-spacing:2px;line-height:1;color:rgba(255,255,255,.9)}.player-page-root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background-color:var(--ms-bg-app);color:var(--ms-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-header{height:52px;background-color:var(--ms-bg-topbar);border-bottom:1px solid var(--ms-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:50;gap:12px}.player-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.player-back-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--ms-border);background-color:var(--ms-bg-surface);color:var(--ms-text-secondary);text-decoration:none!important;cursor:pointer;flex-shrink:0;transition:all .15s cubic-bezier(.16,1,.3,1)}.player-back-btn:hover{background-color:var(--ms-bg-surface-hover);color:var(--ms-text-primary);border-color:var(--ms-border-focus);text-decoration:none!important;transform:translateX(-1px)}.player-back-btn:active{transform:scale(.96)}.player-header-title-box{display:flex;flex-direction:column;min-width:0}.player-header-title{font-weight:700;font-size:14px;color:var(--ms-text-primary);line-height:1.25}.player-header-sub,.player-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-header-sub{font-size:11px;color:var(--ms-text-secondary)}.player-header-center,.player-header-right{display:flex;align-items:center;flex-shrink:0}.player-header-right{gap:6px}.player-control-bar{background-color:var(--ms-bg-surface);border-bottom:1px solid var(--ms-border);flex-shrink:0;z-index:40;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 14px;gap:12px}.player-main-playback-row{display:flex;align-items:center;gap:10px;flex:1 1 360px;min-width:240px;max-width:580px}.player-playback-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-scrubber-row{display:flex;align-items:center;gap:8px;flex:1 1;min-width:140px}.player-scrubber-time{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--ms-text-secondary);min-width:38px;text-align:center;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-scrubber-range{flex:1 1;height:6px;border-radius:3px;background:var(--ms-border);accent-color:var(--ms-accent);cursor:pointer;outline:none;min-width:60px}.player-actions-row,.player-secondary-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.player-practice-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-play-btn{height:36px;min-width:44px;padding:0 14px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;background-color:var(--ms-accent);color:#ffffff;transition:all .15s ease;flex-shrink:0;box-shadow:0 1px 3px rgba(99,102,241,.3)}.player-play-btn:hover{background-color:var(--ms-accent-hover)}.player-play-btn:active{transform:translateY(1px)}.player-play-btn.is-playing{background-color:#ef4444;box-shadow:0 1px 3px rgba(239,68,68,.3)}.player-play-btn.is-playing:hover{background-color:#dc2626}.player-view-switcher{display:inline-flex;align-items:center;background-color:var(--ms-bg-app);border:1px solid var(--ms-border);border-radius:8px;padding:3px;gap:3px;flex-shrink:0}.player-view-chip{height:30px;padding:0 12px;border-radius:6px;border:none;background:transparent;color:var(--ms-text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .14s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-view-chip:hover{color:var(--ms-text-primary);background-color:var(--ms-bg-surface-hover)}.player-view-chip.active{background-color:var(--ms-bg-surface);color:var(--ms-text-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.player-hand-switcher{display:inline-flex;align-items:center;background-color:var(--ms-bg-app);border:1px solid var(--ms-border);border-radius:8px;padding:2px;gap:2px;flex-shrink:0}.player-hand-chip{height:28px;padding:0 9px;border-radius:6px;border:none;background:transparent;color:var(--ms-text-secondary);font-size:11.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .14s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-hand-chip:hover{color:var(--ms-text-primary);background-color:var(--ms-bg-surface-hover)}.player-hand-chip.active{background-color:var(--ms-bg-surface);color:var(--ms-text-primary);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}.player-wait-mode-btn.active{background-color:rgba(245,158,11,.12)!important;color:#b45309!important;border-color:rgba(245,158,11,.28)!important;font-weight:600}[data-theme=dark] .player-wait-mode-btn.active{background-color:rgba(245,158,11,.18)!important;color:#fbbf24!important;border-color:rgba(245,158,11,.4)!important}.player-utils-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-control-bar .btn-unified,.player-header .btn-unified{border:1px solid transparent;background-color:transparent;color:var(--ms-text-secondary);box-shadow:none}.player-control-bar .btn-unified:hover,.player-header .btn-unified:hover{background-color:var(--ms-bg-surface-hover);border-color:transparent;color:var(--ms-text-primary)}.player-control-bar .btn-unified.active,.player-header .btn-unified.active{background-color:var(--ms-accent-dim);border-color:transparent;color:var(--ms-accent);font-weight:600}.player-control-bar .btn-unified-primary,.player-header .btn-unified-primary{background-color:var(--ms-accent);border:1px solid transparent;color:#ffffff!important;box-shadow:0 1px 2px rgba(99,102,241,.25)}.player-control-bar .btn-unified-primary:hover,.player-header .btn-unified-primary:hover{background-color:var(--ms-accent-hover);border-color:transparent;color:#ffffff!important}.player-header .midi-status-button{border:1px solid transparent;background-color:var(--ms-bg-app)}.player-header .midi-status-button:hover{background-color:var(--ms-bg-surface-hover);border-color:transparent}.player-header .midi-status-button.connected{background-color:rgba(16,185,129,.12);border-color:transparent;color:#059669}.player-utils-group .btn-unified{background-color:var(--ms-bg-app);border:1px solid transparent;color:var(--ms-text-primary)}.player-utils-group .btn-unified:hover{background-color:var(--ms-bg-surface-hover);border-color:transparent}.player-zoom-capsule{background-color:var(--ms-bg-app);border-radius:6px;padding:2px;gap:1px}.player-zoom-btn,.player-zoom-capsule{display:inline-flex;align-items:center}.player-zoom-btn{height:28px;padding:0 7px;min-width:26px;border:none;background:transparent;color:var(--ms-text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;justify-content:center;transition:all .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-zoom-btn:hover{background-color:var(--ms-bg-surface-hover);color:var(--ms-text-primary)}.player-zoom-btn:active{transform:scale(.95)}.player-practice-hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:12px;padding:6px 14px;background-color:var(--ms-bg-surface);border:1px solid var(--ms-border);border-radius:9999px;box-shadow:0 4px 20px -2px rgba(0,0,0,.14),0 2px 6px -1px rgba(0,0,0,.08);font-size:12px;font-weight:500;color:var(--ms-text-primary);white-space:nowrap;animation:player-hud-enter .18s cubic-bezier(.16,1,.3,1);pointer-events:auto}@keyframes player-hud-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.player-practice-hud-status{display:flex;align-items:center;gap:8px}.player-practice-hud-dot{width:8px;height:8px;border-radius:50%;background-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.25);animation:player-dot-pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes player-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.player-practice-hud-label{font-size:11.5px;font-weight:600;color:var(--ms-text-secondary)}.player-practice-hud-notes{display:flex;align-items:center;gap:6px}.player-practice-note-chip{padding:2px 8px;border-radius:9999px;background-color:rgba(245,158,11,.14);color:#b45309;font-weight:700;font-size:11.5px;letter-spacing:.2px;border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .player-practice-note-chip{background-color:rgba(245,158,11,.22);color:#fbbf24;border-color:rgba(245,158,11,.4)}.player-practice-note-chip.success{background-color:rgba(16,185,129,.14);color:#059669;border-color:rgba(16,185,129,.3)}.player-practice-hud-meta{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--ms-border)}.player-practice-hud-step{font-size:11px;font-weight:500;color:var(--ms-text-muted)}.player-practice-skip-btn{height:24px;padding:0 9px;border-radius:9999px;border:1px solid var(--ms-border);background:var(--ms-bg-app);color:var(--ms-text-secondary);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .12s ease}.player-practice-skip-btn:hover{background:var(--ms-bg-surface-hover);color:var(--ms-text-primary);border-color:var(--ms-border-strong)}.player-viewport-area{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.player-sheet-container{flex:1 1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:flex-start;padding:16px;background-color:var(--ms-bg-app);min-height:0}.player-sheet-paper{max-width:920px;width:100%;background-color:transparent;border-radius:0;border:none;box-shadow:none;padding:0;margin:0 auto;display:flex;justify-content:center}.player-waterfall-container{position:relative;border-top:none;background-color:var(--ms-vis-bg,#070a12);flex-shrink:0;width:100%}.player-waterfall-fullscreen{flex:1 1;height:100%;border-top:none}@media (max-width:1023px){.player-header-sub,.player-header-title{max-width:220px}}@media (max-width:1080px){.player-control-bar{flex-direction:column;padding:6px 12px;gap:6px}.player-main-playback-row{width:100%;max-width:none;flex:0 0 auto}.player-actions-row,.player-secondary-controls{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;justify-content:space-between;gap:8px}.player-actions-row::-webkit-scrollbar,.player-secondary-controls::-webkit-scrollbar{display:none}}@media (max-width:767px){.player-header{height:48px;padding:0 8px;gap:6px}.player-header-title{font-size:13px;max-width:130px}.player-header-sub{font-size:10px;max-width:130px}.player-control-bar{padding:5px 8px;gap:5px}.player-main-playback-row{gap:6px}.player-playback-group{gap:4px}.player-scrubber-row{gap:6px;min-width:120px}.player-scrubber-time{font-size:11px;min-width:32px}.player-play-btn{height:32px;min-width:38px;font-size:14px;padding:0 8px;border-radius:6px}.player-view-chip{height:26px;padding:0 7px;font-size:11px;gap:3px}.player-hand-chip{height:26px;padding:0 6px;font-size:11px}.player-sheet-container{padding:6px 2px}.player-sheet-paper{padding:0;border-radius:0;border:none}.player-practice-hud{top:6px;padding:4px 10px;gap:8px;font-size:11px}}@media (max-height:520px) and (orientation:landscape){.player-header{height:40px;padding:0 8px}.player-control-bar{padding:3px 8px;gap:2px}.player-play-btn{height:28px;min-width:34px;font-size:12px;padding:0 6px;border-radius:6px}.player-sheet-container{padding:4px 2px}}