.music-track{grid-template-columns:28px 44px minmax(0,1fr) 52px 32px 32px 32px}.music-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px 0}.hero-actions{flex-wrap:wrap}.hero-actions select{max-width:220px;min-height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;padding:8px 12px}.music-player-empty{display:block;text-align:center;width:100%;font-size:13px;color:var(--muted)}.player-extras input[data-volume]{width:70px;accent-color:var(--accent)}.music-full-volume{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.music-full-volume input{width:160px;accent-color:var(--accent)}.music-lyrics{max-height:60dvh;overflow:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);padding:12vh 0}.music-lyrics p{font-size:22px;line-height:1.7;opacity:.45;transition:opacity .3s,transform .3s}.music-lyrics p.active{opacity:1;transform:scale(1.02);color:var(--accent)}.music-lyrics .plain-lyrics{white-space:pre-wrap;font-size:18px;opacity:1}.music-queue-row{display:flex;align-items:center}.music-queue-row>button:first-child{flex:1;min-width:0}.music-queue-row>button:last-child{width:34px;flex:0 0 34px}.full-top>div{display:flex;gap:10px}.filter-tabs{flex-wrap:wrap}.mini-player:has(.music-player-empty){display:flex;justify-content:center;min-height:65px}.album-header h1{overflow-wrap:anywhere}.album-header img{object-fit:cover}.full-player{background:linear-gradient(125deg,var(--background),var(--surface))}
@media(max-width:760px){.music-track{grid-template-columns:20px 36px minmax(0,1fr) 32px 32px;gap:8px}.music-track .track-time,.music-track [data-add]{display:none}.music-track .track-art{width:36px;height:36px}.player-extras input[data-volume],.player-extras .music-quality{display:none}.music-lyrics{max-height:38dvh;padding:5vh 8px}.music-lyrics p{font-size:18px}.full-grid{display:flex;flex-direction:column;gap:20px}.full-cover{max-height:30dvh;width:auto;max-width:100%;margin:auto;display:block}.full-player{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.hero-actions .button{font-size:12px}.hero-actions select{width:100%;max-width:none}.music-pagination{gap:10px;font-size:12px}}

@media(min-width:761px){.full-cover{max-height:min(38dvh,calc(100dvh - 400px),440px);width:auto;max-width:100%;aspect-ratio:1;object-fit:cover;display:block;margin:auto}.full-grid{align-items:center}.music-lyrics{max-height:55dvh}}

#album-downloads{width:min(460px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border-radius:24px;padding:24px;color:var(--ink)}
.album-download-options{display:grid;gap:10px;margin-top:20px}.album-download-option{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;color:inherit}.album-download-option>span:first-child{flex:1;overflow-wrap:anywhere}.download-vip{font-size:11px;font-weight:700;color:var(--accent);border:1px solid currentColor;border-radius:5px;padding:2px 5px}#album-download-message{font-size:13px;line-height:1.6;margin-top:14px;color:var(--muted)}
@media(max-width:760px){body.album-page .topbar,body.album-page .page-footer{display:none}body.album-page .workspace{margin:0;width:100%;max-width:none;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}body.album-page #content{min-height:calc(100dvh - 125px)}body.album-page .detail-toolbar{margin:0}body.album-page .album-header{padding-top:12px}body.album-page .album-meta{line-height:1.8;font-size:12px}#album-downloads{padding:20px}}

/* A: compact quality capsule and upward glass menu. Motion uses the shared JS policy. */
.music-quality{position:relative;flex-shrink:0}
.music-quality-trigger{display:flex;align-items:center;gap:3px;height:26px;border-radius:14px;padding:0 8px;font-size:11px;font-weight:600;background:var(--soft);border:1px solid var(--line);color:var(--ink);white-space:nowrap}
.music-quality-trigger>.icon{width:9px;height:9px;transform:rotate(-90deg)}
.music-quality-trigger[aria-expanded=true]>.icon{transform:rotate(90deg)}
.music-quality-trigger[aria-expanded=true]{background:var(--surface);box-shadow:0 3px 12px #20283812}
.music-quality-menu{position:absolute;bottom:calc(100% + 14px);right:0;width:180px;padding:7px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid var(--glass-border);box-shadow:0 12px 32px #20283820,inset 0 1px var(--glass-border);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);z-index:20;transform-origin:85% 100%}
.music-quality-menu[hidden]{display:none}
.music-quality-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border-radius:12px;text-align:left;font-size:13px;color:var(--ink)}
.music-quality-menu>button[aria-checked=true]{color:var(--accent);background:var(--soft)}
.music-quality-menu>button:hover{background:var(--soft)}
.music-quality-menu .icon{width:14px;height:14px;opacity:0}
.music-quality-menu [aria-checked=true] .icon{opacity:1}
:root[data-appearance=dark] .music-quality-menu{background:rgba(40,43,53,.92);box-shadow:0 12px 32px #0005}

/* Keep the title in its own clipped column, never beneath the quality control. */
.full-track-title{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
.full-track-title>div:first-child{display:contents}
.full-track-title h2{grid-column:1;grid-row:1;min-width:0}
.full-track-title p{grid-column:1;grid-row:2;min-width:0}
.full-track-title>.music-quality{grid-column:2;grid-row:1;justify-self:end}
.music-scroll-title{overflow:hidden;white-space:nowrap}
.music-scroll-title>span{display:inline-block;white-space:nowrap}
.mini-player .now-playing,.mini-player .now-title{min-width:0;max-width:100%;overflow:hidden}
@media(max-width:760px){.full-grid>div:first-child{width:100%;min-width:0}.full-cover{width:min(100%,30dvh);height:auto;aspect-ratio:1;object-fit:cover}.full-track-title{width:min(100%,30dvh);margin:21px auto;column-gap:10px}.full-track-title h2{font-size:20px;line-height:1.4}}

.mini-player .now-title{flex:1;width:0}.mini-player .now-playing>img{flex-shrink:0}.mini-player{column-gap:16px}