:root{--white-key-width:30px;--black-key-width:18px;--white-key-height:180px;--black-key-height:110px;--keyboard-height:var(--white-key-height);--knob-size-min:58px;--knob-size-max:72px;--knob-dial-min-size:36px;--knob-dial-max-size:48px;--header-btn-min-size:72px;--header-btn-max-size:92px}html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}body{text-align:center;color:#e8e8e8;background:#171717;margin:0;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.container{width:100%;max-width:100%;margin:0 auto}.header-section{box-sizing:border-box;background:#202020;border:1px solid #2d2d2d;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.header-menu-button{min-width:var(--header-btn-min-size);width:clamp(var(--header-btn-min-size), 20vw, var(--header-btn-max-size));height:clamp(var(--header-btn-min-size), 20vw, var(--header-btn-max-size));color:#baffd9;background:linear-gradient(145deg,#315f4b,#263d33);border-color:#75d3aa8c;padding:18px;box-shadow:inset 0 0 0 1px #baffd914,0 8px 24px #0000002e}.header-menu-button:hover{color:#e2ffef;background:linear-gradient(145deg,#397158,#2b493b);border-color:#75d3aa;transform:translateY(-1px)}.header-menu-button svg{fill:currentColor;filter:drop-shadow(0 3px 7px #0000003d);width:100%;height:100%;display:block}.controls-row{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:flex-end;gap:20px;width:auto;min-width:0;display:flex}.control-group{flex-direction:column;align-items:flex-start;display:flex}.control-group.hidden{display:none}label{text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700}select,button,input{color:#fff;background:#282828;border:1px solid #373737;border-radius:6px;min-width:140px;padding:9px 10px;font-size:13px;transition:all .2s}select,button{cursor:pointer}select:hover,button:hover,input:hover{background:#303030;border-color:#505050}button:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible,.knob-surround:focus-visible,.knob-label:focus-visible{outline-offset:2px;outline:2px solid #75d3aad1}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:not-allowed}button:disabled:hover,button[aria-disabled=true]:hover{background:#282828;border-color:#373737;transform:none}.icon-button{min-width:44px;height:38px;padding:0 10px;font-size:13px;font-weight:700;line-height:1}.learning-controls{text-align:left;flex:auto;align-items:stretch;gap:7px;min-width:0;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learning-desktop-controls{align-items:stretch;gap:7px;min-width:0;display:flex}.learning-card{aspect-ratio:1;min-width:var(--header-btn-min-size);width:clamp(var(--header-btn-min-size), 20vw, var(--header-btn-max-size));max-width:var(--header-btn-max-size);color:#f2f2f2;text-align:center;box-sizing:border-box;background:#242424;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:0;padding:7px;display:flex;position:relative}.game-selector{min-height:var(--header-btn-min-size);height:clamp(var(--header-btn-min-size), 20vw, var(--header-btn-max-size));color:#f2f2f2;box-sizing:border-box;background:#242424;border:1px solid #3a3a3a;border-radius:8px;align-items:stretch;gap:4px;padding:7px;display:flex}.learning-card:hover,.game-selector:hover{background:#303030;border-color:#505050}.learning-card.active{border-color:#97ffa957;box-shadow:inset 0 0 0 1px #55c36a1f}.learning-card[aria-disabled=true]{opacity:.48}.learning-card svg,.transport-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:64px;height:36px;display:block}.learning-card strong{color:#f5f5f5;overflow-wrap:anywhere;width:100%;min-height:22px;font-size:11px;line-height:1.15;display:block}.learning-card span{color:#aaa;overflow-wrap:anywhere;font-size:10px;line-height:1.15}.segment-button{color:#bdbdbd;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:66px;height:100%;padding:5px 8px;font-size:11px;display:flex}.segment-button:hover{background:#303030}.segment-button.active{color:#f4fff9;background:#3d4f48;box-shadow:inset 0 0 0 1px #75d3aa2e}.segment-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:30px;height:22px;display:block}.segment-button .gem-icon{color:#55c36a}.segment-button .hard-icon{color:#d98282}.segment-button strong{color:#f5f5f5;font-size:11px;line-height:1.1}.segment-button .compact-icon,.learning-menu-button.add-config-card{display:none}.learning-modal-backdrop{z-index:30;box-sizing:border-box;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.learning-modal-backdrop.open{display:flex}.learning-modal-panel{box-sizing:border-box;background:#202020;border:1px solid #333;border-radius:8px;width:min(360px,100%);padding:14px;box-shadow:0 24px 80px #00000073}.learning-modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.learning-modal-head strong{color:#f5f5f5;font-size:13px}.learning-modal-close{width:40px;min-width:40px;height:40px;padding:0}.learning-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.learning-modal-grid .learning-card,.learning-modal-grid .segment-button{width:100%;min-width:0;max-width:none}.learning-modal-grid .game-selector{width:100%;height:auto;min-height:var(--header-btn-min-size);grid-column:1/-1;justify-content:stretch}.learning-modal-grid .game-selector .segment-button{aspect-ratio:auto;flex:1 1 0;min-height:68px}.settings-modal-backdrop{z-index:42;box-sizing:border-box;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.settings-modal-backdrop.open{display:flex}.settings-modal-panel{box-sizing:border-box;text-align:left;background:#202020;border:1px solid #333;border-radius:8px;width:min(420px,100%);max-height:calc(100vh - 32px);padding:14px;overflow:auto;box-shadow:0 24px 80px #00000073}.settings-modal-head{border-bottom:1px solid #303030;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.settings-modal-head strong{color:#f5f5f5;text-transform:uppercase;letter-spacing:.8px;font-size:13px}.settings-modal-close{width:40px;min-width:40px;height:40px;padding:0}.settings-section{border-bottom:1px solid #303030;padding:12px 0}.settings-section:last-child{border-bottom:0;padding-bottom:0}.settings-section-title{color:#dfe5e2;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px;font-size:12px;line-height:1.2}.settings-speed-head{color:#bfc8c5;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-family:Consolas,monospace;font-size:12px;display:flex}.settings-speed-head span{white-space:nowrap}.settings-speed-slider{accent-color:#75d3aa;width:100%;min-width:0}.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-choice{color:#f2f2f2;text-align:center;background:#242424;border:1px solid #373737;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;min-height:118px;padding:9px;display:flex}.theme-choice:hover{background:#303030;border-color:#505050}.theme-choice.active{background:#29352f;border-color:#75d3aa80;box-shadow:inset 0 0 0 1px #75d3aa29}.theme-choice svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:128px;max-width:100%;height:74px;display:block}.theme-choice strong{color:#f5f5f5;overflow-wrap:anywhere;font-size:12px;line-height:1.15;display:block}.theme-choice-with-notation{cursor:pointer;min-height:158px}.theme-choice-with-notation .notation-choice-buttons{width:100%;margin-top:2px}.notation-choice-buttons{box-sizing:border-box;background:#0000001f;border:1px solid #373737;border-radius:8px;gap:6px;padding:3px;display:inline-flex}.notation-choice-button{color:#c7cfcc;background:0 0;border:0;border-radius:6px;min-width:64px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700}.theme-choice-with-notation .notation-choice-button{flex:1 1 0;min-width:0}.notation-choice-button:hover{background:#ffffff0e}.notation-choice-button.active{color:#f4fff9;background:#3d4f48;box-shadow:inset 0 0 0 1px #75d3aa2e}.knobs-container{--knob-cols:8;grid-template-columns:repeat(var(--knob-cols), minmax(0, 1fr));box-sizing:border-box;background:#202020;border:1px solid #2d2d2d;border-radius:4px;gap:10px;margin-bottom:10px;padding:12px;display:grid}.knob-wrapper{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:relative}.knob-wrapper,.knob-wrapper *{-webkit-user-select:none;user-select:none}.knob-surround{width:clamp(var(--knob-size-min), 14vw, var(--knob-size-max));height:clamp(var(--knob-size-min), 14vw, var(--knob-size-max));min-width:var(--knob-size-min);min-height:var(--knob-size-min);max-width:var(--knob-size-max);max-height:var(--knob-size-max);cursor:pointer;touch-action:none;background:#2a2a2a;border:1px solid #3c3c3c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.knob-dial{width:clamp(var(--knob-dial-min-size), 9vw, var(--knob-dial-max-size));height:clamp(var(--knob-dial-min-size), 9vw, var(--knob-dial-max-size));min-width:var(--knob-dial-min-size);min-height:var(--knob-dial-min-size);max-width:var(--knob-dial-max-size);max-height:var(--knob-dial-max-size);background:linear-gradient(135deg,#3a3a3a 0%,#202020 100%);border:1px solid #4b4b4b;border-radius:50%;transition:transform 50ms linear;position:relative;transform:rotate(0)}.knob-dial:after{content:"";background:#d5d5d5;border-radius:2px;width:3px;height:8px;position:absolute;top:4px;left:50%;transform:translate(-50%)}body.knob-dragging{cursor:none;-webkit-user-select:none;user-select:none}body.knob-dragging *{cursor:none!important}.knob-label{color:#9a9a9a;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;font-size:10px;font-weight:700;transition:color .2s}.knob-label:hover{color:#f0f0f0}.knob-value{color:#cfcfcf;min-width:40px;margin-top:1px;font-family:Consolas,monospace;font-size:11px}.cc-tag{display:none}.cc-tag.active{color:#4caf50;background:#1a2e1a;border-color:#2e7d32}#midi-log{display:none}.transport-panel{box-sizing:border-box;text-align:left;background:#202020;border:1px solid #2d2d2d;border-radius:4px;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:10px 12px;margin-bottom:0;padding:10px 12px;display:grid}.transport-actions{align-items:center;gap:7px;display:flex}.transport-button{border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:38px;padding:0;display:inline-flex}.transport-actions .game-selector{background:#242424;border:1px solid #3a3a3a;gap:7px;height:40px;min-height:40px;padding:0}.transport-actions .game-selector:hover{background:#303030;border-color:#505050}.transport-actions .segment-button{background:0 0;border:0;border-radius:8px;width:40px;min-width:40px;height:38px;padding:0}.transport-actions .segment-button:hover{background:#ffffff0e}.transport-actions .segment-button.active{color:#f4fff9;background:#3d4f48;box-shadow:inset 0 0 0 1px #75d3aa2e}.transport-actions .segment-button svg{width:22px;height:22px}.transport-actions .segment-button strong{display:none}.transport-settings-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:20px;height:20px;display:block}.transport-meta{min-width:0}.transport-title{color:#e5e5e5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2;overflow:hidden}.transport-hint{color:#8d9b98;min-height:14px;margin-top:3px;font-size:11px}.transport-time{color:#bfc8c5;white-space:nowrap;justify-self:end;font-family:Consolas,monospace;font-size:12px}.timeline-track{cursor:pointer;background:#151b1a;border:1px solid #313b38;border-radius:999px;outline:none;grid-column:1/-1;height:9px;overflow:hidden}.timeline-track:focus-visible{box-shadow:0 0 0 2px #75d3aa3d}.timeline-track.disabled{cursor:not-allowed;opacity:.42;filter:saturate(.7)}.timeline-progress{border-radius:inherit;opacity:.55;background:linear-gradient(90deg,#57c78f,#7fd7d2);width:0%;height:100%}.song-result-backdrop{z-index:45;box-sizing:border-box;background:#000000c2;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.song-result-backdrop.open{display:flex}.song-result-panel{--result-accent:#72d69d;--result-accent-soft:#72d69d29;--result-border:#476954;--result-ok-bg:#29302d;--result-ok-hover:#303632;box-sizing:border-box;text-align:left;background:#202020;border:1px solid #343434;border-radius:8px;width:min(450px,100%);max-height:calc(100vh - 32px);padding:14px;overflow:auto;box-shadow:0 28px 90px #00000080}.song-result-panel.fail{--result-accent:#d98282;--result-accent-soft:#d9828224;--result-border:#744646;--result-ok-bg:#302828;--result-ok-hover:#382e2e}.song-result-head{border-bottom:1px solid #303030;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:grid}.song-result-title-wrap{min-width:0}.song-result-title{color:#f5f5f5;text-transform:uppercase;letter-spacing:.8px;overflow-wrap:anywhere;font-size:13px;line-height:1.2;display:block}.song-result-kicker{color:#8f9895;margin-top:3px;font-size:11px;line-height:1.2;display:block}.song-result-close{width:40px;min-width:40px;height:40px;padding:0}.song-result-main{background:#181818;border:1px solid #303030;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:12px;display:grid}.song-result-rank{width:102px;min-width:82px;height:82px;box-shadow:none;background:0 0;border:0;justify-content:flex-end;justify-self:end;align-items:center;display:flex}.song-result-rank svg{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.song-result-score{color:#f4f4f4;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:28px;line-height:1}.song-result-subtitle{color:#9aa7a3;margin-top:7px;font-size:12px}.song-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.song-result-stat{box-sizing:border-box;background:#181818;border:1px solid #303030;border-radius:6px;min-width:0;padding:8px}.song-result-stat-head{align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:flex}.song-result-stat-icon{width:18px;height:18px;color:var(--stat-color,#9aa7a3);background:#ffffff06;border-radius:5px;flex:0 0 18px;justify-content:center;align-items:center;display:flex}.song-result-stat-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:14px;height:14px;display:block}.song-result-label{color:#8f9895;text-transform:uppercase;letter-spacing:.8px;overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.1;display:block}.song-result-stat.perfect{--stat-color:#60dcff}.song-result-stat.good{--stat-color:#70d89a}.song-result-stat.accepted{--stat-color:#e2be56}.song-result-stat.miss,.song-result-stat.wrong{--stat-color:#d98282}.song-result-stat.combo{--stat-color:#b8c7ff}.song-result-value{color:#f0f0f0;font-family:Consolas,monospace;font-size:16px}.song-result-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.song-result-actions button{justify-content:center;align-items:center;gap:7px;min-width:110px;display:inline-flex}.song-result-actions svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:16px;height:16px;display:block}#songResultOk{border-color:var(--result-border);background:var(--result-ok-bg)}#songResultOk:hover{border-color:var(--result-accent);background:var(--result-ok-hover)}#practiceStage{background:#090909;border-radius:4px;width:100%;margin-top:8px;position:relative}.falling-visualizer{box-sizing:border-box;background:#101211;border:1px solid #2a2a2a;border-bottom:0;border-radius:4px 4px 0 0;height:clamp(180px,29vh,310px);position:relative;overflow:hidden}.visual-grid{display:none}.note-layer,.feedback-layer,.hit-line-feedback-layer{pointer-events:none;position:absolute;inset:0}.feedback-layer{z-index:1}.note-layer{z-index:2}.hit-line-feedback-layer{z-index:4}.falling-note{z-index:1;box-sizing:border-box;border:1px solid rgba(var(--note-border-rgb), .62);background:rgba(var(--note-rgb), .5);border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff0f}.falling-note.black-note{z-index:2}.falling-note.holding-note{border-color:rgba(var(--note-border-rgb), .82);background:rgba(var(--note-rgb), .36);box-shadow:inset 0 0 0 1px #ffffff1a, 0 0 12px rgba(var(--note-glow-rgb), .2)}.falling-note.missed-note{background:#be3e344d;border-color:#ee70608f;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 10px #ee706021}.falling-note-map-badge{color:#f5f7f4;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#080d1299;border-radius:2px;justify-content:center;align-items:center;min-height:12px;padding:0 2px;font-size:8px;font-weight:800;line-height:1;display:flex;position:absolute;inset:2px 1px auto;overflow:hidden}.falling-note-map-badge.spread{letter-spacing:0;font-size:7px}.hit-line{z-index:3;pointer-events:none;background:#d2ebe047;height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 8px #78dcb41f,0 1px #ffffff12}.note-feedback-light{--feedback-rgb:96, 220, 255;width:var(--light-width);height:var(--light-height);transform-origin:50% 100%;transform:translate(-50%, calc(-1 * var(--light-height))) scaleX(.42) scaleY(.16);background:radial-gradient(ellipse at 50% 100%, rgba(var(--feedback-rgb), .86) 0%, rgba(var(--feedback-rgb), .62) 5%, rgba(var(--feedback-rgb), .4) 8%, rgba(var(--feedback-rgb), .1) 13%, rgba(var(--feedback-rgb), 0) 18%), radial-gradient(ellipse at 50% 96%, rgba(var(--feedback-rgb), .8) 0%, rgba(var(--feedback-rgb), .54) 12%, rgba(var(--feedback-rgb), .24) 46%, rgba(var(--feedback-rgb), 0) 76%);filter:blur(9px);opacity:0;animation:noteFeedbackLight var(--light-duration) ease-out forwards;mix-blend-mode:screen;border-radius:999px;position:absolute}.note-feedback-light.perfect{--feedback-rgb:96, 220, 255}.note-feedback-light.good{--feedback-rgb:112, 216, 154}.note-feedback-light.accepted{--feedback-rgb:226, 190, 86}.note-feedback-light.miss{--feedback-rgb:230, 86, 74}.hit-line-local{--feedback-rgb:96, 220, 255;width:var(--line-width);background:radial-gradient(ellipse at center, rgba(var(--feedback-rgb), .86) 0%, rgba(var(--feedback-rgb), .62) 32%, rgba(var(--feedback-rgb), .22) 68%, rgba(var(--feedback-rgb), 0) 88%);filter:blur(.35px);opacity:0;height:9px;animation:hitLineLocalGlow var(--line-duration) ease-out forwards;mix-blend-mode:screen;border-radius:999px;position:absolute;transform:translate(-50%,-50%)scaleX(.45)}.hit-line-local.perfect{--feedback-rgb:96, 220, 255}.hit-line-local.good{--feedback-rgb:112, 216, 154}.hit-line-local.accepted{--feedback-rgb:226, 190, 86}.hit-line-local.miss{--feedback-rgb:230, 86, 74}@keyframes noteFeedbackLight{0%{opacity:0;transform:translate(-50%, calc(-1 * var(--light-height))) scaleX(.42) scaleY(.16)}18%{opacity:1}58%{opacity:.78}to{opacity:0;transform:translate(-50%, calc(-1 * var(--light-height))) scaleX(var(--light-scale,1.1)) scaleY(1)}}@keyframes hitLineLocalGlow{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.45)}14%{opacity:1}62%{opacity:.84}to{opacity:0;transform:translate(-50%,-50%)scaleX(1.35)}}.visualizer-empty{color:#a8aaa9;letter-spacing:.2px;pointer-events:none;box-sizing:border-box;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:13px;line-height:1.35;display:flex;position:absolute;inset:0}.visualizer-actions{z-index:6;box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.visualizer-actions.visible{display:flex}.visualizer-action-button{pointer-events:auto;background:0 0;border:0;width:min(210px,68vw);min-width:72px;min-height:72px;padding:0}#visualizerImportButton{background:#242424;border:1px solid #3a3a3a;border-radius:8px;justify-content:center;align-items:center;width:92px;height:92px;padding:12px;display:inline-flex}#visualizerImportButton:hover{background:#303030;border-color:#505050}#visualizerImportButton svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:none;width:72px;height:44px}.viewer-menu-button{color:#baffd9;background:linear-gradient(145deg,#315f4bf0,#182d24f0);border:1px solid #75d3aa8f;border-radius:18px;width:86px;min-width:86px;height:86px;padding:20px;box-shadow:0 18px 48px #00000057,inset 0 0 0 1px #baffd914}.viewer-menu-button:hover{background:linear-gradient(145deg,#397158,#2b493b);border-color:#75d3aa}.viewer-menu-button svg{fill:currentColor;filter:drop-shadow(0 5px 10px #0000004d);width:100%;height:100%}.song-menu{z-index:60;color:#eee;text-align:left;background:radial-gradient(circle at 82% 18%,#488b6c2e,#0000 32%),linear-gradient(135deg,#191d1b 0%,#111312 100%);width:100vw;height:100dvh;padding:18px;position:fixed;inset:0;overflow:hidden}.song-menu-header{border-bottom:1px solid #343735;grid-template-columns:auto minmax(180px,1fr) auto auto auto auto;align-items:center;gap:10px;min-height:62px;padding-bottom:14px;display:grid}.song-menu-header-spacer{grid-column:2/5;min-width:0}.song-select-brand{flex-direction:column;min-width:150px;margin-right:10px;line-height:1;display:flex}.song-select-brand span{color:#75d3aa;letter-spacing:2px;font-size:10px;font-weight:900}.song-select-brand strong{margin-top:6px;font-size:20px}.song-menu-header input{width:100%;min-width:0}.song-menu-header button{min-width:86px}.song-menu-sort{color:#cbd2ce;border:1px solid #373b38;border-radius:6px;padding:9px 13px}.menu-primary,.menu-play{background:#3d765e;border-color:#65ac8d;font-weight:800}.menu-close{width:42px;height:42px;padding:0;font-size:25px;min-width:42px!important}.profile-chip{text-align:left;background:#202522;border-radius:23px;align-items:center;gap:9px;height:46px;padding:5px 9px;display:flex;min-width:150px!important}.profile-chip>span:last-child{flex-direction:column;gap:2px;display:flex}.profile-chip strong{font-size:12px}.profile-chip small{color:#8f9a94;font-size:10px}.profile-avatar{color:#102219;background:linear-gradient(145deg,#a8f2ce,#57b98d);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:900;display:grid;box-shadow:0 0 0 3px #75d3aa1a}.menu-error{color:#ffc0bb;background:#3b2020;border:1px solid #723d39;border-radius:6px;margin:10px 0;padding:10px}.menu-error button{min-width:0;margin-left:8px}.song-menu-layout{grid-template-columns:170px minmax(280px,1fr) minmax(300px,38%);gap:14px;height:calc(100% - 78px);padding-top:14px;display:grid}.song-menu-scopes{border-right:1px solid #303330;flex-direction:column;gap:7px;padding-right:14px;display:flex}.song-menu-scopes button{text-align:left;width:100%;min-width:0}.song-menu-scopes .explorer-parent{justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.song-menu-scopes .explorer-parent b{color:#75d3aa;font-size:18px;font-weight:500;transition:transform .18s}.song-menu-scopes .explorer-parent[aria-expanded=true] b{transform:rotate(90deg)}.song-menu-scopes .scope-child{color:#aeb8b2;background:0 0;border-color:#0000;padding-left:24px}.song-menu-scopes .scope-child:before{content:"›";color:#5f7e6f;margin-right:8px}.song-list{min-width:0;padding-right:4px;overflow-y:auto}.song-row{text-align:left;border-radius:4px 12px 12px 4px;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 16px);min-width:0;margin:0 0 7px 10px;padding:13px 18px;display:flex;transform:skew(-1.5deg);box-shadow:0 8px 18px #0000001f}.song-row.active{background:#29352f;border-color:#75d3aa}.song-row span{flex-direction:column;gap:5px;min-width:0;display:flex}.song-row strong,.song-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-row em{color:#9fc9b6;flex:none;font-size:11px;font-style:normal}.song-detail{background:linear-gradient(#2b52411f,#0000 42%),#202320;border:1px solid #343735;border-radius:12px;padding:196px 24px 24px;position:relative;overflow-y:auto}.song-detail:before{content:"♪";color:#baffd9d6;background:radial-gradient(circle at 50% 110%,#75d3aa47,#0000 48%),repeating-linear-gradient(90deg,#0000 0 8%,#75d3aa0b 8% 9%),linear-gradient(145deg,#253a31,#151a17);border:1px solid #75d3aa42;border-radius:10px;place-items:center;height:142px;font-size:58px;display:grid;position:absolute;top:22px;left:24px;right:24px;overflow:hidden;box-shadow:inset 0 -30px 70px #00000042}.song-detail h2{margin:4px 0 8px}.detail-kicker{color:#75d3aa;letter-spacing:1px;font-size:11px}.metadata-form{gap:11px;display:grid}.metadata-form label{gap:5px;margin:0;display:grid}.metadata-form input,.metadata-form select{width:100%;min-width:0}.menu-play{width:100%;min-height:48px;margin-top:18px}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.detail-actions button{flex:auto;min-width:120px}.detail-note{color:#919994;margin-top:10px;display:block}.menu-surface-panel{background:radial-gradient(circle at 85% 15%,#75d3aa1f,#0000 34%),#1d211fd1;border:1px solid #343b37;border-radius:16px;grid-column:2/-1;min-width:0;padding:clamp(24px,5vw,72px);box-shadow:0 24px 80px #00000038}.menu-surface-panel h2{margin:6px 0 10px;font-size:clamp(28px,4vw,54px)}.profile-hero{align-items:center;gap:24px;display:flex}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.profile-stats div{background:#ffffff06;border:1px solid #38413c;border-radius:12px;padding:22px}.profile-stats strong,.profile-stats span{display:block}.profile-stats span{color:#8f9993;margin-top:5px}.empty-orbit{color:#75d3aa;border:1px solid #75d3aa47;border-radius:50%;place-items:center;width:150px;height:150px;margin:52px auto;font-size:48px;display:grid;box-shadow:0 0 0 28px #75d3aa06,0 0 0 56px #75d3aa05}.song-menu{--menu-bg:#171918;--menu-panel:#1e211f;--menu-raised:#242725;--menu-border:#303431;--menu-muted:#929a95;--menu-accent:#75d3aa;background:var(--menu-bg);padding:16px}.song-menu-header{border-color:var(--menu-border);grid-template-columns:auto minmax(160px,1fr) auto auto auto auto auto;gap:8px;min-height:58px;padding:0 0 12px}.library-view-toggle{border:1px solid var(--menu-border);background:#202321;border-radius:8px;grid-template-columns:repeat(2,30px);place-content:center;gap:6px;width:78px;min-width:78px;height:42px;padding:5px;display:inline-grid;overflow:hidden}.library-view-toggle button{color:#8f9892;background:#191c1a;border:1px solid #3a403c;border-radius:5px;place-items:center;width:30px;min-width:30px;height:30px;padding:0;display:grid;overflow:hidden}.library-view-toggle button[aria-pressed=true]{color:#dff9eb;background:#365646;border-color:#4d7d67;box-shadow:inset 0 0 0 1px #75d3aa1f}.library-view-toggle svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block;overflow:hidden}.song-select-brand{margin-right:16px}.song-select-brand span{color:var(--menu-accent);letter-spacing:1.8px;font-size:9px}.song-select-brand strong{color:#f2f4f3;margin-top:5px;font-size:19px;font-weight:650}.song-menu-header input,.song-menu-header select,.song-menu-header button,.song-menu-sort{border-radius:7px;height:42px}.song-menu-header .library-view-toggle button{aspect-ratio:1;width:30px;min-width:30px;height:30px;padding:0}.song-menu-header input,.song-menu-header select{border-color:var(--menu-border);background:#202321;min-width:0}.song-menu-sort{color:#c6cbc8;background:#202321;align-items:center;padding:0 13px;display:flex}.menu-primary,.menu-play{color:#f3fff9;box-shadow:none;background:#396a55;border-color:#4f8f73}.menu-primary:hover,.menu-play:hover{background:#437b63;border-color:#65ad8c}.profile-chip{background:#202321;border-radius:7px;height:42px;padding:4px 9px}.profile-chip.active{background:#26332d;border-color:#588b74}.profile-avatar{color:#153326;width:30px;height:30px;box-shadow:none;background:#75d3aa}.menu-close{color:#b9bfbb;border-radius:7px;height:42px;font-size:22px}.song-menu-layout{grid-template-columns:184px minmax(300px,1fr) minmax(320px,36%);gap:12px;height:calc(100% - 70px);padding-top:12px}.song-menu-scopes{border-color:var(--menu-border);gap:4px;padding:0 12px 0 0}.song-menu-scopes button{color:#c7ccc9;background:0 0;border-color:#0000;border-radius:6px;min-height:38px;padding:8px 10px}.song-menu-scopes button:hover{background:#202321;border-color:#0000}.song-menu-scopes button.active{background:#29352f;border-color:#3d5d4e}.song-menu-scopes .explorer-parent{font-weight:650}.song-menu-scopes .explorer-parent b{color:#78827c;font-size:16px}.song-menu-scopes .scope-child{min-height:34px;color:var(--menu-muted);padding:7px 10px 7px 22px}.song-menu-scopes .scope-child:before{color:#59625d}.song-menu-scopes .scope-child.active{color:#e8f7ef;background:#253029}.song-list{scrollbar-color:#3c433f transparent;scrollbar-width:thin;padding:0 5px 0 0}.song-row-wrap{min-width:0;margin-bottom:6px;position:relative}.song-row{background:var(--menu-raised);width:100%;min-height:58px;box-shadow:none;border-color:#303431;border-radius:7px;grid-template-columns:48px minmax(100px,1fr) auto auto;justify-content:stretch;margin:0;padding:9px 90px 9px 10px;display:grid;transform:none}.song-art{color:#8fd9b7;background:repeating-linear-gradient(0deg,#0000 0 7px,#8ed9b714 7px 8px),linear-gradient(145deg,#2b4036,#1a201d);border:1px solid #3a4b42;border-radius:5px;place-items:center;width:42px;height:42px;overflow:hidden;display:grid!important}.song-art b{font-size:20px;font-weight:500}.song-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.song-copy strong,.song-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-metadata{align-items:center;flex-direction:row!important;gap:6px!important;display:flex!important}.song-metadata span,.song-status{color:#aeb7b2;white-space:nowrap;border:1px solid #363d39;border-radius:999px;padding:4px 7px;font-size:10px}.song-status{color:#8fc8ac;border-color:#365244}.song-status.error{color:#ffaaa4;border-color:#6f403c}.song-favorite{z-index:2;color:#656d68;background:0 0;border-color:#0000;width:34px;min-width:34px;height:34px;padding:0;font-size:17px;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.song-favorite.active{color:#75d3aa}.song-more{z-index:2;background:0 0;border-color:#0000;width:34px;min-width:34px;height:34px;padding:0;font-size:20px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.song-action-menu{z-index:12;background:#252825;border:1px solid #404642;border-radius:7px;width:210px;padding:5px;position:absolute;top:calc(100% - 3px);right:8px;box-shadow:0 16px 38px #00000061}.song-action-menu button{text-align:left;background:0 0;border-color:#0000;width:100%;min-width:0;padding:9px 10px}.song-action-menu button:hover{background:#303531}.song-action-menu button:disabled{display:none}.song-row>*{transform:none}.song-row:hover{background:#292d2a;border-color:#3a403c}.song-row.active{box-shadow:inset 3px 0 0 var(--menu-accent);background:#293730;border-color:#588b74}.song-row span{gap:4px}.song-row strong{color:#f0f2f1;font-size:13px}.song-row small{color:var(--menu-muted)}.song-row em{color:#8fc8ac}.song-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding-right:5px;display:grid}.song-list-grid .song-row-wrap{margin:0}.song-list-grid .song-row{grid-template-rows:132px auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:10px;height:100%;min-height:238px;padding:10px 10px 13px}.song-list-grid .song-art{background:radial-gradient(circle at 72% 26%,#75d3aa2e,#0000 30%),repeating-linear-gradient(0deg,#0000 0 18px,#8ed9b712 18px 19px),linear-gradient(145deg,#2b4036,#191e1b);border-radius:6px;grid-column:1/-1;width:100%;height:132px}.song-list-grid .song-art b{text-shadow:0 10px 25px #0006;font-size:46px}.song-list-grid .song-copy{grid-column:1/-1}.song-list-grid .song-copy strong{font-size:15px}.song-list-grid .song-copy small{font-size:12px}.song-list-grid .song-metadata{justify-self:start}.song-list-grid .song-status{place-self:center end}.song-list-grid .song-favorite{color:#abb5af;background:#131815d1;top:18px;right:48px;transform:none;box-shadow:0 4px 12px #0003}.song-list-grid .song-favorite.active{color:#9aebc5}.song-list-grid .song-more{background:#131815d1;top:18px;right:12px;transform:none;box-shadow:0 4px 12px #0003}.song-list-grid .song-action-menu{top:52px}.song-list-grid .song-empty{grid-column:1/-1}.song-detail{border-color:var(--menu-border);background:var(--menu-panel);border-radius:9px;padding:184px 22px 22px}.song-detail:before{color:#8ed9b6;height:136px;box-shadow:none;background:linear-gradient(145deg,#25342d,#1a1e1c);border-color:#35443c;border-radius:7px;top:20px;left:20px;right:20px}.song-detail h2{margin:5px 0 7px;font-size:25px}.detail-kicker{color:#79cda6;font-size:10px;font-weight:700}.song-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 14px;display:grid}.song-metrics span{color:#8f9892;border:1px solid #303632;border-radius:6px;padding:10px;font-size:10px}.song-metrics strong{color:#e8ece9;margin-bottom:3px;font-size:13px;display:block}.song-detail-tabs{border-bottom:1px solid #303431;gap:4px;padding-bottom:10px;display:flex}.song-detail-tabs button{background:0 0;border-color:#0000;flex:1 1 0;min-width:0;padding:8px 5px;font-size:11px}.song-detail-tabs button[aria-selected=true]{color:#eafff3;background:#29352f;border-color:#3d5d4e}#song-detail-panel{min-height:70px;padding-top:12px}.detail-empty{color:#929a95;border:1px dashed #39403c;border-radius:6px;padding:14px;font-size:12px;line-height:1.45}.song-empty{color:#a5aca8;text-align:center;border:1px dashed #363c38;border-radius:8px;place-items:center;min-height:240px;padding:28px;display:grid}.song-empty strong{color:#ecefed;font-size:17px}.song-empty p{margin:-10px 0 0}.song-empty button{min-width:160px}.song-drop-overlay{z-index:100;color:#eafff3;text-align:center;pointer-events:none;background:#141916f0;border:2px dashed #75d3aa;border-radius:12px;place-content:center;gap:8px;display:grid;position:fixed;inset:12px}.song-drop-overlay strong{font-size:clamp(24px,4vw,42px)}.song-drop-overlay span{color:#9fb1a7}.menu-play{min-height:46px;margin-top:20px}.detail-note{color:var(--menu-muted);line-height:1.45}.menu-surface-panel{border-color:var(--menu-border);background:var(--menu-panel);box-shadow:none;border-radius:9px;padding:clamp(28px,5vw,64px)}.menu-surface-panel h2{font-size:clamp(28px,3.5vw,46px);font-weight:650}.profile-avatar.large{width:96px;height:96px;font-size:34px}.profile-stats{gap:10px;margin-top:30px}.profile-stats div{border-color:var(--menu-border);background:#222523;border-radius:7px;padding:18px}.profile-stats strong{color:#9fe2c2;font-size:25px}.empty-orbit{color:#78cda5;width:112px;height:112px;box-shadow:none;border-color:#3b5247;margin:48px auto;font-size:38px}@media (max-width:1000px) and (min-width:701px){.song-menu-layout{grid-template-columns:160px minmax(260px,1fr) minmax(280px,34%)}.profile-chip{width:44px;padding:6px;min-width:44px!important}.profile-chip>span:last-child{display:none}}@media (max-width:899px) and (min-width:701px){.song-list-grid{grid-template-columns:1fr}}.song-mobile-primary-nav,.song-mobile-filter-nav,.song-mobile-playbar{display:none}.song-list{margin:0;list-style:none}.song-menu :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #9fe2c2}.menu-login,.login-submit{font-weight:750;color:#fff!important;background:#bd2c36!important;border-color:#e34b55!important}.login-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-panel{color:#eee;background:#1b1e1c;border:1px solid #454b47;border-radius:14px;width:min(440px,100%);padding:30px;position:relative;box-shadow:0 24px 80px #000}.login-panel label{color:#cbd2ce;gap:8px;margin:22px 0 14px;display:grid}.login-panel input{color:#fff;background:#111;border:1px solid #4b514d;border-radius:7px;min-height:46px;padding:10px 12px}.login-panel .login-submit{width:100%;min-height:46px}.login-close{font-size:26px;position:absolute;top:12px;right:14px;background:0 0!important;border:0!important;min-width:40px!important}.cloud-lock{text-align:center;filter:none;place-content:center;justify-items:center;min-height:320px;display:grid}.cloud-lock>div{font-size:36px}.cloud-lock p{color:#aeb8b2;max-width:440px}.song-favorite,.song-more,.song-detail-tabs button,.menu-close,.library-view-toggle button{min-width:44px;min-height:44px}.library-view-toggle{grid-template-columns:repeat(2,44px);width:104px;min-width:104px;height:52px;padding:3px}.song-menu-header .library-view-toggle button{width:44px;min-width:44px;height:44px}.song-favorite{width:44px;height:44px;right:53px}.song-more{width:44px;height:44px}@media (max-width:700px){.song-menu{padding:0 8px calc(76px + env(safe-area-inset-bottom));overflow-y:auto}.song-menu-mobile-sticky{z-index:20;background:#171918;padding-top:8px;position:sticky;top:0;box-shadow:0 1px #303431}.song-menu-header{grid-template-columns:minmax(0,1fr) 44px 44px;padding-bottom:6px;position:static}.song-menu-header input{grid-area:2/1/auto/-1;height:44px}.song-menu-header select{grid-area:3/1;height:44px}.song-menu-header .library-view-toggle{grid-area:3/2/auto/4;justify-self:end}.song-menu-header .menu-primary{grid-area:4/1/auto/-1;min-height:44px}.song-menu-header .profile-chip{grid-area:1/2;width:44px;height:44px;min-width:44px!important}.song-menu-header .menu-close{grid-area:1/3;width:44px;min-width:44px;height:44px;padding:0}.song-mobile-primary-nav,.song-mobile-filter-nav{scrollbar-width:none;gap:6px;padding:6px 0;scroll-padding-inline:8px;display:flex;overflow-x:auto}.song-mobile-filter-nav{padding-top:0}.song-mobile-primary-nav button,.song-mobile-filter-nav button{flex:none;min-height:44px;padding:8px 14px}.song-mobile-primary-nav button.active,.song-mobile-filter-nav button.active{color:#eafff3;background:#293b33;border-color:#4f7d68}.song-menu-layout{height:auto;min-height:0;padding-top:8px;display:block}.song-menu-scopes{display:none}.song-list{max-height:none;padding:0;overflow:visible}.song-list-grid{grid-template-columns:1fr;display:grid}.song-row{min-height:64px;padding-right:104px}.song-list-list .song-row{grid-template-columns:44px minmax(80px,1fr) auto}.song-detail{display:none}.menu-surface-panel{min-height:45vh}.song-action-menu{z-index:40;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;position:fixed;top:auto}.song-action-menu button{min-height:44px}.song-mobile-playbar{z-index:30;min-height:68px;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#1d211ffa;border-top:1px solid #3d4f46;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.song-mobile-playbar span{flex-direction:column;flex:1;min-width:0;display:flex}.song-mobile-playbar small{color:#929a95}.song-mobile-playbar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-mobile-playbar button{color:#f3fff9;background:#396a55;border-color:#4f8f73;min-width:88px;min-height:44px}}.visualizer-action-button:hover{background:0 0;transform:translateY(-1px)}.visualizer-action-button svg{pointer-events:none;filter:drop-shadow(0 10px 24px #00000057);width:100%;height:auto;display:block}.visual-score-hud{z-index:7;color:#f4fff9;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0a7a;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 22px #0000003d}.visual-score-rank{color:#9ff0b0;text-align:center;min-width:28px;font-size:16px;font-weight:800;line-height:1}.visual-score-value{letter-spacing:0;font-family:Consolas,monospace;font-size:14px;line-height:1}.visual-fullscreen-button{z-index:8;color:#f4f4f4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0a3d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.visual-fullscreen-button:hover{background:#ffffff14;border-color:#fff3}.visual-fullscreen-button svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:19px;height:19px;display:block}.visual-orientation-hint{z-index:7;color:#d8dfdc;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0a85;border:1px solid #ffffff17;border-radius:6px;padding:6px 9px;font-size:11px;line-height:1;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#keyboard-container{width:100%;height:var(--keyboard-height);box-sizing:border-box;background:#090909;border:1px solid #2d2d2d;border-radius:0 0 4px 4px;margin-top:0;padding:0;overflow:hidden}#keyboard{height:var(--white-key-height);-webkit-user-select:none;user-select:none;margin:0;position:relative}.key{box-sizing:border-box;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #111;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;padding:0 1px 7px;font-size:10px;transition:background 50ms;display:flex;position:absolute;overflow:hidden}.white{height:var(--white-key-height);width:var(--white-key-width);z-index:1;color:#999;background:linear-gradient(#ddd 0%,#fff 100%)}.black{height:var(--black-key-height);width:var(--black-key-width);z-index:2;color:#666;background:linear-gradient(#333 0%,#000 100%)}.key-label{pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;line-height:1;display:flex}.key-shortcut{color:#333;white-space:nowrap;background:#00000014;border-radius:4px;justify-content:center;align-items:center;min-width:14px;max-width:calc(100% - 2px);height:14px;padding:0 2px;font-size:8px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014}.key-label-midi{gap:1px;padding-bottom:1px}.key-note{color:#3d4742;white-space:nowrap;justify-content:center;align-items:baseline;gap:1px;max-width:100%;font-weight:800;line-height:1;display:inline-flex}.key-note-name{text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.key-note-octave{opacity:.72;font-size:7px;transform:translateY(-2px)}.sheet-note{color:#1d211f;flex-direction:column;align-items:center;gap:0}.sheet-note .key-note-name{text-transform:lowercase;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700}.sheet-note .key-note-octave{opacity:.82;font-size:8px;line-height:.9;transform:none}.black .key-label{gap:2px;padding-bottom:1px}.black .key-shortcut{color:#eee;background:#ffffff24;min-width:13px;height:13px;padding:0 2px;box-shadow:inset 0 0 0 1px #ffffff14}.black .key-note{color:#ededed}.black .sheet-note{color:#f5f5f5}.white.active{height:calc(var(--white-key-height) - 3px);box-shadow:inset 0 5px 12px #00000047,0 2px 10px #00000080;background:#a5d6a7!important}.black.active{height:calc(var(--black-key-height) - 3px);box-shadow:inset 0 5px 10px #0000008c;background:#2e7d32!important}.pedals-container{justify-content:center;gap:18px;margin-top:16px;padding:16px 0 2px;display:flex}.pedals-container.hidden{display:none}.pedal{opacity:.82;cursor:pointer;touch-action:none;border-radius:8px;width:82px;height:72px;transition:opacity .12s,transform .12s}.pedal.active{opacity:1;transform:translateY(5px)}.pedal svg{pointer-events:none;width:100%;height:100%;display:block}.pedal .pedal-body{fill:#b8b8b8;stroke:#222;stroke-width:2.4px}.pedal .pedal-icon{fill:none;stroke:#050505;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.pedal.active .pedal-body{fill:#d0d0d0;stroke:#f0f0f0}.modal-backdrop{z-index:20;box-sizing:border-box;background:#000000b8;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.setup-panel{text-align:center;background:#202020;border:1px solid #333;border-radius:8px;width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 24px 80px #00000073}.setup-body{padding:22px;position:relative}.setup-close{color:#aaa;width:40px;min-width:40px;height:40px;padding:0;position:absolute;top:10px;right:10px}#setupInstrument{width:100%}.instrument-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:14px;display:grid}.instrument-card{color:#f2f2f2;text-align:center;background:#242424;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:148px;padding:14px;display:flex}.instrument-card[disabled]{opacity:.34;cursor:not-allowed}.instrument-card svg{width:128px;height:78px;display:block}.instrument-card strong{font-size:14px;display:block}.setup-title{margin:0 0 7px;font-size:16px}.setup-title:empty{display:none}.setup-copy{color:#bcbcbc;margin:0 0 12px;font-size:13px;line-height:1.35}.setup-copy:empty{display:none}.setup-actions{justify-content:center;align-items:center;gap:0;width:100%;margin-top:12px;display:flex}.setup-choice{background:0 0;border:0;width:138px;min-width:0;padding:0}.setup-choice:hover{background:0 0;transform:translateY(-1px)}.setup-choice svg{pointer-events:none;width:100%;height:auto;display:block}.setup-action-stack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.setup-choice-row{justify-content:flex-start;gap:8px;width:100%;padding-left:18px;display:flex}.setup-svg-action{background:0 0;border:0;width:min(360px,100%);min-width:0;padding:0}.setup-svg-action:hover{background:0 0;transform:translateY(-1px)}.setup-svg-action svg{width:100%;height:auto;display:block}.setup-svg-action .click-zone{cursor:pointer}.range-preview{background:#141414;border:1px solid #303030;border-radius:8px;margin-top:12px;padding:10px;display:none;overflow-x:auto}.range-preview.visible{display:block}.range-keyboard{height:84px;margin:0 auto;position:relative}.range-key{box-sizing:border-box;border:1px solid #111;border-radius:0 0 4px 4px;position:absolute;bottom:0}.range-white{z-index:1;background:#f1f1f1;width:18px;height:84px}.range-black{z-index:2;background:#050505;width:11px;height:52px;margin-left:-5.5px}.range-key.no-key{background:#9c2b2b}.range-key.yes-key{background:#2d7b3d}.setup-summary{display:none}.config-grid{text-align:left;grid-template-columns:repeat(auto-fit,104px);justify-content:center;gap:8px;width:100%;margin-top:10px;display:grid}.config-card,.add-config-card,.input-card{aspect-ratio:1;color:#f2f2f2;text-align:left;background:#242424;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;width:104px;min-width:0;min-height:0;padding:8px;display:flex}.config-card{text-align:center;justify-content:center;align-items:center;gap:4px;padding:8px;position:relative}.config-card.with-controls{justify-content:stretch;gap:0;padding:0;overflow:hidden}.config-card-main{box-sizing:border-box;width:100%;min-width:0;min-height:0;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:3px;padding:7px 7px 0;display:flex}.config-card-main:hover{background:0 0}.config-card-main:focus-visible{outline-offset:-2px;border-radius:7px 7px 0 0;outline:1px solid #f0f0f0b3}.config-card strong,.input-card strong{color:#f5f5f5;font-size:14px}.config-card strong{overflow-wrap:anywhere;width:100%;min-height:24px;line-height:1.15;display:block}.config-card span,.input-card span{color:#aaa;font-size:12px;line-height:1.35}.config-logo-wrap{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:46px;display:flex}.config-logo{width:78px;height:44px;display:block}.config-dot{background:#777;border:1px solid #ffffff2e;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.config-card.connected .config-dot{background:#55c36a;border-color:#97ffa980;box-shadow:0 0 7px #55c36aa6}.add-config-card{text-align:center;color:#f5f5f5;align-items:center;font-size:34px;line-height:1}.menu-config-card{letter-spacing:1px;font-size:28px}.config-stack-icon{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px;display:block}.header-midi-box{width:auto;min-width:0;max-width:calc((var(--header-btn-max-size) * 2) + 7px);align-items:stretch;gap:7px;margin-left:auto;display:flex}.header-midi-box .header-instrument-card{width:100%;min-width:var(--header-btn-min-size);max-width:var(--header-btn-max-size);cursor:pointer;gap:3px;min-height:0;padding:7px}.header-midi-box .header-add-config{width:clamp(var(--header-btn-min-size), 20vw, var(--header-btn-max-size));min-width:var(--header-btn-min-size);max-width:var(--header-btn-max-size);flex:none;font-size:34px}.header-midi-box .header-instrument-card:hover{background:#2b2b2b;border-color:#555}.header-midi-box .header-instrument-card:focus-visible{outline-offset:2px;outline:2px solid #f0f0f0bf}.header-midi-box .config-logo-wrap{height:36px}.header-midi-box .config-logo{width:64px;height:36px}.header-midi-box .config-card strong{min-height:22px;font-size:11px}.config-expand-button{color:#a8a8a8;cursor:pointer;background:#ffffff04;border:0;border-top:1px solid #333;flex:0 0 20px;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;display:flex}.config-expand-button:hover{color:#f0f0f0;background:#ffffff0a}.config-expand-button:focus-visible{outline-offset:1px;border-radius:6px;outline:1px solid #f0f0f0b3}.config-expand-button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:14px;height:14px;display:block}.config-card.expanded .config-expand-button svg{transform:rotate(180deg)}.knobs-container.hidden-by-config{display:none}.standalone-card .config-dot{background:#55c36a;border-color:#97ffa980;box-shadow:0 0 7px #55c36aa6}.editor-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;display:grid}.editor-stack{width:100%}.editor-field{flex-direction:column;gap:5px;display:flex}.editor-field input,.editor-field select{box-sizing:border-box;width:100%;min-width:0}.editor-field input[type=number]{appearance:textfield}.editor-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-bind-button{color:#fff;cursor:pointer;text-align:left;background:#282828;border:1px solid #373737;border-radius:6px;width:100%;min-height:34px;padding:6px 8px;font-size:13px}.editor-bind-button.listening{border-color:#55c36a;box-shadow:0 0 0 2px #55c36a33}.editor-error{color:#ff8a80;text-align:left;min-height:16px;margin-top:10px;font-size:12px;display:none}.modal-actions-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:14px;display:flex}.danger-button{background:#3a2020;border-color:#743333}.danger-button:hover{background:#4a2525;border-color:#9c4444}body.visual-focus-mode{background:#050606;padding:0;overflow:hidden}body.visual-focus-mode .container{flex-direction:column;min-height:100dvh;display:flex}body.visual-focus-mode .header-section,body.visual-focus-mode .learning-modal-backdrop,body.visual-focus-mode .modal-backdrop,body.visual-focus-mode .song-result-backdrop,body.visual-focus-mode .settings-modal-backdrop,body.visual-focus-mode .knobs-container,body.visual-focus-mode #midi-log,body.visual-focus-mode .loading-bar,body.visual-focus-mode .transport-panel,body.visual-focus-mode .pedals-container{display:none}body.visual-focus-mode #practiceStage,#practiceStage:fullscreen{background:#050606;border-radius:0;flex-direction:column;justify-content:stretch;width:100%;height:100dvh;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}body.visual-focus-mode .falling-visualizer,#practiceStage:fullscreen .falling-visualizer{border-left:0;border-right:0;border-radius:0;flex:auto;height:auto;min-height:0}body.visual-focus-mode #keyboard-container,#practiceStage:fullscreen #keyboard-container{flex:0 0 var(--keyboard-height);height:var(--keyboard-height);border-bottom:0;border-left:0;border-right:0;border-radius:0;overflow:hidden}body.visual-focus-mode .visual-score-hud,#practiceStage:fullscreen .visual-score-hud{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));max-width:calc(100% - 72px - env(safe-area-inset-left) - env(safe-area-inset-right));box-sizing:border-box;padding:8px 10px}body.visual-focus-mode .visual-fullscreen-button,#practiceStage:fullscreen .visual-fullscreen-button{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}@media (orientation:portrait) and (pointer:coarse){body.visual-focus-mode .visual-orientation-hint,#practiceStage:fullscreen .visual-orientation-hint{bottom:max(12px, env(safe-area-inset-bottom));display:block}}@media (max-width:1100px){.knobs-container{--knob-cols:4}}@media (max-width:700px){body{padding:6px}.header-section{flex-direction:row;align-items:stretch;gap:8px;padding:8px;overflow:hidden}.header-menu-button{width:72px;min-width:72px;height:72px;padding:6px}.song-menu{background:#171918;padding:8px;overflow-y:auto}.song-menu-header{z-index:2;background:#171918;grid-template-columns:1fr auto auto;min-height:54px;padding-bottom:8px;position:sticky;top:0}.song-select-brand{min-width:0;margin:0}.song-select-brand strong{font-size:17px}.song-menu-header input{grid-area:2/1/auto/-1}.song-menu-header select{grid-area:3/1;width:100%}.song-menu-header .library-view-toggle{grid-area:3/2}.song-menu-header .library-view-toggle button{width:30px;min-width:30px;padding:0}.song-menu-header .menu-primary{grid-area:3/3}.song-menu-header-spacer{display:none}.song-menu-header button{min-width:74px;padding-inline:7px}.song-menu-header .profile-chip{grid-area:1/2;width:46px;padding:6px;min-width:46px!important}.profile-chip>span:last-child{display:none}.song-menu-header .menu-close{grid-area:1/3}.song-menu-layout{grid-template-columns:1fr;gap:8px;height:auto;min-height:calc(100dvh - 112px);padding-top:8px}.song-menu-scopes{z-index:2;scrollbar-width:none;background:#171918;border:0;flex-direction:row;gap:4px;padding:0 0 8px;position:sticky;top:94px;overflow-x:auto}.song-menu-scopes button{text-align:center;flex:none;width:auto;min-width:88px}.song-menu-scopes .explorer-parent{display:flex}.song-menu-scopes .scope-child{padding-left:8px}.song-menu-scopes .scope-child:before{display:none}.song-list{max-height:48vh;padding:0}.song-list-grid{grid-template-columns:1fr}.song-list-list .song-row{grid-template-columns:44px minmax(80px,1fr) auto;padding-right:88px}.song-list-list .song-metadata{display:none!important}.song-list-grid .song-row{min-height:226px}.song-detail{min-height:44vh;padding:136px 16px 16px}.song-detail:before{height:100px;top:14px;left:14px;right:14px}.song-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.song-action-menu{width:auto;position:fixed;inset:auto 12px 12px}.menu-surface-panel{grid-column:1;padding:22px 16px}.profile-hero{align-items:flex-start;gap:14px}.profile-avatar.large{width:72px;height:72px;font-size:28px}.profile-stats{grid-template-columns:1fr}.learning-controls{flex-wrap:nowrap;flex:none;justify-content:flex-start;width:auto}.learning-desktop-controls{display:none}.learning-menu-button.add-config-card{display:flex}.learning-card,.learning-menu-button.add-config-card{width:72px;min-width:72px;max-width:72px;padding:6px}.learning-menu-button.add-config-card svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px;display:block}.learning-card svg{width:56px;height:32px}.learning-card strong{min-height:20px;font-size:11px}.controls-row{flex-wrap:nowrap;flex:auto;justify-content:flex-end;gap:8px;width:auto;min-width:0;overflow:hidden}.header-midi-box{width:152px;min-width:152px;max-width:152px}.header-midi-box .header-instrument-card{width:72px;min-width:72px;max-width:72px;padding:6px}.header-midi-box .header-add-config{width:72px;min-width:72px;max-width:72px;padding:6px;display:flex}.header-midi-box .config-logo-wrap{height:32px}.header-midi-box .config-logo{width:56px;height:32px}.header-midi-box .config-card strong{min-height:20px;font-size:11px}.knobs-container{--knob-cols:4}.instrument-grid,.editor-grid{grid-template-columns:1fr}.transport-panel{grid-template-columns:auto minmax(0,1fr);gap:8px 9px;padding:9px}.transport-actions{gap:8px}.transport-button{width:42px;min-width:42px;height:40px}.transport-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.transport-time{grid-column:1/-1;justify-self:start}.timeline-track{height:10px}.song-result-backdrop{align-items:center;padding:10px}.song-result-panel{width:min(380px,100%);padding:13px}.song-result-main{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.song-result-rank{width:74px;min-width:54px;height:62px}.song-result-score{font-size:22px}.song-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.song-result-actions{justify-content:stretch}.song-result-actions button{flex:1 1 0;min-width:0;min-height:42px}.falling-visualizer{height:clamp(155px,31vh,245px)}.visualizer-action-button{width:min(190px,68vw)}#visualizerImportButton{width:82px;height:82px;padding:10px}.visual-score-hud{gap:6px;padding:6px 8px;top:8px;left:8px}.visual-score-rank{min-width:24px;font-size:14px}.visual-score-value{font-size:12px}.visual-fullscreen-button{width:40px;min-width:40px;height:40px;top:8px;right:8px}body.visual-focus-mode .visual-score-hud,#practiceStage:fullscreen .visual-score-hud{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));max-width:calc(100% - 58px - env(safe-area-inset-left) - env(safe-area-inset-right));gap:5px;padding:5px 7px}body.visual-focus-mode .visual-fullscreen-button,#practiceStage:fullscreen .visual-fullscreen-button{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:40px;min-width:40px;height:40px}}#status{color:#cfcfcf;text-transform:uppercase;letter-spacing:1px;min-height:16px;font-size:13px;font-weight:700;display:none}.loading-bar{background:#333;border-radius:3px;width:100%;height:6px;margin-top:15px;display:none;overflow:hidden}#progress{background:#4caf50;width:0%;height:100%;transition:width .1s}@media (max-width:700px){.song-menu{padding:0 8px calc(76px + env(safe-area-inset-bottom));overflow-y:auto}.song-menu-mobile-sticky{z-index:20;background:#171918;position:sticky;top:0}.song-menu-header{position:static}.song-menu-header .library-view-toggle button{width:44px;min-width:44px;height:44px;padding:0}.song-menu-scopes,.song-detail{display:none}.song-menu-layout{height:auto;min-height:0;display:block}.song-list{max-height:none;overflow:visible}.song-mobile-playbar{display:flex}}