.score-catalog{max-width:1100px;margin:auto}.score-catalog h1{font-size:32px;margin:0 0 12px}.score-muted{color:var(--muted);font-size:13px}#score-search{display:flex;gap:10px;margin:26px 0}#score-search input{font:inherit;min-width:0;flex:1;max-width:380px;border-radius:24px;padding:13px 18px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink)}.score-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}.score-filters button,.score-pagination button{border:0;border-radius:20px;padding:10px 15px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.score-filters button[aria-pressed=true]{background:var(--ink);color:var(--background)}.score-filters>span{margin-left:auto;font-size:12px;color:var(--muted)}.score-list>a{display:flex;align-items:center;gap:10px;min-height:74px;border-bottom:1px solid var(--line);padding:18px 0;text-decoration:none;color:var(--ink)}.score-list strong{font-size:17px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.score-tag{flex-shrink:0;font-size:11px;color:var(--muted);background:var(--glass);border:1px solid var(--line);padding:4px 7px;border-radius:6px}.score-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px}.score-empty{padding:36px 0;color:var(--muted)}.score-reader{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:var(--background);color:var(--ink);overflow:hidden}.score-reader[open]{display:flex;flex-direction:column}.score-reader header{display:flex;align-items:center;gap:14px;padding:calc(16px + env(safe-area-inset-top)) 24px 16px;flex-shrink:0}.score-reader h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;margin:0}.score-reader button{font:inherit;border:0;border-radius:22px;min-height:40px;padding:0 15px;background:var(--glass);color:var(--ink);cursor:pointer;white-space:nowrap}.score-reader button:disabled{opacity:.4;cursor:default}.score-reader button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.score-reader [data-score-download]{background:var(--accent);color:white;font-size:13px}.score-reader [data-score-close]{font-size:22px;width:42px;padding:0}.score-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--glass);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-shrink:0}.score-tools>div{display:flex;align-items:center;gap:5px}.score-tools span{font-size:13px;min-width:50px;text-align:center}.score-tools button{background:transparent;font-size:13px}.score-tools [data-score-scroll]{background:var(--ink);color:var(--background);padding:0 20px}.score-tools label{font-size:12px;display:flex;align-items:center;gap:8px;margin-left:10px}.score-tools input{width:100px;accent-color:var(--accent)}.score-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e8ebed;padding:24px max(16px,calc((100vw - 1150px)/2)) calc(20px + env(safe-area-inset-bottom));touch-action:pan-x pan-y pinch-zoom}.score-pages{width:100%;margin:auto}.score-pages figure{width:100%;margin:0 0 20px;background:white;box-shadow:0 3px 16px #2833470b;color:#646b74;display:flex;align-items:center;justify-content:center;font-size:13px}.score-pages canvas{display:block;width:100%;height:auto}.score-message{flex-shrink:0;text-align:center;font-size:13px;margin:0;padding:10px}.score-message:empty{display:none}.score-message button{color:var(--accent);margin-left:10px}.player-dialog .full-track-title:has(.score-player-link){grid-template-columns:minmax(0,1fr) auto auto auto}.player-dialog .full-track-title>.score-related{grid-column:3;grid-row:1 / span 2;align-self:center}.score-related:empty{display:none}.player-dialog .full-track-title:has(.score-player-link)>.lyrics-wall-trigger{grid-column:4}.player-dialog .score-related .score-player-link{display:flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0;padding:0;color:inherit;text-decoration:none;font-size:18px;font-weight:500;line-height:1}.score-catalog~*{min-width:0}body.score-reading{overflow:hidden}@media(max-width:760px){.score-catalog h1{font-size:28px}.score-list>a{gap:8px;min-height:68px}.score-list strong{font-size:15px}.score-tag{font-size:10px}.score-reader header{padding:calc(12px + env(safe-area-inset-top)) 12px 12px;gap:8px}.score-reader h2{font-size:16px}.score-reader [data-score-download]{font-size:12px;padding:0 13px}.score-tools{display:grid;grid-template-columns:1fr 1fr;padding:8px 12px;gap:5px}.score-tools>div:nth-child(2){justify-content:flex-end}.score-tools .score-auto{grid-column:1/-1;justify-content:space-between}.score-viewport{padding:16px 8px calc(16px + env(safe-area-inset-bottom))}.score-reader button{min-height:38px}.score-tools input{width:110px}}

.score-versions{font:inherit;margin:0 20px 8px;max-width:calc(100% - 40px);padding:8px;border:1px solid var(--line);background:var(--glass);color:var(--ink);border-radius:8px}


