/* Live score and shared audio timeline. */
.score-nav{display:flex;align-items:center;gap:13px;padding:14px 28px 0;font-size:11px;color:var(--muted)}.score-nav button{border:1px solid #d9d0bd;background:transparent;color:var(--ink);border-radius:50%;height:30px;width:30px}.score-nav button:disabled{opacity:.3;cursor:default}.score-nav label{margin-left:auto;display:flex;align-items:center;gap:5px}.score-nav input{accent-color:var(--ink)}#score-viewport{position:relative;height:260px;overflow:auto;margin:8px 20px 14px;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bab39f transparent}#score-pages{min-width:720px}.score-system{padding:8px 0 18px;position:relative;min-width:720px;line-height:0}.score-system>svg{width:100%;height:auto;display:block}.score-system .note{cursor:pointer}.score-system .note.is-playing,.score-system .note.is-playing *{fill:#b38226!important;color:#b38226!important}.score-system .note.lower-playing,.score-system .note.lower-playing *{fill:#397c9a!important;color:#397c9a!important}.score-system .note.is-playing .notehead{filter:drop-shadow(0 0 35px #cfac6680)}.score-system .note:hover .notehead{opacity:.65}.loading{padding:65px 24px;font-size:14px}.loop-controls{display:flex;align-items:center;gap:12px;padding:14px 30px;border-bottom:1px solid #dfd7c6;flex-wrap:wrap}.loop-controls button{border:1px solid #c9c4b5;border-radius:4px;padding:6px 10px;background:transparent;color:var(--ink);font-size:11px}.loop-controls button:disabled{opacity:.4;cursor:default}.loop-controls>span:last-child{font-size:11px;color:var(--muted);margin-left:auto}.keyboard-scroll{scrollbar-width:thin;overscroll-behavior:contain;scrollbar-color:#a7a798 transparent}#keyboard{min-width:1040px}.key{transition:background-color .08s}.key.black{width:1.15%}.key.sustained{background:#e5d8bc;border-bottom-color:#c1ad83}.key.lower-sustained{background:#d1e0e4;border-bottom-color:#98b2bd}.key.active{background:#d5ad60}.key.lower{background:#76a6b9}.key.black.active{background:#aa812e}.key.black.lower{background:#497e95}.key.black.sustained{background:#665c43}.key.black.lower-sustained{background:#425d69}.key span{font-size:8px}.keyboard-foot .middle-c{text-align:center}#pedal-state.down{color:#8c6d2b}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,#score-viewport:focus-visible{outline:2px solid #44788e}#player-status{min-height:18px}@media(max-width:750px){.score-nav{padding:12px 14px 0;gap:9px}.score-nav label{font-size:10px}#score-viewport{margin:8px 10px;height:200px}.loop-controls{padding:13px 14px;gap:9px}.loop-controls .eyebrow{width:100%}.loop-controls>span:last-child{width:100%;margin-left:0}.keyboard-foot .middle-c{max-width:140px}.key span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Shared language selector on the interactive score pages. */
.play-language-picker{margin-left:0;min-width:102px}.play-language-picker .language-label{font-size:8px}.play-language-picker select{min-height:31px;padding:5px 7px;font-size:12px}@media(max-width:750px){.play-language-picker{margin-left:auto;order:2}.play-language-picker .language-label{display:none}.play-language-picker select{min-height:30px}.preview-pill{order:1}}