*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=mocha]{color-scheme:dark;--od-bg: #282c34;--od-bg-light: #2c323c;--od-bg-lighter: #3e4451;--od-bg-dark: #21252b;--od-bg-darker: #1e2127;--od-fg: #abb2bf;--od-fg-muted: #5c6370;--od-fg-subtle: #4b5263;--od-red: #e06c75;--od-orange: #d19a66;--od-yellow: #e5c07b;--od-green: #98c379;--od-cyan: #56b6c2;--od-blue: #61afef;--od-purple: #c678dd;--bg-base: var(--od-bg);--bg-surface: var(--od-bg-darker);--bg-elevated: var(--od-bg-dark);--bg-overlay: var(--od-bg-lighter);--text-primary: var(--od-fg);--text-secondary: #8b95a7;--text-muted: var(--od-fg-muted);--border-color: var(--od-bg-lighter);--accent: var(--od-orange);--accent-hover: var(--od-yellow);--warning: var(--od-orange);--canvas-bg: var(--od-bg-light);--ctp-red: var(--od-red);--ctp-blue: var(--od-blue);--ctp-peach: var(--od-orange);--ctp-maroon: #be5046;--ctp-sapphire: var(--od-cyan);--ctp-crust: var(--od-bg-darker);--sheet-note-color: #cdd6f4;--sheet-stave-color: #6c7086}[data-theme=latte]{color-scheme:light;--ctp-rosewater: #dc8a78;--ctp-flamingo: #dd7878;--ctp-pink: #ea76cb;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-sky: #04a5e5;--ctp-sapphire: #209fb5;--ctp-blue: #1e66f5;--ctp-lavender: #7287fd;--ctp-text: #4c4f69;--ctp-subtext1: #5c5f77;--ctp-subtext0: #6c6f85;--ctp-overlay2: #7c7f93;--ctp-overlay1: #8c8fa1;--ctp-overlay0: #9ca0b0;--ctp-surface2: #c8c2b8;--ctp-surface1: #d4cfc6;--ctp-surface0: #e0dbd3;--ctp-base: #faf8f5;--ctp-mantle: #f5f2ed;--ctp-crust: #ebe7e0;--bg-base: var(--ctp-base);--bg-surface: var(--ctp-surface0);--bg-elevated: var(--ctp-surface1);--bg-overlay: var(--ctp-surface2);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext1);--text-muted: var(--ctp-overlay1);--border-color: var(--ctp-surface1);--accent: #d19a66;--accent-hover: #e5c07b;--warning: var(--ctp-peach);--canvas-bg: var(--ctp-mantle);--sheet-note-color: #4c4f69;--sheet-stave-color: #9ca0b0}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-overlay);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer;border:none}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}select option{background:var(--bg-surface);color:var(--text-primary)}._controls_mjafj_1{display:flex;flex-direction:column;background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;position:relative;z-index:10}._header_mjafj_11{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;gap:8px}._headerLeft_mjafj_19{display:flex;align-items:center;gap:8px;flex-wrap:wrap}._logo_mjafj_26{height:28px;width:auto;border-radius:6px;padding:2px;box-sizing:content-box}._headerCenter_mjafj_34{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;min-width:0}._headerRight_mjafj_43,._volumeControl_mjafj_49{display:flex;align-items:center;gap:4px}._volumeSlider_mjafj_55{width:80px;cursor:pointer}._grid_mjafj_60{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px;border-top:1px solid var(--border-color);background:var(--bg-base)}._gridItem_mjafj_69{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;background:var(--bg-surface);border-radius:4px;border:1px solid var(--border-color)}._section_mjafj_80{display:flex;align-items:center;gap:4px}._button_mjafj_86{padding:5px 10px;background:var(--bg-elevated);border:none;border-radius:4px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background-color .15s}._button_mjafj_86:hover:not(:disabled){background:var(--bg-overlay)}._button_mjafj_86:disabled{opacity:.5;cursor:not-allowed}._button_mjafj_86._active_mjafj_106{background:var(--accent);color:var(--bg-base)}._playButton_mjafj_111{width:32px;height:32px;padding:0;font-size:14px;display:flex;justify-content:center;align-items:center;line-height:1}._iconButton_mjafj_122{padding:5px 8px;font-size:14px}._mutedIcon_mjafj_127{color:var(--accent)}._viewButton_mjafj_131{white-space:nowrap}._select_mjafj_135{padding:5px 8px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;min-width:120px}._select_mjafj_135:focus{outline:none;border-color:var(--accent)}._label_mjafj_150{font-size:12px;color:var(--text-secondary);white-space:nowrap}._slider_mjafj_156{width:80px;cursor:pointer}._progressBar_mjafj_161{flex:1;min-width:80px;max-width:300px;cursor:pointer}._timeDisplay_mjafj_168{font-size:12px;color:var(--text-secondary);font-family:monospace;min-width:80px;display:flex;align-items:center;gap:8px}._measureDisplay_mjafj_178{color:var(--text-muted);font-size:11px}._checkboxLabel_mjafj_183{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);cursor:pointer}._checkboxLabel_mjafj_183 input{cursor:pointer}._warning_mjafj_196{font-size:12px;color:var(--warning)}._muted_mjafj_127{font-size:12px;color:var(--text-muted)}._loadingIndicator_mjafj_206{margin-left:8px;font-size:11px;color:var(--text-muted)}._trackName_mjafj_212{cursor:pointer;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}._tracksContainer_mjafj_221{position:relative}._tracksDropdown_mjafj_225{position:absolute;top:100%;left:0;min-width:250px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0003;z-index:100;max-height:200px;overflow-y:auto;margin-top:4px}._trackItem_mjafj_240{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border-color)}._trackItem_mjafj_240:last-child{border-bottom:none}._trackItem_mjafj_240:hover{background:var(--bg-elevated)}._trackButton_mjafj_256{padding:2px 4px;background:transparent;border:none;cursor:pointer;opacity:.3;font-size:12px;line-height:1;position:relative}._trackButton_mjafj_256:hover:not(:disabled){opacity:.8}._trackButton_mjafj_256._active_mjafj_106{opacity:1}._trackButton_mjafj_256._crossed_mjafj_275:after{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;background:var(--text-secondary);transform:rotate(-45deg)}._trackButton_mjafj_256:disabled{cursor:default;opacity:.15}._trackButton_mjafj_256:disabled._crossed_mjafj_275:after{display:none}._measureInput_mjafj_295{width:45px;padding:4px 6px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;text-align:center}._measureInput_mjafj_295:focus{outline:none;border-color:var(--accent)}._loopSeparator_mjafj_311{font-size:12px;color:var(--text-secondary)}._speedInput_mjafj_316{width:60px;padding:4px 6px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;text-align:center}._speedInput_mjafj_316:focus{outline:none;border-color:var(--accent)}@media(min-width:2200px){._grid_mjafj_60{grid-template-columns:repeat(10,1fr)}}@media(min-width:1900px)and (max-width:2199px){._grid_mjafj_60{grid-template-columns:repeat(8,1fr)}}@media(min-width:1600px)and (max-width:1899px){._grid_mjafj_60{grid-template-columns:repeat(7,1fr)}}@media(min-width:1400px)and (max-width:1599px){._grid_mjafj_60{grid-template-columns:repeat(6,1fr)}}@media(min-width:1100px)and (max-width:1399px){._grid_mjafj_60{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px)and (orientation:landscape){._progressBar_mjafj_161{max-width:150px;min-width:60px}._volumeSlider_mjafj_55{width:50px}}@media(max-width:700px)and (orientation:landscape){._progressBar_mjafj_161{max-width:80px;min-width:40px}._timeDisplay_mjafj_168{min-width:auto}._measureDisplay_mjafj_178,._volumeSlider_mjafj_55{display:none}}@media(max-width:900px)and (orientation:portrait){._header_mjafj_11{flex-wrap:wrap}._logo_mjafj_26{display:none}._headerLeft_mjafj_19{flex:1}._headerRight_mjafj_43{flex:1;justify-content:flex-end}._volumeControl_mjafj_49{margin-right:auto}._headerCenter_mjafj_34{order:3;flex-basis:100%;justify-content:center;padding:4px 0}._progressBar_mjafj_161{max-width:400px}}@media(max-width:700px){._grid_mjafj_60{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){._grid_mjafj_60{grid-template-columns:1fr}._tracksDropdown_mjafj_225{min-width:100%;max-height:50vh;-webkit-overflow-scrolling:touch}}._overlay_1ernw_1{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1000}._container_1ernw_14{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}._title_1ernw_22{font-size:1.25rem;font-weight:500;color:var(--text-primary)}._progressBar_1ernw_28{width:280px;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}._progressFill_1ernw_37{height:100%;background:var(--accent-color, #3b82f6);border-radius:4px;transition:width .2s ease-out}._progressText_1ernw_44{font-size:.875rem;color:var(--text-secondary)}._overlay_1udz5_1{position:absolute;top:10px;left:10px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:8px;box-shadow:4px 4px 12px #0003;z-index:50;min-width:130px;pointer-events:none}._staves_1udz5_15{display:flex;flex-direction:column;gap:0}._stave_1udz5_15{height:120px;overflow:visible}._stave_1udz5_15 svg{display:block;overflow:visible}._stave_1udz5_15 svg *{overflow:visible}._info_1udz5_35{display:flex;flex-direction:column;align-items:center;padding-top:4px;border-top:1px solid var(--border-color);margin-top:4px;min-height:28px}._chord_1udz5_45{display:flex;align-items:baseline;gap:2px}._chordRoot_1udz5_51{font-size:22px;font-weight:600;color:var(--text-primary);line-height:1}._chordSuffix_1udz5_58{font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1}._notes_1udz5_65{font-size:12px;color:var(--text-secondary);font-family:monospace;text-align:center;word-break:break-word;max-width:120px}._container_129ts_1{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--canvas-bg);display:flex;justify-content:center;scroll-snap-type:y mandatory}._snapPoint_129ts_11{position:absolute;left:0;width:100%;height:1px;scroll-snap-align:start;pointer-events:none}._svgContainer_129ts_20{position:relative;min-height:100%;flex-shrink:0}._svgContainer_129ts_20 svg{display:block}._svgContainer_129ts_20 .vf-stavenote,._svgContainer_129ts_20 .vf-notehead,._svgContainer_129ts_20 .vf-stem,._svgContainer_129ts_20 .vf-beam,._svgContainer_129ts_20 .vf-flag{fill:var(--sheet-note-color)!important;stroke:var(--sheet-note-color)!important}._svgContainer_129ts_20 .vf-stave line,._svgContainer_129ts_20 .vf-stave path{stroke:var(--sheet-stave-color)!important}._svgContainer_129ts_20 .vf-clef,._svgContainer_129ts_20 .vf-timesig,._svgContainer_129ts_20 .vf-keysig{fill:var(--sheet-stave-color)!important;stroke:var(--sheet-stave-color)!important}._svgContainer_129ts_20 .vf-clef path,._svgContainer_129ts_20 .vf-clef text,._svgContainer_129ts_20 .vf-timesig path,._svgContainer_129ts_20 .vf-timesig text,._svgContainer_129ts_20 .vf-keysig path,._svgContainer_129ts_20 .vf-keysig text{fill:var(--sheet-stave-color)!important;stroke:var(--sheet-stave-color)!important}._svgContainer_129ts_20 .vf-accidental,._svgContainer_129ts_20 .vf-accidental path{fill:var(--sheet-note-color)!important;stroke:var(--sheet-note-color)!important}._svgContainer_129ts_20 text{fill:var(--sheet-note-color)!important}._svgContainer_129ts_20 .vf-timesig text,._svgContainer_129ts_20 .vf-keysig text,._svgContainer_129ts_20 .vf-clef text{fill:var(--sheet-stave-color)!important}._highlights_129ts_84{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}._noteHighlight_129ts_91{position:absolute;background:var(--ctp-red);opacity:.25;border-radius:4px;box-shadow:0 0 12px var(--ctp-red)}._loopOverlay_129ts_99{position:absolute;background:var(--ctp-blue);opacity:.15;pointer-events:none;z-index:5}._progressLine_129ts_107{position:absolute;width:2px;background:var(--ctp-red);opacity:.8;z-index:15;pointer-events:none;box-shadow:0 0 8px var(--ctp-red)}._keyboard_1ct4b_1{position:relative;width:100%;height:12vh;min-height:80px;max-height:150px;background:var(--ctp-crust);overflow:hidden;-webkit-user-select:none;user-select:none}@media(max-width:768px){._keyboard_1ct4b_1{height:10vh;min-height:60px;max-height:100px}}@media(max-height:500px){._keyboard_1ct4b_1{height:15vh;min-height:50px;max-height:80px}}._keyboard_1ct4b_1:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,#00000059,#0000);pointer-events:none;z-index:10}._keysContainer_1ct4b_42{position:relative;height:100%;width:100%}._key_1ct4b_1{position:absolute;box-sizing:border-box;cursor:pointer;transition:background-color .05s ease}._white_1ct4b_55{height:100%;background:linear-gradient(to bottom,#fafafa,#e8e8e8);border:1px solid #bbb;border-top:none;border-radius:0 0 4px 4px}._white_1ct4b_55:hover{background:linear-gradient(to bottom,#fff,#f0f0f0)}._white_1ct4b_55._active_1ct4b_67{background:linear-gradient(to bottom,var(--ctp-sapphire) 0%,var(--ctp-blue) 100%);border-color:var(--ctp-blue)}._white_1ct4b_55._live_1ct4b_72{background:linear-gradient(to bottom,var(--ctp-peach) 0%,var(--ctp-maroon) 100%);border-color:var(--ctp-maroon);box-shadow:0 0 20px color-mix(in srgb,var(--ctp-peach) 80%,transparent),0 0 40px color-mix(in srgb,var(--ctp-peach) 40%,transparent),inset 0 0 10px #ffffff80}._black_1ct4b_81{height:62%;background:linear-gradient(to bottom,#404040,#1a1a1a);border-radius:0 0 4px 4px;z-index:2;box-shadow:0 2px 4px #00000080,inset 0 -1px 2px #ffffff1a}._black_1ct4b_81:hover{background:linear-gradient(to bottom,#505050,#252525)}._black_1ct4b_81._active_1ct4b_67{background:linear-gradient(to bottom,var(--ctp-blue) 0%,var(--ctp-sapphire) 100%);box-shadow:0 1px 2px #0000004d;transform:translateY(1px)}._black_1ct4b_81._live_1ct4b_72{background:linear-gradient(to bottom,var(--ctp-peach) 0%,var(--ctp-maroon) 100%);box-shadow:0 0 15px color-mix(in srgb,var(--ctp-peach) 80%,transparent),0 0 30px color-mix(in srgb,var(--ctp-peach) 40%,transparent),0 1px 2px #0000004d;transform:translateY(1px)}._label_1ct4b_110{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:9px;color:#888;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;white-space:nowrap}._blackLabel_1ct4b_122{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:8px;color:#aaa;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;white-space:nowrap}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-base);color:var(--text-primary);overflow:hidden}.main-content{flex:1;min-height:0;position:relative;overflow:hidden}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;text-align:center;padding:20px}.empty-state p{margin:0;max-width:400px}