.score-choice{width:min(440px,calc(100vw - 32px));max-height:75dvh;border:1px solid var(--line);border-radius:22px;padding:20px;background:var(--background);color:var(--ink)}.score-choice::backdrop{background:#0005}.score-choice header{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-choice h2{font-size:20px}.score-choice button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;padding:12px}.score-choice .score-choice-item{display:block;width:100%;text-align:left;border-top:1px solid var(--line);line-height:1.6}.score-choice-item:hover{background:var(--glass)}.score-versions{margin:8px 16px;padding:10px;max-width:calc(100% - 32px);font:inherit;color:var(--ink);background:var(--glass);border:1px solid var(--line);border-radius:8px;flex-shrink:0}

/* Compact reader: version chooser shares the title row. */
.score-reader header{gap:8px;padding:calc(6px + env(safe-area-inset-top)) 10px 6px}.score-reader h2{font-size:15px}.score-reader h2[hidden]{display:none}.score-reader header .score-versions{flex:1;min-width:0;width:0;max-width:none;margin:0;padding:6px 24px 6px 4px;border:0;border-radius:6px;background:transparent;font-size:14px;font-weight:600;height:36px;text-overflow:ellipsis}.score-reader button{min-height:32px}.score-reader [data-score-close]{width:32px;flex-shrink:0}.score-reader [data-score-download]{font-size:12px;padding:0 12px}.score-tools{padding:4px 10px;gap:2px 10px}.score-tools button{min-height:30px;padding:0 10px}.score-tools [data-score-scroll]{padding:0 12px}.score-tools input{width:90px}.score-viewport{padding-top:8px}.score-reader .score-message:empty{display:none}@media(max-width:760px){.score-tools{padding:3px 10px;gap:0 8px}.score-tools>div{gap:2px}.score-tools .score-auto{justify-content:space-between}.score-tools label{font-size:11px}.score-reader header .score-versions{font-size:13px}.score-reader h2{font-size:14px}}

.score-reader [data-score-share]{font-size:12px;padding:0 10px;flex-shrink:0}.score-share-feedback{padding:7px 12px;font-size:12px;background:var(--glass);border-bottom:1px solid var(--line);flex-shrink:0}.score-share-feedback[hidden]{display:none}.score-share-feedback button{font-size:12px;margin-left:8px;color:var(--accent)}.score-share-feedback textarea{display:block;width:100%;max-height:80px;margin-top:6px;font:inherit}

/* 0.24.11: compact score-first reader, matching approved local preview. */
.score-chrome{flex-shrink:0;background:var(--background);z-index:5;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line)}.score-reader header{max-width:1100px;width:100%;margin:auto;height:56px;padding:4px 16px;gap:8px}.score-reader h2{cursor:pointer}.score-reader button{min-height:40px;border-radius:6px}.score-reader header button{min-height:44px;background:transparent}.score-reader [data-score-close]{width:40px}.score-reader [data-score-download]{color:var(--accent);background:transparent;padding:0 10px}.score-reader header .score-versions{height:44px}.score-tools{max-width:1100px;width:100%;margin:auto;display:flex;justify-content:flex-start;gap:12px;padding:0 16px 4px;border:0;background:transparent;min-height:44px}.score-tools>div{gap:0}.score-tools .score-zoom{border-right:1px solid var(--line);padding-right:12px}.score-tools button{font-size:12px;padding:0 12px;min-height:40px}.score-tools [data-score-scroll]{background:transparent;color:var(--ink);padding:0 12px}.score-tools [data-score-scroll][aria-pressed=true]{color:var(--accent);background:var(--glass)}.score-tools .score-auto{position:relative;justify-content:flex-start;grid-column:auto}.score-tools [data-score-hide]{margin-left:auto;color:var(--muted)}.score-speed-panel,.score-page-menu{position:absolute;border:1px solid var(--line);background:var(--background);box-shadow:0 12px 36px #22242b16;border-radius:12px;padding:16px;z-index:10}.score-speed-panel{top:44px;right:0;width:220px}.score-speed-panel label{display:flex;flex-wrap:wrap;gap:12px;margin:0}.score-speed-panel input{width:100%}.score-reader [hidden]{display:none!important}.score-viewport{padding:12px max(6px,calc((100vw - 900px)/2)) calc(70px + env(safe-area-inset-bottom));scrollbar-width:thin}.score-pages figure{margin-bottom:10px;box-shadow:0 1px 4px #2529300c}.score-page-float{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;z-index:6;background:var(--background);border:1px solid var(--line);border-radius:24px;padding:0 3px;box-shadow:0 3px 14px #25293010}.score-page-float button{background:transparent;font-size:12px;padding:0 12px;border-radius:24px}.score-page-float [data-score-prev],.score-page-float [data-score-next]{font-size:20px;padding:0 10px}.score-page-menu{bottom:49px;right:0;min-width:170px;font-size:12px}.score-page-menu select{font:inherit;background:var(--background);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;max-width:100%}.score-reader [data-score-show]{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:7;background:var(--background);border:1px solid var(--line);font-size:12px;border-radius:24px;box-shadow:0 2px 12px #22242b0c}.score-tools-hidden .score-chrome{display:none}.score-tools-hidden .score-viewport{padding-top:4px}@media(max-width:760px){.score-reader header{height:50px;padding:2px 6px;gap:2px}.score-reader [data-score-close]{width:36px}.score-reader [data-score-download],.score-reader [data-score-share]{padding:0 7px}.score-tools{padding:0 8px 2px;gap:6px;min-height:42px}.score-tools button{padding:0 10px}.score-tools .score-zoom{padding-right:6px}.score-tools [data-score-scroll]{padding:0 10px}.score-viewport{padding:6px 4px calc(70px + env(safe-area-inset-bottom))}}

.score-catalog-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 16px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.score-catalog-back span{font-size:23px;line-height:1}.score-catalog-back:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}