.actions { align-items: center; }
.page-nav { display: flex; gap: 4px; margin-right: 3px; padding: 4px; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,7,17,.22); }
.page-nav a { padding: 6px 10px; border-radius: 9px; color: var(--muted); font-size: 12px; text-decoration: none; }
.page-nav a:hover { color: white; background: rgba(255,255,255,.07); }
.page-search .page-nav [data-page="search"],
.page-playlist .page-nav [data-page="playlist"],
.page-radio .page-nav [data-page="radio"],
.page-packs .page-nav [data-page="packs"],
.page-collections .page-nav [data-page="collections"] { color: white; background: rgba(145,165,255,.2); }
.page-playlist .search-panel,
.page-playlist .table-shell,
.page-radio .search-panel,
.page-radio .table-shell,
.page-packs .search-panel,
.page-packs .table-shell { display: none; }
.page-collections .search-panel,
.page-collections .table-shell { display: none; }
.version-context{display:none;align-items:center;gap:16px;margin:12px 16px 0;padding:12px 0 0;border-top:1px solid var(--line)}.page-search .version-context.show{display:flex}.version-context>div{min-width:0;flex:1}.version-context span{color:#a9b6fb;font-size:10px;letter-spacing:.14em}.version-context h3{margin:2px 0;font-size:18px}.version-context p{margin:0;color:var(--muted);font-size:12px}.version-link{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.version-link:hover{color:#b9c5ff;text-decoration:underline}
.playlist-workspace { display: none; min-height: 560px; margin-top: 8px; overflow: hidden; border-radius: 24px; }
.page-playlist .playlist-workspace { display: grid; grid-template-columns: var(--playlist-sidebar, 270px) minmax(0,1fr); }
.radio-workspace{display:none}.page-radio .radio-workspace{display:block}.radio-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-radius:22px}.radio-head span,.radio-list header span{color:#a9b6fb;font-size:10px;letter-spacing:.14em}.radio-head h3,.radio-list h3{margin:2px 0;font-size:21px}.radio-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.radio-genres{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.radio-genres button{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);font-size:11px}.radio-genres button.active{background:rgba(145,165,255,.22);color:white;border-color:rgba(160,178,255,.45)}.radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.radio-list{min-width:0;border-radius:20px;overflow:hidden}.radio-list>header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid var(--line)}.radio-collapse{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);color:#cbd3ff}.radio-list.collapsed>div{display:none}.radio-list.collapsed .radio-collapse{transform:rotate(180deg)}.radio-list>[data-radio-list]{max-height:620px;overflow:auto}.radio-track{display:grid;grid-template-columns:28px minmax(0,1fr) 28px 28px;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.radio-track:hover{background:rgba(255,255,255,.055)}.radio-track>span{color:#8690b6;font-size:10px;text-align:center}.radio-track>div{min-width:0}.radio-track b,.radio-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-track b{font-size:12px}.radio-track small{color:var(--muted);font-size:9px}.radio-track .track-add,.radio-track .preview-track{width:28px;height:28px;border-radius:8px;background:rgba(145,165,255,.12);color:#c8d2ff}.radio-loading{padding:35px 15px;color:var(--muted);text-align:center}.radio-empty{padding:34px 15px;color:var(--muted);font-size:11px;text-align:center}@media(max-width:1100px){.radio-grid{grid-template-columns:1fr 1fr}.radio-grid .radio-list:last-child{grid-column:1/-1}}@media(max-width:720px){.radio-head{align-items:flex-start;flex-direction:column}.radio-genres{justify-content:flex-start}.radio-grid{grid-template-columns:1fr}.radio-grid .radio-list:last-child{grid-column:auto}}
.packs-workspace{display:none;margin-top:8px;padding-bottom:122px}.page-packs .packs-workspace{display:block}.packs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px;border-radius:22px}.packs-head>div:first-child{max-width:620px}.packs-head span,.pack-detail-kicker{color:#a9b6fb;font-size:10px;letter-spacing:.14em}.packs-head h3{margin:2px 0 4px;font-size:28px}.packs-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.packs-source-note{min-height:0;margin:10px 2px;color:#9ca7cb;font-size:10px}.packs-browser{min-height:440px}.pack-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:13px}.pack-genre-card{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid rgba(170,181,255,.18);border-radius:18px;background:#141628;color:white;text-align:left;aspect-ratio:1/1}.pack-genre-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.16,1,.3,1)}.pack-genre-card::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,18,.03) 24%,rgba(7,8,18,.94) 100%);content:""}.pack-genre-card:hover{border-color:rgba(188,198,255,.55);transform:translateY(-2px)}.pack-genre-card:hover img{transform:scale(1.035)}.pack-genre-card:active{transform:scale(.985)}.pack-genre-copy{position:absolute;z-index:1;right:0;bottom:0;left:0;display:grid;padding:18px;gap:3px}.pack-genre-copy span{color:#d4dafe;font-size:9px;font-weight:750;letter-spacing:.12em}.pack-genre-copy strong{font-size:20px;line-height:1.15;letter-spacing:-.025em}.pack-genre-copy small{color:#b0b7d3;font-size:10px}.pack-detail{display:grid;min-width:0;gap:13px}.pack-detail>*{width:100%;min-width:0}.pack-detail-head{display:grid;grid-template-columns:42px 78px minmax(0,1fr);gap:14px;align-items:center;padding:14px 18px;border-radius:18px}.pack-back{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.055);color:#ccd4ff;font-size:18px}.pack-detail-art{width:78px;height:78px;overflow:hidden;border-radius:14px;background:#15172c}.pack-detail-art img{width:100%;height:100%;object-fit:cover}.pack-detail-copy{min-width:0}.pack-detail-copy h3{margin:2px 0;font-size:22px}.pack-detail-copy p{margin:0;color:var(--muted);font-size:11px}.pack-years{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}.pack-years::-webkit-scrollbar{display:none}.pack-years button{min-width:66px;padding:9px 13px;border:1px solid rgba(163,175,235,.15);border-radius:11px;background:rgba(255,255,255,.035);color:#929dbc;font-size:11px}.pack-years button:hover,.pack-years button.active{border-color:rgba(169,182,255,.52);background:rgba(139,153,235,.16);color:#eef0ff}.pack-month{min-width:0;padding:17px 18px;border-radius:18px}.pack-month>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.pack-month h4{margin:0;font-size:15px}.pack-month header span{color:#8e98bc;font-size:10px}.pack-rail-wrap{position:relative;width:100%;min-width:0;overflow:hidden}.pack-rail{display:grid;width:100%;min-width:0;padding:2px 36px 10px;grid-auto-columns:220px;grid-auto-flow:column;gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(162,174,255,.45) rgba(44,38,79,.34);scroll-snap-type:x proximity}.pack-release{position:relative;width:220px;overflow:hidden;border:1px solid rgba(166,176,224,.14);border-radius:15px;background:rgba(255,255,255,.038);scroll-snap-align:start}.pack-release.active,.pack-release:hover{border-color:rgba(171,183,255,.48);background:rgba(137,151,230,.12)}.pack-release-open{display:block;width:100%;padding:0;background:transparent;color:white;text-align:left}.pack-release-art{position:relative;display:block;overflow:hidden;aspect-ratio:1/1}.pack-release-art img{width:100%;height:100%;object-fit:cover}.pack-release-art::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(6,7,17,.86));content:""}.pack-release-week{position:absolute;z-index:1;right:12px;bottom:10px;color:white;font-size:11px;font-weight:800}.pack-release-copy{display:grid;padding:12px 13px 14px;gap:3px}.pack-release-copy strong{font-size:12px;line-height:1.35}.pack-release-copy small{color:#969fbe;font-size:9px}.pack-release-actions{position:absolute;z-index:2;right:10px;bottom:10px;display:flex;gap:5px}.pack-release-actions button{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(176,188,255,.14);border-radius:8px;background:rgba(27,29,58,.9);color:#d2d9ff}.pack-rail-button{position:absolute;z-index:3;top:50%;display:grid;width:30px;height:56px;place-items:center;border:1px solid rgba(188,197,255,.18);border-radius:10px;background:rgba(20,22,45,.8);color:#dce1ff;font-size:23px;transform:translateY(-58%);opacity:.75}.pack-rail-button:hover{opacity:1}.pack-rail-button.previous{left:4px}.pack-rail-button.next{right:4px}.pack-tracks{padding:18px;border-radius:18px}.pack-tracks>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.pack-tracks h4{margin:2px 0;font-size:17px}.pack-tracks p{margin:0;color:var(--muted);font-size:10px}.pack-tracks-close{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.06);color:#cbd3ff}.pack-track-list{display:grid;max-height:520px;overflow-y:auto;padding-bottom:82px;scrollbar-gutter:stable}.packs-empty{display:grid;min-height:260px;place-items:center;align-content:center;gap:14px;border-radius:20px;color:var(--muted);text-align:center}.packs-empty span{max-width:420px;font-size:11px}.pack-loading{display:grid;min-height:180px;place-items:center;align-content:center;gap:12px;color:var(--muted)}
@media(max-width:760px){.packs-workspace{padding-bottom:108px}.packs-head{align-items:flex-start;flex-direction:column;padding:19px}.pack-genre-grid{grid-template-columns:1fr 1fr;gap:9px}.pack-genre-copy{padding:13px}.pack-genre-copy strong{font-size:16px}.pack-detail-head{grid-template-columns:38px 62px minmax(0,1fr);padding:12px}.pack-detail-art{width:62px;height:62px;border-radius:12px}.pack-detail-copy h3{font-size:18px}.pack-month{padding:15px 12px}.pack-rail{padding-right:2px;padding-left:2px;grid-auto-columns:190px}.pack-release{width:190px}.pack-rail-button{display:none}.pack-tracks{padding:13px 10px}.pack-track-list{max-height:none;padding-bottom:104px}.pack-tracks .radio-track{grid-template-columns:24px minmax(0,1fr) 36px 36px;padding:11px 3px}.pack-tracks .radio-track b,.pack-tracks .radio-track small{white-space:normal;overflow-wrap:anywhere}.pack-tracks .radio-track .track-add,.pack-tracks .radio-track .preview-track{width:36px;height:36px}}
.playlist-sidebar { position: relative; min-width: 190px; padding: 20px 16px; border-right: 1px solid var(--line); background: rgba(5,7,17,.15); }
.playlist-sidebar header,.playlist-tracks>header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.playlist-sidebar header span,.playlist-tracks header span { color: #a9b6fb; font-size: 10px; letter-spacing: .14em; }
.playlist-sidebar h3,.playlist-tracks h3 { margin: 2px 0 0; font-size: 21px; }
.playlist-more { width: 32px; height: 32px; border-radius: 9px; background: rgba(255,255,255,.06); color: var(--muted); }
.playlist-menu-wrap { position: relative; }.playlist-menu { position: absolute; z-index: 8; top: 37px; right: 0; display: none; width: 145px; padding: 5px; border: 1px solid var(--line); border-radius: 11px; background: #17192b; box-shadow: 0 14px 35px rgba(0,0,0,.35); }.playlist-menu.show { display: block; }.playlist-menu button { width: 100%; padding: 8px; border-radius: 8px; background: transparent; color: #ffb2bd; text-align: left; }.playlist-menu button:hover { background: rgba(255,100,120,.12); }
.playlist-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 18px 0 14px; }
.playlist-actions button { padding: 8px 7px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.05); color: #cbd2ef; font-size: 11px; }
.playlist-actions #renamePlaylist { grid-column: 1 / -1; }
.playlist-actions .spotify-import-button { grid-column: 1 / -1; border-color: rgba(45,215,96,.34); color: #b9f7ca; background: rgba(29,185,84,.10); }
.playlist-tree { display: flex; flex-direction: column; gap: 3px; }
.playlist-node { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px; border-radius: 10px; background: transparent; color: #cdd1e4; text-align: left; }
.playlist-node:hover { background: rgba(255,255,255,.06); }
.playlist-node.active { background: rgba(145,165,255,.18); color: white; }
.playlist-node.dragging { opacity: .35; }.playlist-node.drag-target { outline: 1px solid #9fb0ff; background: rgba(145,165,255,.22); }
.playlist-node .node-icon { width: 18px; color: #9fb0ff; text-align: center; }
.playlist-node .node-name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.playlist-node small { color: var(--muted); font-size: 9px; }
.playlist-children { margin-left: 15px; padding-left: 8px; border-left: 1px solid rgba(255,255,255,.09); }
.playlist-resizer { position: absolute; z-index: 3; top: 0; right: -4px; width: 8px; height: 100%; cursor: col-resize; }
.playlist-resizer:hover { background: rgba(154,175,255,.4); }
.playlist-tracks { min-width: 0; padding: 24px; }
.playlist-tracks>header { min-height: 74px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.playlist-tracks header p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.playlist-empty { display: grid; place-items: center; align-content: center; min-height: 390px; color: var(--muted); text-align: center; }
.playlist-empty div { font-size: 34px; }
.playlist-empty h3 { margin: 12px 0 2px; color: white; }
.playlist-empty p { margin: 0; }
@media (max-width: 720px) { .page-playlist .playlist-workspace { grid-template-columns: 1fr; }.playlist-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }.playlist-resizer { display:none; } }
.session-track { grid-template-columns: 26px minmax(0,1fr) 28px 28px !important; }
.saved-track-list { width: 100%; text-align: left; }.playlist-tracks .playlist-empty:has(.saved-track-list) { display:block; min-height:0; padding-top:12px; }
.track-action-menu.open-left .saved-playlist-menu { left:auto; right:calc(100% + 7px); }
.preview-player { grid-template-columns:36px 48px 36px minmax(170px,280px) minmax(260px,1fr) 105px 125px 34px !important; }.preview-next{width:34px;height:34px;border-radius:50%;background:rgba(151,171,255,.12);color:#c8d2ff;font-size:16px}.preview-next:hover{background:rgba(151,171,255,.25);color:white}@media(max-width:900px){.preview-player{grid-template-columns:34px 44px 34px minmax(120px,1fr) minmax(180px,2fr) 80px 30px!important}}
.track-check,.album-select-all{display:none!important}body:has(.preview-player.show) .toast{bottom:122px}.bulk-bar{gap:8px}.bulk-bar span{margin-right:auto}
.playlist-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.playlist-header-actions button{padding:8px 10px;font-size:11px}.playlist-header-actions button:disabled{opacity:.35;cursor:not-allowed}.playlist-node.delete-mode small{display:none}.playlist-node .node-delete{display:none;width:22px;height:22px;border-radius:7px;background:rgba(255,90,110,.13);color:#ffb2bd;text-align:center}.playlist-tree.delete-mode .playlist-node .node-delete{display:grid;place-items:center}.playlist-tree.delete-mode .playlist-node small{display:none}
.spotify-import-modal{width:min(680px,calc(100vw - 28px))}.spotify-kicker{color:#68e48d;font-size:10px;font-weight:800;letter-spacing:.16em}.spotify-import-content{display:grid;gap:9px;max-height:min(58vh,520px);overflow:auto;padding:4px}.spotify-connect-card,.spotify-playlist-row,.spotify-import-result{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04)}.spotify-connect-card>div,.spotify-playlist-row>div,.spotify-import-result>div{min-width:0;flex:1}.spotify-connect-card b,.spotify-playlist-row b,.spotify-import-result b{display:block;color:white}.spotify-connect-card span,.spotify-playlist-row span,.spotify-import-result span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.spotify-playlist-row button,.spotify-connect-card button{flex:0 0 auto;padding:9px 12px;border-radius:10px;background:rgba(29,185,84,.17);color:#c7fbd6;font-weight:700}.spotify-playlist-row button:disabled{opacity:.45}.spotify-policy{margin:14px 4px 0;color:var(--muted);font-size:11px;line-height:1.5}.spotify-attribution{display:inline-flex;align-items:center;text-decoration:none}@media(max-width:560px){.spotify-playlist-row{align-items:flex-start;flex-wrap:wrap}.spotify-playlist-row button{width:100%}}
.playlist-only-action{display:none!important}.page-playlist .playlist-only-action{display:block!important}.playlist-header-actions .danger{color:#ffb2bd}
.page-playlist .playlist-only-action:disabled{opacity:.35;cursor:not-allowed}
.toast{z-index:70!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,24px)!important;transition:bottom .24s ease,transform .24s ease,opacity .2s ease,visibility 0s linear .24s!important}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)!important;transition:bottom .24s ease,transform .24s ease,opacity .2s ease!important}body:has(.preview-player.show) .toast{bottom:122px!important}
.session-queue{display:flex;height:min(470px,calc(100vh - 145px));max-height:none!important;box-sizing:border-box;flex-direction:column;overflow:hidden}.session-queue>header{flex:0 0 auto;gap:8px}.session-queue>header>div:first-child{min-width:92px}.session-queue>header span{font-size:7px!important;white-space:nowrap}.session-queue>header h3{font-size:13px!important;white-space:nowrap}.session-queue-actions{display:flex;flex:1 1 auto;flex-wrap:nowrap!important;justify-content:flex-end;gap:4px!important;white-space:nowrap}.session-queue-actions .ghost{min-height:28px;padding:5px 7px!important;border-radius:8px;font-size:9px}.session-queue-close{flex:0 0 28px!important;width:28px!important;height:28px!important}.session-queue-list,#sessionQueueList{flex:1 1 auto;min-height:0;max-height:none!important;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.history-toggle{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:7px;border:0;background:transparent;text-align:left;cursor:pointer}.history-toggle i{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:rgba(255,255,255,.07);color:#c4ceff;font-size:19px;font-style:normal;line-height:1}.history-toggle:hover i{background:rgba(151,171,255,.22);color:white}.history-toggle span{font-size:9px!important}.queue-history.collapsed{display:none}.preview-player.show{transform:none!important;opacity:1!important}@media(max-width:560px){.session-queue{right:8px;width:calc(100% - 16px)}.session-queue>header>div:first-child{display:none}.session-queue-actions .ghost{padding:5px!important;font-size:8px}}
@media (max-width: 1180px) {
  .actions { flex-wrap: wrap; justify-content: flex-end; }
  .topbar { height: auto; min-height: 78px; padding-block: 10px; }
}
.page-radio .radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-radio .radio-collapse{display:none}.radio-list-actions{display:flex;gap:5px}.radio-list-actions button{width:30px;height:30px;border-radius:9px;background:rgba(145,165,255,.12);color:#c8d2ff}.radio-list-actions button:hover{background:rgba(145,165,255,.27);color:white}@media(max-width:720px){.page-radio .radio-grid{grid-template-columns:1fr}}
.hero-cards{display:flex}.hero-cards>.latest-card{width:min(470px,35vw)}.radio-highlight{display:none}.page-radio .hero{gap:20px}.page-radio .hero-cards{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;width:min(980px,72vw)}.page-radio .hero-cards>.latest-card{width:auto;min-width:0}.page-radio .radio-highlight{display:block}.feature-track{padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.feature-track b,.feature-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-track b{font-size:11px}.feature-track small{color:var(--muted);font-size:9px}@media(max-width:1180px){.page-radio .hero>div:first-child{display:none}.page-radio .hero-cards{width:100%}}@media(max-width:760px){.page-radio .hero-cards{grid-template-columns:1fr}.page-radio .hero-cards>.latest-card{display:block}}
.album-play{width:34px;height:34px;margin-right:6px;border-radius:10px;background:rgba(145,165,255,.16);color:#c8d2ff}.album-play:hover{background:rgba(145,165,255,.3);color:white}#libraryTable col[data-col="action"]{width:162px!important}
.radio-coverage{display:block;width:calc(100% - 24px);margin:10px 12px 14px;padding:10px 12px;border:1px solid rgba(143,128,255,.3);border-radius:10px;background:rgba(117,93,215,.12);color:#c9c2ff;text-align:left;cursor:pointer}.radio-coverage:hover{background:rgba(117,93,215,.22);border-color:rgba(166,150,255,.55)}

/* Collections is a browsing surface rather than a second search table. */
.collections-workspace{display:none;margin-top:8px}.page-collections .collections-workspace{display:block}.collections-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:24px 26px;border-radius:22px}.collections-head>div{max-width:620px}.collections-head>div>span,.collection-detail-kicker{color:#a9b6fb;font-size:10px;letter-spacing:.14em}.collections-head h3{margin:3px 0 5px;font-size:28px;letter-spacing:-.035em}.collections-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.collection-search{width:min(330px,38vw)}.collection-search span{display:block;margin:0 0 7px;color:#aeb5d2;font-size:10px}.collection-search input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(8,10,24,.55);color:white;outline:none}.collection-search input:focus{border-color:rgba(167,181,255,.7);box-shadow:0 0 0 3px rgba(139,154,255,.12)}.collection-browser{min-height:520px;margin-top:14px}.collection-loading,.collection-empty{display:grid;min-height:360px;place-items:center;align-content:center;gap:14px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}.collection-card{position:relative;display:grid;min-height:154px;padding:18px;overflow:hidden;border:1px solid rgba(170,181,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(45,49,82,.78),rgba(15,17,35,.86));color:white;text-align:left;isolation:isolate}.collection-card::before{position:absolute;z-index:-1;right:-24px;bottom:-38px;width:120px;height:120px;border:1px solid rgba(188,195,255,.14);border-radius:50%;box-shadow:0 0 0 22px rgba(162,173,255,.04),0 0 0 45px rgba(162,173,255,.025);content:""}.collection-card:hover{border-color:rgba(174,187,255,.46);background:linear-gradient(145deg,rgba(58,63,103,.9),rgba(18,20,42,.92));transform:translateY(-2px)}.collection-card:active{transform:translateY(0) scale(.985)}.collection-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(204,211,255,.2);border-radius:14px;background:rgba(152,166,255,.14);color:#e1e5ff;font-size:14px;font-weight:800;letter-spacing:-.04em}.collection-card strong{align-self:end;margin-top:22px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.collection-card small{margin-top:3px;color:#98a2c7;font-size:10px}.collection-detail{display:grid;gap:13px}.collection-detail-head{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:18px}.collection-back{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.055);color:#ccd4ff;font-size:18px}.collection-detail-copy{min-width:0;flex:1}.collection-detail-copy h3{margin:2px 0;font-size:22px}.collection-detail-copy p{margin:0;color:var(--muted);font-size:11px}.collection-view-note{padding:7px 10px;border:1px solid rgba(164,177,255,.18);border-radius:999px;color:#b9c3ef;font-size:10px;white-space:nowrap}.collection-month{padding:17px 18px;border-radius:18px}.collection-month>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.collection-month h4{margin:0;font-size:15px}.collection-month header span{color:#8e98bc;font-size:10px}.collection-rail-wrap{position:relative}.collection-rail{display:grid;grid-auto-columns:minmax(205px,24%);grid-auto-flow:column;gap:9px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(162,174,255,.45) rgba(44,38,79,.34);scroll-snap-type:x proximity}.collection-release{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid rgba(166,176,224,.13);border-radius:14px;background:rgba(255,255,255,.038);color:white;text-align:left;scroll-snap-align:start}.collection-release:hover{border-color:rgba(171,183,255,.42);background:rgba(137,151,230,.12)}.collection-release strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.collection-release footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#909abd;font-size:9px}.collection-release footer em{padding:4px 6px;border:1px solid rgba(165,178,255,.18);border-radius:999px;color:#b8c2ed;font-style:normal}.collection-tracks{padding:18px;border-radius:18px}.collection-tracks>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}.collection-tracks h4{margin:2px 0;font-size:17px}.collection-tracks p{margin:0;color:var(--muted);font-size:10px}.collection-tracks-close{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.06);color:#cbd3ff}.collection-track-list{display:grid;max-height:430px;overflow:auto}.collection-track{display:grid;grid-template-columns:34px minmax(130px,.8fr) minmax(180px,1.2fr) 90px 55px;gap:10px;align-items:center;padding:10px 8px;border-top:1px solid rgba(255,255,255,.055);font-size:11px}.collection-track>span:first-child{color:#737d9e;text-align:center}.collection-track b,.collection-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-track small{color:var(--muted)}.collection-track em{color:#aeb8e8;font-size:9px;font-style:normal}.collection-track-actions{display:flex;justify-content:flex-end;gap:5px}.collection-track-actions button{width:27px;height:27px;border-radius:8px;background:rgba(145,165,255,.12);color:#c8d2ff}.public-mode .collection-track-actions{display:none}
@media(max-width:900px){.collections-head{align-items:stretch;flex-direction:column}.collection-search{width:100%}.collection-rail{grid-auto-columns:minmax(210px,55%)}.collection-track{grid-template-columns:28px minmax(0,1fr) 70px}.collection-track .collection-track-title{grid-column:2}.collection-track .collection-track-artist{grid-column:2}.collection-track .collection-track-format{grid-column:3;grid-row:1}.collection-track-actions{grid-column:3;grid-row:2}.collection-track-date{display:none}}
@media(max-width:620px){.collections-head{padding:19px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card{min-height:132px;padding:14px}.collection-mark{width:42px;height:42px}.collection-card strong{margin-top:15px}.collection-detail-head{align-items:flex-start;flex-wrap:wrap}.collection-view-note{margin-left:52px}.collection-month{padding:15px 12px}.collection-rail{grid-auto-columns:82%}.collection-tracks{padding:14px}.collection-track{grid-template-columns:24px minmax(0,1fr) 52px;padding:9px 3px}.collection-track-actions{display:none}}

/* Collections browser: fixed release rhythm, brand marks and dependable navigation. */
.collection-mark{position:relative;overflow:hidden}.collection-mark img{position:absolute;z-index:1;width:34px;height:34px;object-fit:contain;border-radius:7px}.collection-mark i{font-style:normal}.collection-detail,#collectionMonths{min-width:0;width:100%}.collection-detail-logo{width:38px;height:38px;border-radius:11px}.collection-detail-logo img{width:29px;height:29px}.collection-years{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}.collection-years::-webkit-scrollbar{display:none}.collection-years button{min-width:66px;padding:9px 13px;border:1px solid rgba(163,175,235,.15);border-radius:11px;background:rgba(255,255,255,.035);color:#929dbc;font-size:11px}.collection-years button:hover,.collection-years button.active{border-color:rgba(169,182,255,.52);background:rgba(139,153,235,.16);color:#eef0ff}.collection-month{box-sizing:border-box;min-width:0;width:100%}.collection-rail-wrap{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.collection-rail{box-sizing:border-box;width:100%;min-width:0;grid-auto-columns:220px;padding:2px 36px 10px}.collection-release{width:220px;height:118px;min-height:118px;max-height:118px;overflow:hidden}.collection-release:hover,.collection-release.active{border-color:rgba(171,183,255,.42);background:rgba(137,151,230,.12)}.collection-release footer em{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-rail-button{position:absolute;z-index:2;top:50%;display:grid;width:30px;height:56px;place-items:center;border:1px solid rgba(188,197,255,.18);border-radius:10px;background:rgba(20,22,45,.72);backdrop-filter:blur(12px);color:#dce1ff;font-size:23px;transform:translateY(-58%);opacity:.72}.collection-rail-button:hover{border-color:rgba(188,198,255,.5);background:rgba(54,59,100,.88);opacity:1}.collection-rail-button.previous{left:4px}.collection-rail-button.next{right:4px}.collection-loading.compact,.collection-empty.compact{min-height:120px}
@media(max-width:620px){.collection-detail-logo{width:36px;height:36px}.collection-view-note{margin-left:0}.collection-rail{grid-auto-columns:220px}.collection-rail-button{display:none}}
/* Keep release track scrolling discoverable on desktop and mobile. */
.collection-track-list{overflow-y:scroll;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:rgba(190,177,255,.86) rgba(31,23,65,.72);scrollbar-gutter:stable}
.collection-track-list::-webkit-scrollbar{width:12px}
.collection-track-list::-webkit-scrollbar-track{border:1px solid rgba(166,151,245,.22);border-radius:999px;background:rgba(31,23,65,.72)}
.collection-track-list::-webkit-scrollbar-thumb{border:2px solid rgba(31,23,65,.72);border-radius:999px;background:linear-gradient(180deg,rgba(211,201,255,.9),rgba(143,119,243,.78));box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 10px rgba(150,129,255,.28)}

/* Collection actions mirror the established Search controls. */
.collection-release{position:relative}
.collection-release-open{display:flex;min-width:0;min-height:100%;flex:1;flex-direction:column;justify-content:space-between;padding:0;background:transparent;color:inherit;text-align:left}
.collection-release-open strong{padding-right:2px}
.collection-release-open footer{width:100%;padding-right:65px}
.collection-release-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}
.collection-release-actions button{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(176,188,255,.12);border-radius:8px;background:rgba(145,165,255,.12);color:#c8d2ff}
.collection-release-actions button:hover{border-color:rgba(187,198,255,.38);background:rgba(145,165,255,.24);color:white}
.public-mode .collection-release-actions{display:none}
@media(max-width:620px){.collection-track{grid-template-columns:24px minmax(0,1fr) 66px}.collection-track-actions{display:flex}}

/* Collection track rows retain a dedicated action column at desktop sizes. */
@media(min-width:901px){
  .collection-track{grid-template-columns:34px minmax(150px,.85fr) minmax(220px,1.2fr) 100px 62px 78px;padding:11px 10px;font-size:12px}
}
.collection-track-artist{min-width:0;color:#d8dbea;font-size:13px;line-height:1.4}
.collection-track .collection-track-title{min-width:0;color:#f7f8ff;font-size:14px;font-weight:700;line-height:1.4}
.collection-track em{font-size:10.5px}
.collection-track-actions{min-width:73px;justify-content:flex-end;gap:6px}
.collection-track-actions .track-add,.collection-track-actions .preview-track{display:grid;flex:0 0 32px;width:32px;height:32px;margin:0;place-items:center}
.collection-track-actions .track-add{font-size:20px}.collection-track-actions .preview-track{font-size:12px}
.collection-tracks-more{position:sticky;bottom:8px;justify-self:center;margin:12px;padding:9px 18px;border:1px solid rgba(165,178,255,.24);border-radius:10px;background:rgba(23,26,53,.96);color:#d7ddff;font-size:11px}

/* Keep pack quick actions clear of the release title and track count. */
.pack-release-actions{top:10px;bottom:auto}

/* Keep genre navigation visible while packs and track details open below it. */
.pack-genre-card.active{border-color:rgba(202,210,255,.88);box-shadow:inset 0 0 0 2px rgba(169,182,255,.32),0 12px 32px rgba(12,14,35,.28)}
.pack-genre-card.active img{transform:scale(1.035)}
.pack-genre-card.active .pack-genre-copy small{color:#eef0ff}