:root{--bg: #232935;--bg2: #1a1f28;--pod: #333b4a;--pod-edge: #4e596d;--seat-idle: #6c7689;--paper: #f2efe9;--dim: #a3acbd;--strings: #f2b134;--woodwinds: #5fd08a;--brass: #f2683c;--percussion: #7fb5f5;--main: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:linear-gradient(170deg,var(--bg) 0%,var(--bg2) 100%);color:var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:1060px;margin:0 auto;padding:26px 18px 48px}.rec-row{display:flex;justify-content:flex-end;margin:-4px 0 10px}.rec-info{position:relative;display:inline-flex;align-items:center;gap:6px}.info-btn{width:15px;height:15px;flex-shrink:0;padding:0;border:1px solid var(--pod-edge);border-radius:50%;background:none;color:var(--dim);cursor:pointer;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center}.info-btn:hover{color:var(--paper);border-color:var(--seat-idle)}.info-btn:focus-visible{outline:2px solid var(--strings);outline-offset:2px}.info-btn[hidden]{display:none}.info-pop{position:absolute;top:calc(100% + 7px);right:0;z-index:20;display:none;width:min(320px,calc(100vw - 36px));background:#2a313e;border:1px solid var(--pod-edge);border-radius:8px;padding:10px 12px;text-align:left;font-size:11px;line-height:1.55;color:var(--dim);box-shadow:0 8px 22px #00000073}.rec-info.open .info-pop{display:block}@media (hover: hover) and (pointer: fine){.rec-info:hover .info-pop{display:block}}.rule{border:0;border-top:1px solid #39414f;margin:14px 0 0}.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--strings)}select{background:var(--pod);color:var(--paper);border:1px solid var(--pod-edge);border-radius:7px;padding:7px 10px;font-size:13px;font-family:inherit;max-width:100%;cursor:pointer}select:focus-visible{outline:2px solid var(--strings);outline-offset:2px}.head{text-align:center;margin-bottom:10px}h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:clamp(24px,4.2vw,34px);margin:2px 0 4px}.sub{font-size:12.5px;color:var(--dim)}.sub .composer,.sub .work{display:block}.sub .composer{color:var(--paper);font-size:13.5px;margin-bottom:2px}.badges{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.04em;border:none;border-radius:999px;padding:3px 0;color:var(--dim)}.badge.warn{border:1px solid var(--brass);color:var(--brass);padding:3px 9px}#loading{text-align:center;font-size:12px;color:var(--dim);padding:6px 0}svg#stage{width:100%;height:auto;display:block}@media (min-width: 641px){svg#stage{max-height:42vh}}.pod{cursor:pointer}.pod:hover .pod-box{stroke:var(--seat-idle)}.pod:focus-visible{outline:none}.pod:focus-visible .pod-box{stroke:var(--strings);stroke-width:2}.pod-box{fill:var(--pod);stroke:var(--pod-edge);stroke-width:1.2}.pod.is-main .pod-box{stroke:var(--main);stroke-width:2.6}.pod.is-main{filter:drop-shadow(0 0 9px rgba(255,255,255,.55))}.seat{fill:color-mix(in srgb,var(--seat-idle) calc((1 - var(--i, 0)) * 100%),var(--fam) calc(var(--i, 0) * 100%));stroke:#222834;stroke-width:.8}.seat[data-lit="1"]{filter:drop-shadow(0 0 5px var(--fam))}.pod-label{font-size:11px;font-weight:500;fill:var(--dim);text-anchor:middle}.pod.is-main .pod-label{fill:var(--main)}.chair-tag{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8.5px;fill:#8f98a9;text-anchor:middle;pointer-events:none}.chair-tag.inside{font-size:7.5px;font-weight:600;fill:#1b2029}.podium{fill:#2b3140;stroke:var(--pod-edge);stroke-width:1}.podium-tag{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;fill:#7d879a;text-anchor:middle}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:6px 0 8px;font-size:11.5px;color:var(--dim)}.legend span{display:inline-flex;align-items:center;gap:7px}.sw{width:11px;height:11px;border-radius:3px}.sw.ring{background:transparent;border:2px solid var(--main);border-radius:4px}.nowline{text-align:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--paper);min-height:18px;margin:6px 0 4px}.nowline b{color:#fff}.muted{color:var(--dim)}.transport{display:flex;align-items:center;gap:13px;max-width:620px;margin:16px auto 4px}.play-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--pod-edge);background:var(--pod);color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.play-btn:hover{background:#3d475a}.play-btn:focus-visible{outline:2px solid var(--strings);outline-offset:2px}.play-btn svg{width:14px;height:14px}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:#454f62;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--strings);border:2px solid #fff;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--strings);border:2px solid #fff;cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--strings);outline-offset:3px}.time{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--dim);min-width:92px;text-align:right}.audio-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:8px auto 0;max-width:720px;font-size:11.5px;color:var(--dim)}.file-btn{border:1px solid var(--pod-edge);background:var(--pod);color:var(--paper);border-radius:6px;padding:5px 10px;font-size:11.5px;cursor:pointer;font-family:inherit}.file-btn:hover{background:#3d475a}.file-btn:focus-within{outline:2px solid var(--strings);outline-offset:2px}.file-btn input{display:none}.warn-text{color:var(--brass)}#audioStatus{flex-basis:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.status-file{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:#7d879a;max-width:100%;overflow-wrap:anywhere;line-height:1.4}.status-verdict{font-size:11.5px;color:var(--dim)}.status-verdict.warn-text{color:var(--brass)}#audioNote:empty{display:none}.score-panel{margin-top:22px;border-top:1px solid #39414f;padding-top:14px}.score-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px}.score-head h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:19px;margin:0}.score-head .hint{font-size:11.5px;color:var(--dim)}@media (max-width: 640px){.score-head{flex-direction:column;gap:3px}}.staff-row{display:flex;align-items:stretch;gap:10px;background:#2a313e;border:1px solid #3d4757;border-radius:8px;margin-bottom:6px;overflow:hidden}.staff-row.locked{border-color:var(--strings)}.staff-row.is-main{border-color:var(--main);box-shadow:0 0 0 1px var(--main),0 0 14px #ffffff29}.staff-row.is-upcoming{border-color:var(--seat-idle);border-style:dashed}.staff-row.is-anchor{background:#2d3545}.staff-row.is-user{border-color:var(--percussion)}.staff-name{width:140px;flex-shrink:0;padding:6px 9px 6px 11px;display:flex;flex-direction:column;justify-content:center;gap:4px}.nm-line{display:flex;align-items:center;gap:5px}.staff-name .nm{font-size:12px;font-weight:500}.staff-row.is-main .staff-name .nm{color:#fff}.role-icon{display:none;line-height:0}.role-icon svg{width:11px;height:11px;fill:var(--strings);opacity:.85}.staff-row.is-anchor .role-icon{display:inline-flex}.staff-row.is-anchor .nm,.anchor-pick{display:none}.staff-row.is-anchor .anchor-pick{display:block;width:100%;background:transparent;border:1px solid transparent;color:var(--paper);font-size:12px;font-weight:500;font-family:inherit;padding:1px 2px;border-radius:5px;cursor:pointer}.staff-row.is-anchor .anchor-pick:hover{border-color:var(--pod-edge);background:#333b4a}.staff-row.is-anchor .anchor-pick:focus-visible{outline:2px solid var(--strings);outline-offset:1px}.anchor-pick option{background:var(--pod);color:var(--paper)}.anchor-pick option:disabled{color:#6b7488}.pin{display:none;background:none;border:1px solid #4e596d;color:var(--dim);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;padding:2px 7px;border-radius:4px;cursor:pointer;width:fit-content}.pin[aria-pressed=true]{border-color:var(--strings);color:var(--strings)}.pin:focus-visible{outline:2px solid var(--strings);outline-offset:2px}.staff-row.is-user .pin{display:block}.staff-row.is-user.locked{border-color:var(--strings)}.staff-canvas{flex:1;min-width:0}.staff-canvas svg{display:block;width:100%;height:90px}.stafflines{stroke:#7a8499;stroke-width:1.1}.ledger,.barline{stroke:#576079;stroke-width:1}.barline.strong{stroke:#7a8499;stroke-width:1.4}.measure-num{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:7.5px;fill:#6e7890}.nh{fill:#f4f7fc;stroke:#f4f7fc;stroke-width:.4}.nh.main{fill:#fff;stroke:#fff;filter:drop-shadow(0 0 3px rgba(255,255,255,.8))}.stem{stroke:#dce3ef;stroke-width:1.1}.stem.main{stroke:#fff;stroke-width:1.3}.tie{stroke:#8b96ab;stroke-width:1.3;opacity:.55;fill:none}.tie.main{stroke:#cfd8e8;opacity:.8}.accidental{fill:#cbd4e4;font-size:13px}.clefglyph{fill:#9aa4b8;cursor:help}.clefcaption{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;fill:#8b95a9;text-anchor:start;letter-spacing:.02em}.playhead{stroke:var(--brass);stroke-width:1.6}.empty-note{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;fill:#79839a}.note{margin-top:22px;font-size:11.5px;color:var(--dim);line-height:1.6;border-top:1px solid #39414f;padding-top:14px}.note summary{cursor:pointer;list-style:none;color:var(--paper);font-weight:500;display:flex;align-items:center;gap:7px}.note summary::-webkit-details-marker{display:none}.note summary:before{content:"";width:0;height:0;flex-shrink:0;border-left:5px solid var(--dim);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s ease}.note[open] summary:before{transform:rotate(90deg)}.note summary:focus-visible{outline:2px solid var(--strings);outline-offset:3px;border-radius:4px}.note-body{margin-top:9px}.note-body a{color:var(--strings);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.note-body a:hover{color:#ffd27a}.note-body a:focus-visible{outline:2px solid var(--strings);outline-offset:2px;border-radius:2px}.note strong{color:var(--paper);font-weight:500}.note code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;background:#2a313e;padding:1px 5px;border-radius:4px}@media (max-width: 640px){.staff-name{width:104px}.staff-canvas svg{height:78px}.time{min-width:80px}}@media (prefers-reduced-motion: reduce){.seat{transition:none}}