.instrument-filter,.instrument-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.instrument-filter{margin:25px 0 8px}.instrument-filter button,.instrument-picker button{background:#fffefa;border:1px solid #cbd4c3;border-radius:24px;padding:10px 20px;font-size:14px}.instrument-filter button[aria-pressed=true],.instrument-picker button[aria-pressed=true]{color:#fffefa;background:#25563f;border-color:#25563f}.instrument-picker{margin:25px 0 0}.instrument-picker>span{margin-right:10px;font-size:14px}.instrument-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.instrument-badges button{color:#385634;background:#e9efdf;border-radius:14px;padding:5px 10px;font-size:12px}.instrument-badges button:hover{background:#d5e2c7}.practice-score .practice-note-active path{fill:#4a773b;stroke:#4a773b}.practice-score .score-note-target{z-index:4;background:0 0;min-height:13px}.practice-score .score-note-target:focus-visible{outline-offset:4px;outline:2px solid #a56727}.practice-score .score-note-target.current{background:#63864328;border-radius:9px}.practice-score .score-chord-label{color:#805420;z-index:3;font-size:14px;font-weight:650;position:absolute}.practice-score .numbered-note.current{color:#2b612f;background:#e6eedc;border-radius:5px}.practice-score .measure-select{min-height:24px;font-size:12px}.practice-score .numbered-note{font-size:16px}.practice-score .score-loading,.practice-score .score-error{padding:24px}.accompaniment-panel{background:#f0f3e9;border:1px solid #d5ddce;border-radius:11px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;padding:20px 24px;display:flex}.accompaniment-panel strong{font-size:15px}.accompaniment-panel p{color:#50634b;margin-top:4px;font-size:12px;line-height:1.7}.part-switches{flex-wrap:wrap;flex:1;align-items:center;gap:15px 22px;display:flex}.part-switches label{cursor:pointer;align-items:center;gap:8px;min-height:38px;font-size:14px;display:flex}.part-switches input{width:18px;height:18px}.accompaniment-panel .backing-note{flex-basis:100%;margin:0}.key-control select:disabled{opacity:1;color:#465e40;cursor:default;background:#f3f4ec}.now-playing .note-prompt small{color:#4d6146;font-size:12px}.mode-hint{color:#4d6146}.brand-tag{font-size:12px}.instrument-picker button:focus-visible,.instrument-filter button:focus-visible{outline-offset:3px;outline:3px solid #a56727}.version-switch{flex-wrap:wrap}.version-switch>button{flex:130px}.music-workspace{overflow:hidden}.score-caption{font-size:12px}@media (width<=760px){.instrument-picker{gap:7px;margin:20px 0 0}.instrument-picker>span{width:100%;margin-bottom:2px;font-size:12px}.instrument-filter button,.instrument-picker button{padding:9px 15px;font-size:13px}.accompaniment-panel{gap:12px;padding:15px}.accompaniment-panel>div:first-child{width:100%}.part-switches{gap:8px 15px}.part-switches label{font-size:13px}.brand-tag{text-align:right;max-width:160px;font-size:10px}.practice-score .numbered-note{font-size:15px}.version-switch>button{white-space:normal;min-height:49px;line-height:1.4}.music-workspace{padding:16px 12px 12px}.score-caption{font-size:11px;line-height:1.7}.play-actions{flex-wrap:wrap;min-width:0}.transport .primary{min-width:128px}.transport .secondary{padding:10px 13px}.now-playing{min-height:63px}}.practice-body,.practice-notation,.practice-aid{min-width:0}.practice-body.has-side-aid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.focused-workspace{overflow:visible}.focused-workspace .transport{z-index:8;background:#fffefa;margin-top:-8px;margin-bottom:10px;padding-block:8px;position:sticky;top:8px;box-shadow:0 4px 8px #fffefa}.focused-workspace .practice-aid{position:sticky;top:78px}.focused-workspace .score-toolbar{min-height:38px;padding:8px 12px 2px}.focused-workspace .score-caption{padding:4px 12px 7px;font-size:11px}.focused-workspace .compact-score{max-height:clamp(280px,100dvh - 300px,420px)}.focused-workspace .now-playing{min-height:38px;margin:0;padding-block:8px}.focused-workspace .now-playing .note-prompt small{font-size:11px}.focused-workspace .lesson-bottom{margin-top:12px}.focused-workspace .message:empty{display:none}.instrument-reference{background:#fffefa;border:1px solid #d5ddce;border-radius:10px;margin:18px 0 0;padding:0 18px}.instrument-reference>summary{cursor:pointer;color:#405b3a;box-sizing:border-box;min-height:44px;padding:15px 0;font-size:14px}.instrument-reference[open]{padding-bottom:18px}.practice-score .aligned-guide{z-index:2;pointer-events:none;position:absolute}.practice-score .aligned-guide-line{background:#8f9e91;height:1px;position:absolute;left:0;right:0}.practice-score .aligned-guide-line>span{color:#52664b;background:#fffffa;padding-right:5px;font-size:10px;line-height:14px;position:absolute;top:-7px;left:1px}.practice-score .aligned-guide-position{z-index:5;color:#2b5d43;background:#fffffa;border-radius:5px;justify-content:center;align-items:center;width:28px;height:24px;padding:0;font-size:14px;font-weight:600;line-height:1;display:flex;position:absolute}.practice-score .aligned-guide-position.current{color:#fffefa;background:#25563f}.practice-score .aligned-guide-position i{color:#254537;font-size:13px;font-style:normal;position:absolute;top:-11px}@media (width<=1000px) and (width>=761px){.practice-body.has-side-aid{grid-template-columns:minmax(0,1fr) 250px;gap:12px}}@media (width<=760px){.practice-body.has-side-aid{flex-direction:column;gap:8px;display:flex}.practice-body.has-side-aid>*{box-sizing:border-box;width:100%}.focused-workspace .practice-aid{position:static}.focused-workspace .transport{gap:8px;margin-bottom:8px;padding-block:7px;top:0}.focused-workspace .compact-score{max-height:clamp(200px,100dvh - 500px,260px)}.focused-workspace.with-aligned-guide .compact-score{max-height:300px}.focused-workspace .score-toolbar{min-height:36px;padding:6px 9px 1px}.focused-workspace .score-caption{padding:3px 9px 5px;font-size:10px}.focused-workspace .now-playing{min-height:0;padding:6px 0 0}.focused-workspace .now-playing .note-prompt small{display:none}.focused-workspace .lesson-bottom{margin-top:10px}.instrument-reference{padding-inline:12px}.instrument-reference>summary{font-size:13px}}.music-workspace[data-instrument=piano]{overflow-anchor:none}.music-workspace[data-instrument=piano] .practice-score{max-height:470px}.music-workspace[data-instrument=piano] .practice-score:not(.grand-score){max-height:360px}@media (width<=760px),(height<=500px) and (width<=1000px){.music-workspace[data-instrument=piano]{padding:10px 12px;scroll-margin-top:4px}.music-workspace[data-instrument=piano] .transport{gap:6px;margin-bottom:6px}.music-workspace[data-instrument=piano] .score-toolbar{align-items:center;min-height:34px;padding:4px 8px 0}.music-workspace[data-instrument=piano] .score-caption{padding:2px 8px 4px;line-height:1.4}.music-workspace[data-instrument=piano] .score-caption>span:last-child{display:none}.music-workspace[data-instrument=piano] .practice-score{overflow-anchor:none;height:clamp(180px,100svh - 325px,330px);max-height:none}.music-workspace[data-instrument=piano] .practice-score:not(.grand-score){height:clamp(160px,100svh - 300px,240px);max-height:none}.music-workspace[data-instrument=piano] .now-playing{height:32px;min-height:32px;margin:4px 0;overflow:hidden}.music-workspace[data-instrument=piano] .note-prompt{min-width:0}.music-workspace[data-instrument=piano] .note-prompt strong{white-space:nowrap;font-size:13px}.music-workspace[data-instrument=piano] .note-prompt small{display:none}.music-workspace[data-instrument=piano] .piano{height:102px}.music-workspace[data-instrument=piano] .keyboard-caption{margin-top:3px;font-size:9px;line-height:1.5}.music-workspace[data-instrument=piano] .lesson-bottom{margin-top:8px}.music-workspace[data-instrument=piano] .message:empty{display:none}}@media (width<=360px){.music-workspace[data-instrument=piano] .key-control,.music-workspace[data-instrument=piano] .tempo-label{gap:0;font-size:0}.music-workspace[data-instrument=piano] .key-control select{width:76px}.music-workspace[data-instrument=piano] .tempo-label select{width:108px}.music-workspace[data-instrument=piano] .play-options{flex-wrap:nowrap}}@media (width>=600px) and (width<=1000px) and (height<=500px){.music-workspace[data-instrument=piano] .transport{flex-wrap:nowrap}.music-workspace[data-instrument=piano] .play-options{flex-wrap:nowrap;gap:6px;width:auto}.music-workspace[data-instrument=piano] .play-actions{gap:6px}.music-workspace[data-instrument=piano] .primary{min-width:105px;padding-inline:10px}.music-workspace[data-instrument=piano] .secondary{padding-inline:10px}.music-workspace[data-instrument=piano] .practice-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:12px;display:grid}.music-workspace[data-instrument=piano] .practice-score,.music-workspace[data-instrument=piano] .practice-score:not(.grand-score){height:calc(100svh - 145px);max-height:none}.music-workspace[data-instrument=piano] .now-playing,.music-workspace[data-instrument=piano] .computer-keys{display:none}}.song-app:has(.studio){overflow-anchor:none}@media (width<=760px),(width<=1000px) and (height<=500px){.focused-workspace{--aid-room:185px;padding:10px 12px;scroll-margin-top:4px}.focused-workspace.with-aligned-guide{--aid-room:145px}.focused-workspace:has(.guitar-compact.is-chord){--aid-room:215px}.focused-workspace .transport{gap:6px;margin:0 0 6px;padding:0}.focused-workspace .score-toolbar{align-items:center;min-height:34px;padding:4px 8px 0}.focused-workspace .score-caption{padding:2px 8px 4px;line-height:1.4}.focused-workspace .score-caption>span:last-child{display:none}.focused-workspace .compact-score,.focused-workspace.with-aligned-guide .compact-score{height:clamp(165px, calc(100svh - var(--aid-room) - 180px), 300px);overflow-anchor:none;max-height:none}.focused-workspace .now-playing{display:none}}@media (width<=360px){.focused-workspace .key-control,.focused-workspace .tempo-label{gap:0;font-size:0}.focused-workspace .key-control select{width:76px}.focused-workspace .tempo-label select{width:108px}.focused-workspace .play-options{flex-wrap:nowrap}}@media (width>=600px) and (width<=1000px) and (height<=500px){.focused-workspace .transport{flex-wrap:nowrap}.focused-workspace .play-options{flex-wrap:nowrap;gap:6px;width:auto}.focused-workspace .play-actions{gap:6px}.focused-workspace .primary{min-width:105px;padding-inline:10px}.focused-workspace .secondary{padding-inline:10px}.focused-workspace .practice-body.has-side-aid{grid-template-columns:minmax(0,1fr) 230px;gap:12px;display:grid}.focused-workspace .practice-aid{position:static}.focused-workspace .compact-score,.focused-workspace.with-aligned-guide .compact-score{height:calc(100svh - 150px)}}.song-app :is(button,.music-workspace,.instrument-reference summary),.song-app :is(button,.music-workspace,.instrument-reference summary) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.song-app :is(input,textarea,select,[contenteditable]:not([contenteditable=false])),.song-app [contenteditable]:not([contenteditable=false]) *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.music-workspace.immersive-workspace[data-instrument=piano]{z-index:100;width:100%;max-width:none;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;overscroll-behavior:none;background:#fffffa;border:0;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.immersive-workspace::backdrop{background:#fffffa}.immersive-workspace .immersive-toolbar{box-sizing:border-box;background:#f4f5ee;border-bottom:1px solid #dce3d4;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:4px 12px;display:flex}.immersive-progress{color:#40583c;white-space:nowrap;font-size:13px}.immersive-progress small{margin-left:10px;font-size:11px}.immersive-actions{align-items:center;gap:7px;display:flex}.immersive-actions button{white-space:nowrap;border-radius:7px;min-height:40px;padding:6px 12px;font-size:13px}.immersive-actions .exit-practice{background:#fffffa;border:1px solid #c7d2bc}.music-workspace.immersive-workspace>.transport,.music-workspace.immersive-workspace .score-toolbar,.music-workspace.immersive-workspace .score-caption,.music-workspace.immersive-workspace .lesson-bottom{display:none}.music-workspace.immersive-workspace .practice-body{flex-direction:column;flex:1;align-items:stretch;gap:0;min-height:0;display:flex}.music-workspace.immersive-workspace .practice-notation{flex-direction:column;flex:1;min-height:0;display:flex}.music-workspace.immersive-workspace .score-paper{min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;flex:1;display:flex}.music-workspace.immersive-workspace[data-instrument=piano] .practice-score{overscroll-behavior:contain;touch-action:pan-x pan-y;border:0;flex:1;height:0;min-height:0;max-height:none}.immersive-workspace .score-note-target:disabled,.immersive-workspace .measure-select:disabled{opacity:1;cursor:default}.immersive-workspace .measure-select:disabled:hover{background:0 0}.immersive-cues{box-sizing:border-box;white-space:nowrap;scrollbar-width:none;background:#f4f5ee;flex:none;align-items:center;gap:14px;min-height:32px;padding:3px 12px;font-size:12px;line-height:1.6;display:flex;overflow-x:auto}.piano-hand-cue{color:#305c35}.piano-hand-cue.left{color:#805317}.piano-hand-cue:before{content:"";background:#729a58;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.piano-hand-cue.left:before{background:#c89a46}.music-workspace.immersive-workspace .practice-aid{background:#e8edde;flex:none;padding:0}.immersive-workspace .keyboard-navigation{box-sizing:border-box;border-top:1px solid #dce3d4;justify-content:space-between;align-items:center;gap:6px;height:36px;padding:0 8px;display:flex}.keyboard-navigation button{color:#294d37;min-width:65px;min-height:34px;padding:4px 8px;font-size:12px}.keyboard-navigation button:disabled{opacity:.4}.keyboard-navigation>span{color:#52664b;white-space:nowrap;font-size:10px}.music-workspace.immersive-workspace .piano-scroll{touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:0}.immersive-workspace .piano-scroll::-webkit-scrollbar{display:none}.music-workspace.immersive-workspace[data-instrument=piano] .piano{height:clamp(100px,20dvh,172px);box-shadow:none;border-radius:0}.immersive-workspace .white-key{touch-action:pan-x;padding-bottom:9px}.immersive-workspace .black-key{touch-action:pan-x}.immersive-workspace .two-octaves .key-pitch{font-size:11px}.immersive-workspace .two-octaves .black-key .key-pitch{font-size:9px}.immersive-workspace .white-key .finger-dot{font-size:12px;top:69%;transform:translateY(-16px)}.immersive-workspace .black-key .finger-dot{top:12px}.immersive-workspace .keyboard-caption,.immersive-workspace .piano kbd{display:none}.music-workspace.immersive-workspace .completion-panel{z-index:10;margin:0;padding:12px;position:absolute;top:58px;left:12px;right:12px;box-shadow:0 4px 18px #253d2720}.music-workspace.immersive-workspace>.message{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=380px){.immersive-progress small{display:none}.immersive-workspace .immersive-toolbar{padding-inline:8px}.immersive-actions button{padding-inline:9px}}@media (height<=500px){.immersive-workspace .immersive-toolbar{min-height:44px;padding-block:2px}.immersive-cues{min-height:26px;padding-block:0}.immersive-workspace .keyboard-navigation{height:30px}.keyboard-navigation button{min-height:28px}.music-workspace.immersive-workspace[data-instrument=piano] .piano{height:86px}.immersive-workspace .white-key .finger-dot{font-size:11px;top:65%;transform:translateY(-8px)}.immersive-workspace .black-key .finger-dot{font-size:10px;top:3px}}
