.score-reader-page{--score-chrome:2.75rem;--score-gutter:1.25rem;--score-paper:#fffdfa;overflow:hidden}[data-theme="dark"] .score-reader-page{--score-paper:#1c1c1c}[data-theme="cappuccino"] .score-reader-page{--score-paper:#5e4230}@media (prefers-color-scheme:dark){:root:not([data-theme]) .score-reader-page{--score-paper:#1c1c1c}}.score-reader-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;height:var(--score-chrome);background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-sans);font-size:0.825rem;transition:opacity 0.4s ease,transform 0.4s ease}.score-reader-bar-left{flex:0 0 auto}.score-reader-movements{display:flex;align-items:center;gap:0.25rem;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.score-reader-movements::-webkit-scrollbar{display:none}.score-reader-bar-right{display:flex;align-items:center;gap:0.75rem;flex:0 0 auto}.score-reader-back{color:var(--text-muted);text-decoration:none;white-space:nowrap}.score-reader-back:hover{color:var(--text)}.score-reader-mvt{background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:0.8rem;padding:0.2rem 0.5rem;cursor:pointer;white-space:nowrap;border-radius:3px;transition:background 0.15s,color 0.15s}.score-reader-mvt:hover,.score-reader-mvt.is-active{background:var(--bg-subtle);color:var(--text)}.score-reader-pdf{color:var(--text-muted);text-decoration:none;font-size:0.8rem}.score-reader-pdf:hover{color:var(--text)}.score-reader-zoom{display:flex;align-items:center;border:1px solid var(--border);border-radius:3px;overflow:hidden}.score-reader-zoom-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:0.75rem;line-height:1;padding:0.35rem 0.5rem;cursor:pointer;transition:background 0.15s,color 0.15s}.score-reader-zoom-btn+.score-reader-zoom-btn{border-left:1px solid var(--border)}.score-reader-zoom-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.score-reader-zoom-btn:disabled{opacity:0.35;cursor:default}.score-reader-zoom-mode{min-width:3.6em;font-variant-caps:all-small-caps;letter-spacing:0.06em;font-variant-numeric:tabular-nums}.score-reader-stage{position:fixed;inset:0;background:var(--bg)}.score-reader-viewport{position:absolute;top:var(--score-chrome);left:0;right:0;bottom:0;overflow:auto;display:flex;padding:var(--score-gutter);overscroll-behavior:contain}.score-page{margin:auto;flex:0 0 auto;position:relative;--ar:var(--score-aspect-num,1.294);aspect-ratio:var(--ar) / 1;--score-fit-width:min(100%,calc((100vh - var(--score-chrome) - 2*var(--score-gutter))*var(--ar)));width:var(--score-fit-width)}.score-page[data-orient="portrait"]{--score-fit-width:100%;background:var(--score-paper);border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,0.05),0 10px 28px rgba(0,0,0,0.06);color:var(--text);fill:currentColor}.js-ready .score-page{width:var(--score-page-width,var(--score-fit-width))}.score-page svg [fill="#000000" i],.score-page svg [fill="#000" i],.score-page svg [fill="black" i]{fill:currentColor}.score-page svg [stroke="#000000" i],.score-page svg [stroke="#000" i],.score-page svg [stroke="black" i]{stroke:currentColor}.score-page svg [fill="#ffffff" i],.score-page svg [fill="#fff" i],.score-page svg [fill="white" i]{fill:var(--score-paper)}.score-page svg{display:block;width:100%;height:100%}.score-page-fallback{display:block;width:100%;height:auto}.score-page.is-loading{opacity:0.35;transition:opacity 0.2s ease 0.15s}.score-page-error{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:1rem;text-align:center;font-family:var(--font-sans);font-size:0.85rem;color:var(--text-muted)}.score-reader-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:50;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:1.15rem;cursor:pointer;transition:color 0.15s,border-color 0.15s,opacity 0.4s ease}.score-reader-nav:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.score-reader-nav:disabled{opacity:0.25;cursor:default}.score-reader-prev{left:0.85rem}.score-reader-next{right:0.85rem}.score-folio{position:absolute;bottom:0.7rem;left:50%;transform:translateX(-50%);z-index:50;font-family:var(--font-sans);font-size:0.72rem;font-variant-caps:all-small-caps;font-variant-numeric:tabular-nums;letter-spacing:0.07em;color:var(--text-faint);pointer-events:none;transition:opacity 0.4s ease}.score-gutter{position:absolute;left:0;top:0;bottom:0;z-index:2;width:var(--score-gutter-w,0px);overflow:hidden;background:var(--score-paper);border-right:1px solid var(--border);box-shadow:3px 0 8px rgba(0,0,0,0.07);pointer-events:none;opacity:0;transition:opacity 0.15s ease}.score-gutter.is-visible{opacity:1}.score-gutter-inner{width:100%;height:100%}.score-gutter-inner svg{display:block;width:100%;height:100%}.is-panning .score-folio{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0.1rem 0.55rem}.score-reader-page.is-idle .score-reader-bar{opacity:0;transform:translateY(-100%);pointer-events:none}.score-reader-page.is-idle .score-reader-nav,.score-reader-page.is-idle .score-folio{opacity:0;pointer-events:none}@media (max-width:640px){.score-reader-page{--score-gutter:0.5rem}.score-reader-nav{display:none}.score-reader-zoom{display:none}}@media (prefers-reduced-motion:reduce){.score-reader-bar,.score-reader-nav,.score-folio,.score-gutter,.score-page.is-loading{transition:none}.score-reader-page.is-idle .score-reader-bar{transform:none}}.composition-details{display:flex;flex-wrap:wrap;gap:0 1.5rem;color:var(--text-muted);font-family:var(--font-sans);font-size:0.875rem}.comp-detail{white-space:nowrap}.composition-actions{display:flex;gap:0.75rem;align-items:center}.comp-btn{display:inline-block;padding:0.35em 0.9em;border:1px solid var(--border);border-radius:3px;font-family:var(--font-sans);font-size:0.825rem;text-decoration:none;color:var(--text);background:var(--bg);transition:background 0.15s,border-color 0.15s}.comp-btn:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.comp-btn--secondary{color:var(--text-muted)}.composition-movements{border-top:1px solid var(--border);margin:1.5rem 0;padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.comp-movement-header{display:flex;align-items:baseline;gap:0.75rem;font-family:var(--font-sans);font-size:0.875rem}.comp-movement-name{font-weight:600;color:var(--text)}.comp-movement-duration{color:var(--text-muted);font-size:0.8rem}.comp-movement-score{color:var(--text-muted);font-size:0.8rem;text-decoration:none;margin-left:auto}.comp-movement-score:hover{color:var(--text)}.movement-audio{width:100%;margin-top:0.4rem;accent-color:var(--text-muted)}