@property --acid{syntax:"<color>";inherits:true;initial-value:#e8ff3d}:root{--paper:#fafaf9;--ink:#191919;--muted:#696966;--line:#d9d9d6;--acid:#e8ff3d;--display:Helvetica,Arial,sans-serif;--body:Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #728600;outline-offset:5px}button:disabled{cursor:default}button, a{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none} .masthead{height:108px;display:flex;align-items:center;padding:0 3.3%;gap:56px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:-1.5px;white-space:nowrap}.brand-world{font-size:15px;letter-spacing:-.5px;align-self:flex-end;margin:0 0 5px -8px}.record-mark{width:30px;height:30px;border-radius:50%;background:var(--ink);display:inline-block;flex-shrink:0;position:relative}.record-mark:before{content:'';position:absolute;inset:6px;border:1px solid #7b7e6f;border-radius:50%}.record-mark:after{content:'';position:absolute;inset:12px;background:var(--paper);border-radius:50%}.masthead nav{display:flex;gap:28px;height:100%;align-items:stretch}.nav-link{display:flex;gap:8px;align-items:center;position:relative;font-size:14px;color:var(--muted)}.nav-link span{font-size:12px;align-self:center;margin-top:-11px}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.connect-button{margin-left:auto;border:1px solid #272b24;border-radius:3px;padding:11px 14px;font-size:14px;display:flex;align-items:center;gap:10px}.connect-button:hover{background:var(--acid)}.up-right{font-size:20px;margin-left:7px}main{padding:0 3.3%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:49px 0 43px;gap:30px}.eyebrow{font-size:12px;font-weight:550;letter-spacing:1.4px}.intro h1{font-family:var(--display);font-weight:500;font-size:clamp(44px,4.9vw,76px);letter-spacing:-4px;line-height:1.07;margin:14px 0 0}.acid-dot{color:#75850b}.intro p{color:#5d6157;font-size:15px;line-height:1.6;margin:0 0 4px}.archive-toolbar{border-top:1px solid var(--line);padding:22px 0 19px;display:flex;align-items:center;justify-content:space-between}.section-title{font-size:18px;display:flex;align-items:center;gap:10px;font-weight:500}.small-cross{font-size:26px;line-height:1}.count{color:var(--muted);font-size:12px;align-self:flex-start;margin-top:1px;letter-spacing:.5px}.shuffle-button{display:flex;align-items:center;gap:10px;background:var(--acid);padding:12px 17px;border-radius:3px;font-size:14px;font-weight:550;transition:background .2s}.shuffle-button:hover{background:#cde632}.shuffle-button svg{width:18px;height:18px}.filter-line{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:0 0 27px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;padding:7px 15px;font-size:14px;white-space:nowrap;transition:background .15s}.filter:hover{border-color:#9b9f92}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.view-caption{font-size:11px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 22px}.album-card{min-width:0;animation:arrive .35s both}.cover-button{width:100%;padding:0;display:block;position:relative;overflow:hidden;background:#e7e8df;aspect-ratio:1;border-radius:2px;box-shadow:0 2px 3px #15191010}.cover-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .4s}.cover-button:hover img{transform:scale(1.035);filter:brightness(.9)}.cover-button .open-cue{position:absolute;right:12px;bottom:12px;background:var(--paper);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:.2s;font-size:23px}.cover-button:hover .open-cue,.cover-button:focus-visible .open-cue{opacity:1;transform:translateY(0)}.card-topline{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.album-name{text-align:left;font-size:15px;font-weight:550;padding:0;line-height:1.35;letter-spacing:-.25px;min-width:0}.album-name:hover{text-decoration:underline;text-underline-offset:4px}.card-year{font-family:var(--display);font-size:12px;color:var(--muted);padding-top:2px}.artist-name{font-size:14px;color:#74776e;margin:3px 0 9px;line-height:1.35}.genre-link{font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding:0;color:#616655;border-bottom:1px solid transparent}.genre-link:hover{border-color:currentColor}.archive-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:26px 0;margin-top:37px;font-size:13px;color:var(--muted)}.text-button{font-size:14px;text-decoration:underline;text-underline-offset:4px}.site-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:36px 0 140px;border-top:1px solid var(--line)}.site-footer a:hover{color:var(--ink)}.player{position:fixed;bottom:0;left:0;right:0;background:#20231e;color:#f5f6ed;z-index:10;display:flex;align-items:center;justify-content:space-between;height:89px;padding:12px 3.3%;gap:28px;box-shadow:0 -5px 30px #00000009}.player-record{display:flex;align-items:center;gap:13px;min-width:0;flex:1;text-align:left;padding:0}.player-record img{width:56px;height:56px;object-fit:cover;border-radius:2px;background:#34392f}.player-record>span{min-width:0}.player-record strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.player-record span span{display:block;font-size:12px;color:#a8aea1;margin-top:4px}.transport{display:flex;align-items:center;gap:20px;flex:1.35}.icon-button{padding:4px;display:grid;place-items:center;color:#bec4b5}.icon-button svg{width:18px;height:18px;fill:currentColor;stroke-width:1}.play-button{height:40px;width:40px;background:var(--acid);color:#242819;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.play-button svg{width:21px;height:21px;fill:currentColor;stroke:none;margin:0}.player-time{font-size:11px;color:#b4baad}.progress-track{height:3px;background:#4b5045;flex:1;min-width:35px}.progress-track span{display:block;background:#aab19d;width:0;height:100%}.player-connect{margin-left:auto;display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex:.65;white-space:nowrap}.player-connect span{font-size:9px;letter-spacing:1.4px;color:#a7ad9f}.player-connect strong{font-weight:500;font-size:15px}.player-connect:hover{color:var(--acid)}dialog{border:0;color:var(--ink);background:var(--paper);padding:0;max-height:100dvh}dialog::backdrop{background:#10170f80;backdrop-filter:blur(5px)}.album-dialog{margin:0 0 0 auto;width:700px;max-width:100%;height:100dvh;overflow-y:auto}.close-button{position:absolute;top:18px;right:20px;z-index:2;background:var(--paper);border:1px solid var(--line);width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;display:grid;place-items:center}.detail-top{padding:34px 40px 25px;background:#e7e9df}.detail-top>.eyebrow{margin-bottom:25px}.detail-art{width:62%;display:block;margin:0 auto 25px;box-shadow:0 14px 26px #17200f25;aspect-ratio:1;object-fit:cover}.detail-meta{display:flex;gap:12px;font-size:12px;color:#616655;margin-bottom:10px}.detail-top h2{font-family:var(--display);font-size:38px;font-weight:500;letter-spacing:-1.7px;line-height:1.1;margin:0 0 6px}.detail-artist{font-size:18px;margin:0 0 19px;color:#5b6252}.detail-actions{display:flex;align-items:center;gap:14px}.solid-button{background:var(--ink);color:var(--paper);border-radius:3px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:14px}.solid-button:hover{background:#3b4433}.detail-actions a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.detail-body{padding:30px 40px 50px}.detail-body h3{font-family:var(--display);font-weight:500;font-size:25px;letter-spacing:-.8px;margin:14px 0}.detail-body p{font-size:16px;line-height:1.7;color:#5e6555}.detail-body .listen-note{border-left:2px solid #99b025;padding-left:16px;font-size:14px;margin:25px 0}.similar-heading{border-top:1px solid var(--line);padding-top:24px}.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.similar-button{padding:0;text-align:left;min-width:0}.similar-button img{width:100%;aspect-ratio:1;object-fit:cover}.similar-button strong{display:block;font-size:13px;margin-top:8px;font-weight:500}.similar-button span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.connect-dialog{width:480px;max-width:calc(100% - 32px);padding:40px;border-radius:4px}.record-mark.large{width:48px;height:48px;margin-bottom:30px}.record-mark.large:before{inset:9px}.record-mark.large:after{inset:20px;background:var(--acid)}.connect-dialog h2{font-family:var(--display);font-weight:500;font-size:39px;line-height:1.12;letter-spacing:-1.7px;margin:16px 0 20px}.connect-dialog p{font-size:16px;line-height:1.6}.connect-dialog .secondary{font-size:14px;color:var(--muted)}.connect-dialog .solid-button{width:100%;margin-top:28px}.journal-heading{border-top:1px solid var(--line);padding:35px 0}.journal-heading h2{font-family:var(--display);font-size:44px;letter-spacing:-2px;font-weight:500;margin:12px 0}.journal-heading p{color:var(--muted)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-bottom:60px}.journal-card{padding:0;text-align:left}.journal-card img{width:100%;aspect-ratio:1;object-fit:cover}.journal-card .eyebrow{display:block;margin-top:23px;font-size:11px}.journal-card h3{font-family:var(--display);font-size:28px;letter-spacing:-1px;font-weight:500;margin:10px 0}.journal-card p{font-size:15px;line-height:1.6;color:var(--muted)}.journal-card .text-button{display:inline-block;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.album-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1150px){.masthead{gap:28px}.brand{font-size:24px}.brand-world{font-size:13px}.masthead nav{gap:16px}.view-caption{display:none}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.transport{gap:13px}.player-record strong{max-width:190px}.player-connect{flex:.4}.intro h1{letter-spacing:-2.5px}.intro p{font-size:14px}}@media(max-width:800px){.masthead{height:84px;flex-wrap:wrap;gap:14px;padding:0 5%}.brand{font-size:24px}.brand-world{display:none}.masthead nav{margin-left:auto}.nav-link span{display:none}.connect-button{font-size:0;padding:8px;margin:0;gap:0}.connect-button>span:first-child{font-size:20px}.connect-button .up-right{display:none}main{padding:0 5%}.intro{padding:34px 0;align-items:flex-start;flex-direction:column;gap:15px}.intro h1{font-size:53px}.intro p br{display:none}.intro p{max-width:360px}.eyebrow{font-size:11px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 16px}.archive-footer>span:nth-child(2){display:none}.transport{flex:0;gap:10px}.progress-track,.player-time{display:none}.player{padding:10px 5%;gap:16px;height:79px}.player-connect{display:none}.player-record img{width:48px;height:48px}.player-record strong{max-width:260px}.site-footer{flex-wrap:wrap;line-height:1.6;padding-bottom:110px}.journal-grid{grid-template-columns:1fr 1fr}.journal-card h3{font-size:24px}.journal-card:last-child{grid-column:1/-1;max-width:50%}}@media(max-width:520px){.masthead{gap:15px}.brand{font-size:21px;letter-spacing:-1px;gap:7px}.record-mark{width:25px;height:25px}.record-mark:before{inset:5px}.record-mark:after{inset:10px}.masthead nav{gap:12px}.nav-link{font-size:13px;padding:0}.intro h1{font-size:46px}.intro .eyebrow{font-size:10px;letter-spacing:1.1px}.intro p{font-size:14px;line-height:1.6}.section-title{font-size:16px;gap:7px}.small-cross{font-size:23px}.shuffle-button{font-size:12px;padding:11px 12px;gap:7px}.shuffle-button svg{width:16px}.archive-toolbar{padding-top:19px}.filter-line{margin-bottom:22px;overflow:hidden}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;width:100%}.filter{font-size:13px;padding:6px 12px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.album-name{font-size:14px}.card-year{font-size:11px}.artist-name{font-size:13px}.genre-link{font-size:10px}.card-topline{gap:6px;margin-top:11px}.archive-footer{font-size:12px}.text-button{font-size:12px}.site-footer>span:nth-child(2){display:none}.player-record strong{max-width:155px;font-size:13px}.player-record span span{font-size:11px}.player-record{gap:10px}.transport{gap:5px}.icon-button{padding:3px}.play-button{width:35px;height:35px}.detail-top{padding:28px 24px 25px}.detail-art{width:76%;margin-top:32px}.detail-top h2{font-size:32px}.detail-body{padding:26px 24px 40px}.detail-actions{flex-wrap:wrap}.connect-dialog{padding:32px}.journal-grid{grid-template-columns:1fr}.journal-card:last-child{grid-column:auto;max-width:none}.journal-heading h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared Design Archive identity, adapted for a listening archive. */
body{font-synthesis:none}.masthead{height:auto;min-height:112px;padding:28px 40px;gap:60px}.brand{display:block;flex-shrink:0;font:750 29px/.88 Helvetica,Arial,sans-serif;letter-spacing:-1.5px}.masthead nav{height:auto;gap:32px;margin:0 auto 0 0;align-items:center}.nav-link{font-size:14px;padding:0;color:var(--ink)}.nav-link span{display:none}.nav-link.active{font-weight:600}.nav-link.active:after{position:static;display:inline-block;width:6px;height:6px;background:#e8ff3d;border-radius:50%;margin-left:0}.connect-button{border:0;border-left:1px solid var(--line);border-radius:0;padding:10px 0 10px 24px}.connect-button:hover{background:transparent;color:#e8ff3d}main{padding:0 40px}.archive-toolbar{border-top:0;border-bottom:1px solid var(--line);padding:16px 0;min-height:67px}.section-title{font-size:14px;font-weight:400}.count{font-size:12px;align-self:auto}.shuffle-button{background:none;border-left:1px solid var(--line);border-radius:0;padding:8px 0 8px 24px;font-size:14px;font-weight:400}.shuffle-button:hover{background:none;color:#e8ff3d}.filter-line{margin:21px 0 25px}.filter{border:0;border-radius:0;padding:5px 11px;font-size:14px;color:#696966}.filter:first-child{padding-left:0}.filter.active{background:none;color:#e8ff3d}.filter.active:after{content:'';display:block;height:1px;background:#e8ff3d;margin-top:4px}.filter:hover{color:#191919}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.cover-button{border-radius:0;box-shadow:none}.album-name{font-weight:400;letter-spacing:0}.card-year{font-family:Helvetica,Arial,sans-serif}.genre-link{color:#767671;font-size:12px;text-transform:none;letter-spacing:0}.artist-name{color:#696966}.cover-button .open-cue{border-radius:0}.detail-top{background:#f0f0ed}.detail-top h2,.detail-body h3,.journal-heading h2,.journal-card h3,.connect-dialog h2{font-weight:400}.detail-artist{color:#62625f}.detail-body p{color:#62625f}.detail-body .listen-note{border-color:#e8ff3d}.detail-art{box-shadow:none}.detail-meta{color:#696966}.player{background:#191919}.play-button{background:#fafaf9;color:#191919}.player-connect:hover{color:#e8ff3d}.player-record span span,.player-connect span{color:#a7a7a3}.progress-track{background:#494947}.icon-button{color:#c6c6c1}.close-button{border-radius:0}.solid-button{border-radius:0}.solid-button:hover{background:#333}.connect-dialog{border-radius:0}.site-footer{padding-bottom:130px}.skip{position:absolute;left:15px;top:-70px;background:white;padding:15px;z-index:30}.skip:focus{top:15px}button:focus-visible,a:focus-visible{outline-color:#e8ff3d}.view-caption{font-size:12px}.player-connect span{font-size:10px}.eyebrow{color:#62625f}.record-mark.large:after{background:#fafaf9}
@media(min-width:1700px){.album-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.masthead{padding-inline:24px;gap:40px}main{padding-inline:24px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:29px}.connect-button{font-size:13px}.masthead nav{gap:25px}.player{padding-inline:24px}}
@media(max-width:700px){.masthead{min-height:92px;padding:22px 18px;gap:24px;flex-wrap:nowrap}.brand{font-size:24px}.masthead nav{gap:20px;margin:0 0 0 auto}.nav-link{font-size:14px}.connect-button{font-size:0;margin-left:0;padding:8px 0 8px 14px}.connect-button>span:first-child{font-size:20px}.connect-button .up-right{display:none}main{padding-inline:18px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.filter-line{margin:18px 0 20px}.filters{gap:5px}.filter{font-size:13px;padding-inline:9px}.archive-toolbar{min-height:65px}.player{padding-inline:18px}.shuffle-button{font-size:13px;padding-left:17px}.view-caption{display:none}.album-name{font-size:14px}.card-year{font-size:12px}.site-footer{padding-bottom:115px}}

.genre-divider{font-size:12px;color:#999993}
/* An album opens as a full listening room, with the complete track list first. */
html{scrollbar-gutter:stable}.album-dialog{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0 0 110px;overscroll-behavior:contain}.album-overlay-header{height:88px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.back-to-archive,.overlay-close{font-size:14px;padding:10px 0}.back-to-archive:hover,.overlay-close:hover{color:#e8ff3d}.album-overlay-header .eyebrow{font-size:12px}.album-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:6.5%;max-width:1460px;margin:0 auto;padding:40px 40px 54px}.album-sleeve{align-self:start;position:sticky;top:128px}.album-sleeve .detail-art{width:100%;max-width:560px;margin:0;display:block;aspect-ratio:1}.sleeve-caption{display:flex;justify-content:space-between;gap:12px;max-width:560px;margin-top:17px;font-size:12px;color:#696966}.sleeve-caption>span{letter-spacing:.08em}.sleeve-caption a:hover{text-decoration:underline}.album-listening .detail-meta{margin:0 0 14px;flex-wrap:wrap;gap:10px}.album-listening h2{font:400 clamp(32px,3.7vw,56px)/1.06 Helvetica,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 12px}.album-listening .detail-artist{font-size:18px;line-height:1.4;margin:0 0 22px}.album-listening .detail-actions{margin-bottom:30px;gap:20px}.album-runtime{font-size:13px;color:#696966}.tracklist-heading{display:flex;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid #cfcfcb;font-size:11px;letter-spacing:.08em;color:#696966}.tracklist{list-style:none;padding:0;margin:0}.track-row{display:grid;grid-template-columns:28px minmax(0,1fr) 44px 18px;align-items:center;gap:12px;width:100%;padding:12px 0;min-height:44px;text-align:left;border-bottom:1px solid #e2e2de;font-size:14px;line-height:1.35}.track-number,.track-duration{font-size:12px;color:#767671;font-variant-numeric:tabular-nums}.track-duration{text-align:right}.track-play{font-size:10px;text-align:right;opacity:0}.track-row:hover,.track-row.selected{color:#e8ff3d}.track-row:hover .track-play,.track-row:focus-visible .track-play,.track-row.selected .track-play{opacity:1}.track-row:hover{background:#f0f0ed}.playback-note{font-size:12px;color:#767671;margin:16px 0 0}.album-beyond{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:6.5%;max-width:1380px;margin:0 auto;border-top:1px solid var(--line);padding:37px 0 40px}.album-beyond h3{font-size:30px;font-weight:400;letter-spacing:-.035em;margin:14px 0 20px}.listening-note>p{font-size:16px;line-height:1.7;color:#62625f;max-width:520px}.listening-note .listen-note{font-size:14px;border-left:2px solid #e8ff3d;padding-left:16px;margin-top:25px}.related-records .similar-grid{gap:20px}.related-records .similar-button strong{font-size:14px;line-height:1.35}.related-records .similar-button span{font-size:13px;line-height:1.4}.album-dialog .player{z-index:4}.album-dialog .transport{max-width:620px}
@media(max-width:1500px){.album-beyond{margin-inline:40px}}
@media(max-width:1000px){.album-overlay-header{padding:0 24px;height:76px}.album-opening{padding:30px 24px 40px;gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.album-sleeve{top:106px}.album-listening h2{font-size:36px}.album-beyond{margin-inline:24px;gap:5%}.album-listening .detail-actions{flex-wrap:wrap;gap:12px}.track-row{gap:8px}.album-beyond h3{font-size:26px}}
@media(max-width:700px){.album-overlay-header{height:66px;padding:0 18px}.album-overlay-header .eyebrow{display:none}.album-opening{grid-template-columns:1fr;padding:24px 18px 32px;gap:27px}.album-sleeve{position:static;display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:end}.album-sleeve .detail-art{width:112px;max-width:none;margin:0}.sleeve-caption{flex-direction:column;gap:10px;margin:0 0 3px;font-size:12px}.album-listening h2{font-size:34px}.album-listening .detail-artist{font-size:16px;margin-bottom:18px}.album-listening .detail-actions{margin-bottom:24px}.album-listening .detail-meta{margin-bottom:10px}.track-row{min-height:46px;padding:12px 0;font-size:14px;grid-template-columns:23px minmax(0,1fr) 38px 12px}.track-play{opacity:.5;font-size:9px}.album-beyond{grid-template-columns:1fr;margin-inline:18px;padding-top:28px;gap:30px}.album-beyond h3{font-size:27px}.related-records .similar-grid{gap:12px}.related-records .similar-button strong{font-size:13px}.related-records .similar-button span{font-size:12px}.album-dialog{padding-bottom:100px}}

.music-seek{min-width:50px;width:140px;accent-color:var(--acid);cursor:pointer}.listening-note>p{white-space:pre-line}#disconnect-music{margin-top:20px;display:block}#disconnect-music[hidden]{display:none}#catalog-status{max-width:280px}button:disabled{opacity:.55;cursor:default}@media(max-width:700px){.music-seek{width:60px}}

/* Let the listening timeline fill the space between the record and account controls. */
@media(min-width:801px){
 .player-record{flex:0 1 280px;min-width:160px}
 .player-record img{flex-shrink:0}
 .player-record strong,.player-record span span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .transport,.album-dialog .transport{flex:1 1 0;min-width:0;max-width:none;gap:14px}
 .transport .icon-button,.player-time{flex-shrink:0}
 .player-time{font-variant-numeric:tabular-nums}
 .music-seek{flex:1 1 0;width:0;min-width:60px;margin-inline:0}
 .player-connect{flex:0 0 auto;margin-left:0}
}

/* Explicit range styling keeps hover from changing the browser's accent tint. */
.music-seek{appearance:none;-webkit-appearance:none;height:20px;background:transparent;outline-offset:3px}
.music-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--acid) 0 var(--played,0%),#494947 var(--played,0%) 100%);border:0;border-radius:0}
.music-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--acid)}
.music-seek::-moz-range-track{height:3px;background:#494947;border:0;border-radius:0}
.music-seek::-moz-range-progress{height:3px;background:var(--acid)}
.music-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--acid)}

.artist-name-link{padding:0;text-align:left;font:inherit;color:inherit;line-height:inherit}
.artist-name-link:hover{text-decoration:underline;text-underline-offset:4px;color:var(--acid)}
.artist-hero{position:relative;height:clamp(380px,56vw,680px);overflow:hidden;background:#202020;color:white}
.artist-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.artist-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0009)}
.artist-hero-title{position:absolute;bottom:42px;left:40px;right:40px;z-index:1;max-width:1380px;margin:auto}
.artist-hero-title .eyebrow{color:#eee}.artist-hero h2{font-size:clamp(48px,8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:1;margin:16px 0 0;text-wrap:balance}
.artist-page-content{max-width:1460px;margin:auto;padding:0 40px 50px}
.artist-about{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:48px 0 56px;border-bottom:1px solid var(--line)}
.artist-genres{margin:18px 0}.artist-genres .genre-link{font-size:14px}.artist-apple-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.artist-biography{font-size:20px;line-height:1.65;margin:0;white-space:pre-line;max-width:850px}.artist-source{font-size:12px;color:var(--muted);margin:18px 0 0}.artist-source a{text-decoration:underline}
.artist-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:32px 0 24px}.artist-section-heading h3{font-size:28px;font-weight:400;letter-spacing:-.03em;margin:0}.artist-section-heading>span{font-size:13px;color:var(--muted)}
.artist-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.artist-release{min-width:0}
.artist-similar{border-top:1px solid var(--line);margin-top:50px;padding-top:8px}.artist-similar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.artist-card{text-align:left;padding:0;min-width:0}.artist-card img,.artist-image-fallback{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#e5e5e1}.artist-image-fallback{display:grid;place-items:center;font-size:24px;padding:20px}.artist-card strong{display:block;margin-top:13px;font-size:16px;font-weight:400}.artist-card:hover strong{text-decoration:underline;text-underline-offset:4px}.artist-loading{padding:70px 40px;min-height:60vh}.artist-loading h2{font-size:40px;font-weight:400}
@media(max-width:900px){.artist-album-grid,.artist-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-about{gap:30px;grid-template-columns:1fr 2fr}.artist-biography{font-size:18px}}
@media(max-width:600px){.artist-hero{height:440px}.artist-hero-title{left:18px;right:18px;bottom:28px}.artist-page-content{padding-inline:18px}.artist-about{grid-template-columns:1fr;gap:24px;padding:30px 0}.artist-album-grid,.artist-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.artist-section-heading{align-items:flex-start;flex-direction:column;gap:9px}.artist-section-heading h3{font-size:25px}.artist-loading{padding:40px 18px}}

.album-overlay-header .back-to-archive{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}

/* Album and artist routes share the site header and persistent player. */
:root{--masthead-height:112px}
.masthead{position:sticky;top:0;z-index:20;background:var(--paper)}
.detail-page{margin-inline:-40px;min-height:65vh;padding:0;overflow:visible}
.detail-page[hidden]{display:none}
.detail-page .album-overlay-header{position:static;height:66px;background:transparent;gap:24px}
.detail-page .album-sleeve{top:calc(var(--masthead-height) + 24px)}
.detail-page .album-beyond{margin-inline:40px}
.detail-page .album-opening{padding-top:30px}
@media(min-width:1460px){.detail-page .album-beyond{margin-inline:auto}}
@media(max-width:1000px){.detail-page{margin-inline:-24px}}
@media(max-width:700px){:root{--masthead-height:92px}.detail-page{margin-inline:-18px}.detail-page .album-overlay-header{padding-inline:18px;height:58px}.detail-page .album-beyond{margin-inline:18px}.detail-page .album-sleeve{position:static}}

/* Electric citron: vivid surfaces and indicators, dark readable text. */
:root{--acid:#e8ff3d}
::selection{background:var(--acid);color:var(--ink)}
.play-button,.solid-button{background:var(--acid);color:var(--ink)}
.play-button:hover,.solid-button:hover{background:var(--acid);color:var(--ink)}
.filter.active{color:var(--ink);font-weight:600}
.filter.active:after{background:var(--acid);height:4px}
.nav-link.active:after{background:var(--acid);width:8px;height:8px;box-shadow:0 0 0 1px #19191920}
.connect-button:hover,.shuffle-button:hover,.back-to-archive:hover,.overlay-close:hover,.artist-name-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:3px;text-underline-offset:5px}
.track-row:hover,.track-row.selected{color:var(--ink);background:#f0f5d4}
.track-row.selected{box-shadow:inset 3px 0 var(--acid);padding-left:10px}
.cover-button .open-cue{background:var(--acid);color:var(--ink)}
button:focus-visible,a:focus-visible,.music-seek:focus-visible{outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 5px var(--acid)}
.player button:focus-visible,.player .music-seek:focus-visible{outline-color:var(--acid);box-shadow:none}
.record-mark.large:after{background:var(--acid)}

/* Record sleeves: fine paper edges and shallow depth, with the artwork intact. */
.cover-button,.album-sleeve .detail-art,.similar-button>img,.journal-card>img{
 border:1px solid #1919191c;
 border-radius:1px;
 box-shadow:1px 1px 0 #deded8,2px 2px 0 #bdbdb5,3px 3px 0 #eeeeea,0 5px 8px -5px #19191940,0 14px 24px -18px #19191950;
}
.cover-button{overflow:visible;isolation:isolate;transform-origin:50% 85%;transition:transform .24s ease,box-shadow .24s ease}
.cover-button>img{border-radius:0;transition:none}
.cover-button:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 1px 0 0 #ffffff65,inset 4px 0 6px -5px #19191999,inset -1px 0 0 #19191920,inset 0 1px 0 #ffffff40}
.cover-button .open-cue{z-index:2}
.cover-button:hover img{transform:none;filter:none}
.album-sleeve .detail-art{box-shadow:1px 1px 0 #deded8,2px 2px 0 #bdbdb5,3px 3px 0 #eeeeea,0 12px 20px -12px #19191940,0 30px 48px -32px #19191955}
.similar-button>img,.journal-card>img{transition:transform .24s ease,box-shadow .24s ease;transform-origin:50% 85%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .cover-button:hover,.cover-button:focus-visible{transform:perspective(1000px) translateY(-5px) rotateX(2deg);box-shadow:1px 2px 0 #deded8,2px 3px 0 #bdbdb5,3px 4px 0 #eeeeea,0 12px 16px -9px #19191945,0 26px 35px -22px #19191955}
 .similar-button:hover>img,.journal-card:hover>img{transform:perspective(1000px) translateY(-4px) rotateX(2deg)}
}

/* Soft sleeve corners with a single clean edge. */
.cover-button,.album-sleeve .detail-art,.similar-button>img,.journal-card>img{border-radius:5px;border:0;box-shadow:0 2px 5px #19191912,0 10px 22px -15px #19191935}
.cover-button>img{border-radius:5px}
.cover-button:after{border-radius:5px;box-shadow:inset 0 0 0 1px #19191912}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cover-button:hover,.cover-button:focus-visible{box-shadow:0 5px 10px #19191916,0 18px 28px -17px #19191940}}

/* Rounded sleeves with a fuller shadow and room to explore the next record. */
.cover-button,.cover-button>img,.cover-button:after,.album-sleeve .detail-art,.similar-button>img,.journal-card>img{border-radius:9px}
.cover-button,.album-sleeve .detail-art,.similar-button>img,.journal-card>img{box-shadow:0 3px 7px #1919191c,0 12px 22px -8px #19191930,0 22px 38px -22px #19191940}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cover-button:hover,.cover-button:focus-visible{box-shadow:0 6px 12px #19191920,0 20px 32px -10px #19191935}}
.detail-page .album-beyond{grid-template-columns:minmax(0,1fr);gap:40px}
.listening-note>p{max-width:820px}
.related-records{border-top:1px solid var(--line);padding-top:36px}
.related-records h3{font-size:36px;margin-bottom:12px}
.related-intro{font-size:16px;line-height:1.6;color:var(--muted);max-width:680px;margin:0 0 28px}
.related-records .similar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.related-records .similar-button>img{display:block}
.related-records .similar-button strong{font-size:18px;line-height:1.35;margin-top:20px}
.related-records .similar-button span{font-size:15px;line-height:1.4;margin-top:6px}
@media(max-width:700px){.related-records h3{font-size:30px}.related-records .similar-grid{display:flex;overflow-x:auto;gap:20px;padding:0 5px 28px;margin-inline:-5px;scroll-snap-type:x proximity}.related-records .similar-button{flex:0 0 78%;scroll-snap-align:start}.related-records .similar-button strong{font-size:17px}.related-records .similar-button span{font-size:14px}}

.journal-title{font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;padding:0}
.journal-title:hover{text-decoration:underline;text-underline-offset:5px}
.related-records .similar-button .album-name{font:inherit}
.related-records .similar-button>span .artist-name-link{display:inline;font:inherit}
.journal-card>.eyebrow{display:block;margin-top:20px}
.player-art-button{padding:0;flex-shrink:0;display:block}
.player-art-button img{display:block}
.player-title{display:block;padding:0;max-width:100%;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
#player-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#a7a7a3;margin-top:4px}
#player-artist .artist-name-link{display:inline;font:inherit}
#player-artist span{display:inline;font:inherit;margin:0}
.player .artist-name-link:hover{color:var(--acid);text-decoration-color:var(--acid)}
.related-intro .artist-name-link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.player-title{max-width:155px;font-size:13px}#player-artist{font-size:11px;max-width:155px}}
.artist-discography+.artist-discography{margin-top:48px;padding-top:8px;border-top:1px solid var(--line)}
.release-format,.release-empty{font-size:13px;color:var(--muted);line-height:1.5}.release-format{margin:7px 0 0}

.listening-note .editorial-source,.artist-source{font-size:11px;line-height:1.5;font-weight:400;color:#858580;border:0;padding:0;margin-top:18px}

.discover-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.discover-controls{display:flex;gap:8px;align-items:center}.discover-controls button{border:1px solid var(--line);border-radius:20px;min-width:38px;height:36px;font-size:14px;padding:0 12px}.discover-controls button:disabled{opacity:.3}.discover-controls [data-carousel-pause]{font-size:12px;min-width:60px}
.related-records .similar-grid{display:flex;overflow-x:auto;gap:24px;padding:8px 6px 30px;margin-inline:-6px;scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:#c9c9c3 transparent;overscroll-behavior-x:contain}
.related-records .similar-button{flex:0 0 29%;min-width:0;scroll-snap-align:none}.related-records .similar-button .cover-button{width:100%;display:block}.related-records .similar-button strong{font-size:17px}.related-records{min-width:0}
@media(max-width:700px){.related-records .similar-button{flex-basis:76%}.discover-heading{gap:10px}.discover-controls{gap:5px}.discover-controls button{padding:0 10px}}

.album-genre-keywords{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.album-genre-keywords h4{font-size:14px;font-weight:400;color:var(--muted);margin:0 0 14px}.album-genre-keywords>div{display:flex;flex-wrap:wrap;gap:10px}.genre-keyword{border:1px solid var(--line);border-radius:24px;padding:10px 16px;font-size:14px;line-height:1.4}.genre-keyword span{margin-left:12px;color:var(--muted)}.genre-keyword:hover{border-color:var(--ink);background:#f0f0ed}

.genre-browse-status{margin:0 0 28px;color:var(--muted);font-size:14px}.genre-browse-actions{text-align:center;margin:28px 0}.genre-browse-actions:has(button[hidden]){display:none}
#account-view{max-width:1380px;margin:auto;padding:48px 40px 100px}.account-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.account-heading h2,.account-auth h2{font-size:clamp(32px,4vw,54px);font-weight:400;letter-spacing:-.04em;margin:14px 0}.account-heading p,.account-auth p{color:var(--muted);line-height:1.6}.account-auth{max-width:430px;margin:20px auto 40px}.account-auth form,.profile-form label{display:flex;flex-direction:column;gap:18px}.account-auth label{display:flex;flex-direction:column;gap:8px;font-size:14px}.account-auth input,.profile-form input{font:inherit;background:transparent;border:1px solid var(--line);padding:12px;border-radius:4px;min-width:0}.account-switch{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;text-decoration:underline}.profile-form{display:flex;gap:20px;align-items:end;margin:28px 0;font-size:14px}.profile-form label{gap:8px}.account-section{margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}.account-section h3{font-size:28px;font-weight:400}.account-section h3 span{font-size:13px;color:var(--muted);margin-left:10px}.account-section>p{color:var(--muted)}.account-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.account-record{min-width:0}.account-record .cover-button{width:100%}.account-record img,.account-art-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover}.account-art-placeholder{display:grid;place-items:center;background:#e8e8e3;font-size:24px}.account-record-name{display:block;text-align:left;margin:18px 0 6px;padding:0;font-size:16px}.account-record p{font-size:13px;color:var(--muted);margin:8px 0}.account-remove{font-size:11px;color:#777;text-decoration:underline;padding:0}.save-music-button{font-size:13px;border:1px solid var(--line);border-radius:20px;padding:10px 15px}.artist-about .save-music-button{display:block;margin:16px 0}.detail-actions{flex-wrap:wrap}.playlist-import{width:min(720px,94vw);max-height:85dvh;border:1px solid var(--line);padding:38px;background:var(--paper);color:var(--ink)}.playlist-import::backdrop{background:#19191988}.playlist-import h2{font-size:32px;font-weight:400;letter-spacing:-.03em}.playlist-import>p{color:var(--muted);line-height:1.5}.playlist-choice{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.playlist-choice input{width:18px;height:18px;accent-color:#191919}.playlist-choice img,.playlist-placeholder{width:64px;height:64px;object-fit:cover;border-radius:5px}.playlist-placeholder{display:grid;place-items:center;background:#e5e5df}.playlist-choice strong,.playlist-choice small{display:block}.playlist-choice strong{font-size:15px;font-weight:400}.playlist-choice small{margin-top:6px;color:var(--muted)}.import-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:-38px;background:var(--paper);padding:20px 0}.import-actions .text-button{font-size:13px}.imported-tracks{padding-left:24px}.imported-tracks li{padding:12px 0;border-bottom:1px solid var(--line)}.imported-tracks strong,.imported-tracks span{display:block;font-size:14px;font-weight:400}.imported-tracks span{color:var(--muted);font-size:12px;margin-top:5px}#account-message{font-size:14px;line-height:1.5}.account-auth+#account-message{max-width:430px;margin:auto}
@media(max-width:700px){#account-view{padding:30px 18px 100px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.account-section-heading{align-items:start;flex-direction:column;gap:0}.playlist-import{padding:26px 20px}.import-actions{bottom:-26px;flex-wrap:wrap}.masthead nav{gap:15px}.account-heading h2{overflow-wrap:anywhere}.profile-form input{width:100%}.profile-form label{min-width:0}}

.playlist-opening h2{overflow-wrap:anywhere}.playlist-track-artist{display:block;margin-top:5px;color:var(--muted);font-size:13px}.playlist-opening .account-art-placeholder{font-size:80px;border-radius:9px}.playlist-opening #playlist-status{font-size:14px;color:var(--muted);line-height:1.5}.playlist-opening #playlist-status:empty{display:none}

.playlist-track{grid-template-columns:28px 44px minmax(0,1fr) 44px 18px}.playlist-song-cover{width:44px;height:44px;display:grid;place-items:center;background:#e8e8e3;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #19191918}.playlist-song-cover img{display:block;width:100%;height:100%;object-fit:cover}.playlist-song-cover>span{color:var(--muted)}
@media(max-width:700px){.playlist-track{grid-template-columns:22px 38px minmax(0,1fr) 36px 12px;gap:8px}.playlist-song-cover{width:38px;height:38px}}

#player-playlist{display:block;margin-top:5px;padding:0;max-width:100%;font-size:12px;line-height:1.35;color:var(--acid);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player-playlist[hidden]{display:none}#player-playlist:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){#player-playlist{max-width:155px;font-size:11px}}

.player{height:80px;padding-top:8px;padding-bottom:8px}
@media(max-width:700px){.player{height:74px;padding-top:6px;padding-bottom:6px}}

.currently-playing-caption{display:inline-flex;align-items:center;min-height:42px;font-size:14px;color:var(--muted)}.currently-playing-caption[hidden],.detail-actions>button[hidden]{display:none}

.album-listening .album-runtime{margin-left:auto;text-align:right}
@media(max-width:520px){.album-listening .album-runtime{flex:1 0 100%;margin-left:0;text-align:right}}

.album-description.collapsed{max-height:8.5em;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}.description-toggle{display:block;padding:4px 0 8px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.description-toggle[hidden]{display:none}.description-toggle:hover{text-decoration-color:#728600}

.header-account{position:relative;margin-left:auto;flex-shrink:0}.header-signin{background:var(--acid);color:var(--ink);padding:13px 18px;border-radius:4px;font-size:14px;white-space:nowrap}.profile-trigger{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.profile-initial{width:34px;height:34px;border-radius:50%;background:var(--acid);display:grid;place-items:center}.profile-trigger-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:280px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 35px #19191918;padding:8px;z-index:30}.profile-dropdown[hidden]{display:none}.profile-menu-info{padding:12px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-menu-info strong,.profile-menu-info span{display:block;overflow-wrap:anywhere}.profile-menu-info strong{font-size:15px;font-weight:500}.profile-menu-info span{font-size:12px;color:var(--muted);margin-top:6px}.profile-dropdown>button,.profile-dropdown>.connect-button{display:block;width:100%;border:0;margin:0;padding:12px;text-align:left;font-size:14px;border-radius:3px}.profile-dropdown>button:hover{background:#eeeeea;text-decoration:none}.profile-dropdown>button[data-signout]{border-top:1px solid var(--line);margin-top:5px;border-radius:0}
@media(max-width:700px){.masthead{gap:16px;flex-wrap:wrap;height:auto}.masthead nav{gap:14px}.header-signin{padding:10px 12px;font-size:12px}.profile-trigger-name{display:none}.header-account{margin-left:auto}.profile-dropdown{max-width:calc(100vw - 36px)}.masthead nav .nav-link{font-size:13px}}

.saved-artists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}.saved-artist{display:flex;align-items:center;gap:20px;min-width:0;padding:8px 0}.saved-artist-portrait{width:104px;height:104px;flex-shrink:0;border-radius:50%;overflow:hidden;padding:0;background:#e8e8e3;display:grid;place-items:center}.saved-artist-portrait img{display:block;width:100%;height:100%;object-fit:cover}.saved-artist-portrait>span{font-size:32px;color:var(--muted)}.saved-artist-info{min-width:0}.saved-artist-name{display:block;padding:0;text-align:left;font-size:19px;line-height:1.25;overflow-wrap:anywhere}.saved-artist-name:hover{text-decoration:underline;text-underline-offset:4px}.saved-artist-label{display:block;margin:8px 0 12px;color:var(--muted);font-size:12px}.saved-artist-info .account-remove{font-size:12px}
@media(max-width:1000px){.saved-artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.saved-artists-grid{grid-template-columns:1fr;gap:18px}.saved-artist-portrait{width:80px;height:80px}.saved-artist-name{font-size:18px}}

.saved-artist-portrait{width:76px;height:76px;border-radius:5px}
.saved-artist-name{font-size:24px;letter-spacing:-.025em}
@media(max-width:600px){.saved-artist-portrait{width:64px;height:64px}.saved-artist-name{font-size:22px}}

.saved-artists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}
.saved-artist{display:block;padding:0}
.saved-artist-portrait{width:100%;height:auto;aspect-ratio:3/4;border-radius:5px}
.saved-artist-portrait img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.saved-artist-info{margin-top:14px}
.saved-artist-name{font-size:20px;line-height:1.3}
.saved-artist-label{margin:6px 0 10px}
@media(max-width:900px){.saved-artists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.saved-artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.saved-artist-name{font-size:18px}}

.saved-artist-portrait,.saved-artist-portrait img{aspect-ratio:2/3;border-radius:0}
.artist-similar .artist-similar-grid{display:flex;gap:24px;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:none;padding:0 0 22px;overscroll-behavior-x:contain;scrollbar-width:thin}.artist-similar .artist-card{flex:0 0 calc((100% - 72px)/4);min-width:0}.artist-similar .artist-card img,.artist-similar .artist-image-fallback{aspect-ratio:2/3;width:100%;height:auto;border-radius:0;object-fit:cover}.artist-similar .artist-section-heading{flex-direction:row;align-items:center;gap:20px}.artist-similar .discover-controls{flex-shrink:0}
@media(max-width:900px){.artist-similar .artist-card{flex-basis:calc((100% - 48px)/3)}}@media(max-width:600px){.artist-similar .artist-card{flex-basis:65%}.artist-similar .artist-section-heading{flex-wrap:wrap}.artist-similar .artist-similar-grid{gap:20px}}

/* Discover: a shared catalogue toolbar and horizontally browsable shelves. */
.discovery-toolbar{display:flex;align-items:center;min-height:92px;border-bottom:1px solid var(--line);gap:0}
#music-search{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding-right:25px}
#music-search svg{flex-shrink:0;width:23px;height:23px}
#music-search-input{font:inherit;font-size:18px;color:var(--ink);width:100%;min-width:0;border:0;background:transparent;padding:20px 0;outline-offset:4px}
#music-search-input::placeholder{color:var(--muted);opacity:1}
.search-submit{font-size:13px;color:var(--muted);padding:10px}
.genre-select{border-left:1px solid var(--line);padding:19px 24px;flex:0 0 220px}
.genre-select select{width:100%;font:inherit;background:transparent;color:var(--ink);border:0;cursor:pointer;padding:4px 20px 4px 0}
.discovery-shuffle{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 0 20px 28px;border-left:1px solid var(--line);white-space:nowrap}
.discovery-shuffle span{font-size:29px;line-height:1}.discovery-shuffle:hover{color:#647500}
.discovery-keywords{padding:22px 0;margin:0;border-bottom:1px solid var(--line);gap:24px}
.discovery-keywords #filters{flex-wrap:nowrap;overflow-x:auto;min-width:0;padding:3px 2px 9px;scrollbar-width:thin}
.discovery-keywords #catalog-status{font-size:10px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}
.discovery-keywords .filter.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.discovery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:45px 0 36px}
.discovery-heading h1{font-weight:400;font-size:clamp(40px,4vw,64px);letter-spacing:-.045em;line-height:1.05;margin:10px 0 0}
.discovery-heading p{color:var(--muted);line-height:1.6;max-width:360px;margin:0 0 3px}
.discovery-shelf{min-width:0;padding:25px 0 30px;border-top:1px solid var(--line)}
.discovery-shelf h2,.discovery-shelf-empty h2,.discovery-grid-heading h2,.search-group h2{font-size:32px;letter-spacing:-.035em;font-weight:400;margin:0}
.discovery-shelf>p,.discovery-shelf-empty p{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 18px}
.discovery-shelf .similar-grid{display:flex;overflow-x:auto;gap:24px;padding:8px 6px 28px;margin-inline:-6px;scrollbar-width:thin;scrollbar-color:#c9c9c3 transparent;overscroll-behavior-x:contain}
.discovery-shelf .similar-button{flex:0 0 calc((100% - 96px)/4.35);min-width:0;text-align:left}
.discovery-shelf .similar-button strong,.search-group .similar-button strong{display:block;margin-top:15px;line-height:1.4;font-size:16px;font-weight:400}
.discovery-shelf .similar-button>span,.search-group .similar-button>span{display:block;margin-top:5px;color:var(--muted);font-size:14px;line-height:1.4}
.discovery-shelf .album-name,.search-group .album-name{padding:0;text-align:left}
.discovery-shelf-empty{padding:25px 0 28px;border-top:1px solid var(--line)}
.discovery-grid-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}
.discovery-grid-heading .discovery-shuffle{border:0;padding:8px 0;flex-shrink:0}
#genre-browse-status{font-size:14px;color:var(--muted);line-height:1.6}
#discovery-content[hidden],#search-results[hidden]{display:none}
.search-group{padding:28px 0 40px;border-top:1px solid var(--line)}.search-group h2{margin-bottom:25px}
.search-artists{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px}
.search-artists .artist-card img,.search-artists .artist-image-fallback{aspect-ratio:2/3;border-radius:0;object-fit:cover}
.search-feedback{padding:45px 0;color:var(--muted)}
#search-results .tracklist{max-width:1000px}
@media(max-width:1000px){.genre-select{flex-basis:180px;padding-inline:18px}.discovery-shuffle{padding-left:18px;gap:14px;font-size:14px}.search-submit{display:none}.discovery-shelf .similar-button{flex-basis:29%}.search-artists{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-keywords #catalog-status{display:none}}
@media(max-width:700px){.discovery-toolbar{flex-wrap:wrap;padding-bottom:8px}#music-search{flex-basis:100%;padding:0;border-bottom:1px solid var(--line);gap:12px}#music-search-input{font-size:16px;padding:23px 0}.genre-select{border-left:0;flex:1;padding:16px 15px 12px 0}.genre-select select{font-size:14px}.discovery-shuffle{padding:10px 0 10px 16px;font-size:13px;gap:12px}.discovery-shuffle span{font-size:24px}.discovery-keywords{padding:15px 0 10px}.discovery-heading{display:block;padding:30px 0}.discovery-heading p{margin-top:17px;font-size:14px}.discovery-heading h1{font-size:42px}.discovery-shelf{padding-top:23px;padding-bottom:20px}.discovery-shelf h2,.discovery-shelf-empty h2,.discovery-grid-heading h2,.search-group h2{font-size:27px}.discovery-shelf .similar-grid{gap:20px}.discovery-shelf .similar-button{flex-basis:68%}.discovery-grid-heading{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px 20px;padding:24px 0}.search-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.search-group .similar-button strong{font-size:14px}.search-group .similar-button>span{font-size:13px}}

.discovery-shelf .release-date{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:var(--muted)}

#account-message:empty{display:none}.account-collection-start{margin-top:0;padding-top:0;border-top:0}.account-collection-start>h3{margin-top:0;margin-bottom:28px}

.daily-release{display:grid;grid-template-columns:minmax(240px,420px) minmax(0,1fr);align-items:center;gap:7%;padding:40px 0 48px;max-width:1200px;margin:auto}.daily-cover{width:100%}.daily-copy{padding:12px 0}.daily-copy>.eyebrow{margin:0 0 22px}.daily-copy h2{margin:0 0 14px;font-size:clamp(32px,3.6vw,56px);font-weight:400;line-height:1.06;letter-spacing:-.04em}.daily-copy h2 .album-name{font:inherit;letter-spacing:inherit;text-align:left;padding:0}.daily-artist{font-size:21px;line-height:1.4;margin-bottom:14px}.daily-artist .artist-name-link{font:inherit}.daily-copy time{font-size:13px;color:var(--muted)}.daily-description{color:var(--muted);font-size:16px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:580px;margin:22px 0 12px}.daily-source{font-size:11px;color:#858580;margin:0 0 22px}.daily-play{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;background:var(--acid);font-size:15px;margin-top:14px}.daily-play:hover{background:#d6ed30}.discovery-keywords{margin-top:20px;border-top:1px solid var(--line);border-bottom:0;padding-bottom:12px}.discovery-keywords+.discovery-grid-heading{border-top:0;padding-top:12px}
@media(max-width:700px){.daily-release{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 0 32px}.daily-cover{width:min(100%,360px);margin:auto}.daily-copy{padding:0}.daily-copy>.eyebrow{margin-bottom:14px}.daily-copy h2{font-size:36px}.daily-artist{font-size:18px}.daily-description{font-size:14px;margin-top:16px}.daily-play{margin-top:10px}.discovery-keywords{margin-top:10px}}

.daily-release{grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:40px;padding:28px 0 32px;max-width:none;border-top:1px solid var(--line)}.daily-copy{padding:0}.daily-copy>.eyebrow{margin-bottom:12px}.daily-copy h2{font-size:clamp(27px,2.6vw,38px);margin-bottom:9px}.daily-artist{font-size:18px;margin-bottom:8px}.daily-description{font-size:14px;line-height:1.55;-webkit-line-clamp:2;margin:12px 0 6px}.daily-source{margin:0 0 8px}.daily-play{padding:11px 18px;margin-top:8px;font-size:14px}
@media(max-width:700px){.daily-release{grid-template-columns:112px minmax(0,1fr);gap:20px;padding:24px 0;align-items:start}.daily-cover{width:112px;margin:0}.daily-copy>.eyebrow{font-size:10px;margin-bottom:9px}.daily-copy h2{font-size:25px}.daily-artist{font-size:15px}.daily-copy time{font-size:11px}.daily-description{font-size:13px}.daily-play{font-size:13px;padding:10px 14px}}

.discovery-toolbar+.discovery-keywords{margin:0;border-top:0;border-bottom:1px solid var(--line);padding:22px 0}.discovery-grid-heading{border-top:1px solid var(--line)}
@media(max-width:700px){.discovery-toolbar+.discovery-keywords{padding:15px 0 10px}}

.album-overlay-header{justify-content:flex-start;height:auto;min-height:58px;padding-top:16px;padding-bottom:16px}.breadcrumbs{font-size:12px;line-height:1.6;color:var(--muted);min-width:0}.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:5px 0;list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:center;min-width:0;overflow-wrap:anywhere}.breadcrumbs li+li:before{content:'/';margin:0 10px;color:#a2a29c}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c5c5bf}.breadcrumbs a:hover{color:var(--ink);text-decoration-color:var(--ink)}.breadcrumbs [aria-current]{color:var(--ink)}

.player-backdrop{display:none}.expand-player{flex-shrink:0;color:#fafaf9;font-size:24px;width:36px;height:36px;padding:0;order:5}.player.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-height:none;padding:60px 24px 35px;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow-y:auto;background:#191919;isolation:isolate}.player.is-expanded .player-backdrop{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden;background:#292929;pointer-events:none}.player-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(80px);transform:scale(1.15)}.player-backdrop:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.25)}.player.is-expanded .expand-player{position:absolute;top:18px;right:24px;font-size:34px;width:44px;height:44px;background:#0003;border-radius:50%}.player.is-expanded .player-record{display:flex;flex:none;flex-direction:column;align-items:center;gap:20px;width:min(100%,580px);min-width:0;text-align:center}.player.is-expanded .player-art-button{display:block;width:min(48vh,440px,76vw);height:auto;aspect-ratio:1;padding:0;flex:none;border-radius:10px;box-shadow:0 18px 55px #0005;overflow:hidden}.player.is-expanded #player-art{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:10px}.player.is-expanded .player-record>span{display:block;max-width:100%;min-width:0}.player.is-expanded #player-title{font-size:clamp(20px,2.3vw,30px);max-width:100%;white-space:normal;line-height:1.2;color:white;margin:0 0 8px;text-shadow:0 1px 8px #0005}.player.is-expanded #player-artist{color:#fff;font-size:17px;line-height:1.4}.player.is-expanded #player-artist button{color:inherit;font:inherit}.player.is-expanded #player-playlist{color:#eee;font-size:12px;margin:9px auto 0;max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}.player.is-expanded .transport{display:grid;flex:none;width:min(100%,620px);max-width:620px;grid-template-columns:48px 1fr 64px 1fr 48px;gap:16px 12px;align-items:center}.player.is-expanded #seek{grid-column:2/5;grid-row:1;width:100%;display:block}.player.is-expanded .player-time{display:block;color:white;font-size:12px;grid-row:1}.player.is-expanded .player-time:first-of-type{grid-column:1;text-align:left}.player.is-expanded .player-time:last-of-type{grid-column:5;text-align:right}.player.is-expanded #previous{grid-row:2;grid-column:2;justify-self:end}.player.is-expanded #play{grid-row:2;grid-column:3;width:60px;height:60px;justify-self:center}.player.is-expanded #next{grid-row:2;grid-column:4;justify-self:start}.player.is-expanded .icon-button{width:48px;height:48px;color:white}.player.is-expanded .icon-button svg{width:30px;height:30px}.player.is-expanded .play-button svg{width:28px;height:28px}.player.is-expanded .player-connect{display:none}
@media(max-width:700px){.expand-player{width:28px;font-size:21px}.player.is-expanded{padding:64px 20px 28px;gap:22px}.player.is-expanded .player-record{gap:18px}.player.is-expanded .transport{gap:14px 8px}.player.is-expanded .expand-player{right:16px;top:14px}}
@media(max-height:600px) and (min-width:700px){.player.is-expanded{flex-direction:row;gap:45px}.player.is-expanded .player-record{width:42%}.player.is-expanded .player-art-button{width:48vh}.player.is-expanded .transport{width:44%}}

.player:not(.is-expanded){cursor:pointer}.player.is-expanded{cursor:default}

.expand-player{display:grid;place-items:center}.expand-player svg{width:24px;height:24px}.player.is-expanded .expand-player{background:transparent;border-radius:0}.player.is-expanded .expand-player svg{transform:rotate(180deg)}.player.is-expanded .music-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--acid) 0 var(--played,0%),rgba(0,0,0,.5) var(--played,0%) 100%)}.player.is-expanded .music-seek::-moz-range-track{background:rgba(0,0,0,.5)}

.player .transport button svg{fill:currentColor;stroke:none}.player .expand-player svg{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

.player #play{padding:0;line-height:0;display:grid;place-items:center}.player #play svg{display:block;margin:0}.player #play svg:has(path){transform:translateX(1px)}

.player.is-expanded .player-art-button{width:min(56dvh,540px,80vw,calc(100dvh - 290px));transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;box-shadow:0 24px 65px #0006,0 3px 8px #0005;outline:1px solid #ffffff20;outline-offset:-1px}.player.is-expanded .player-time{font-size:15px;font-variant-numeric:tabular-nums}.player.is-expanded .music-seek::-webkit-slider-runnable-track{height:5px;border-radius:3px}.player.is-expanded .music-seek::-webkit-slider-thumb{width:14px;height:14px;margin-top:-4.5px}.player.is-expanded .music-seek::-moz-range-track,.player.is-expanded .music-seek::-moz-range-progress{height:5px;border-radius:3px}.player.is-expanded .music-seek::-moz-range-thumb{width:14px;height:14px}
@media(max-height:600px) and (min-width:700px){.player.is-expanded .player-art-button{width:min(56dvh,34vw)}}
@media(prefers-reduced-motion:reduce){.player.is-expanded .player-art-button{transform:none;transition:none}}

.player.is-expanded #player-title{color:#fff;opacity:.9}.player.is-expanded #player-artist{color:#fff;opacity:.6}.player.is-expanded #player-artist button,.player.is-expanded #player-artist span{color:inherit}.player.is-expanded .player-record{gap:30px}

/* A rich color wash rises beneath a black top and soft side vignette in both player modes. */
.player-backdrop img{filter:blur(80px) saturate(1.9) contrast(1.12);transform:scale(1.35)}
.player-backdrop:after{background:linear-gradient(to bottom,rgba(0,0,0,.98) 0%,rgba(0,0,0,.93) 14%,rgba(0,0,0,.78) 28%,rgba(0,0,0,.45) 46%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.5) 100%),radial-gradient(ellipse 92% 95% at 50% 100%,transparent 38%,rgba(0,0,0,.35) 76%,rgba(0,0,0,.9) 100%)}

.song-more{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;line-height:0;color:var(--muted);border-radius:50%}.song-more svg{display:block;flex:none;width:20px;height:20px;fill:currentColor;stroke:none}.song-more:hover{background:#8882;color:var(--ink)}.tracklist>li:has(>.song-more){display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;border-bottom:1px solid #e2e2de}.tracklist>li:has(>.song-more)>.track-row{border-bottom:0}.player .player-song-heading{display:flex;align-items:center;gap:6px;margin:0;color:inherit}.player-song-heading #player-title{min-width:0}.player .song-more{color:#fff9;width:28px;height:28px}.player .song-more:hover{color:white;background:#fff2}.player.is-expanded .player-song-heading{justify-content:center}.player.is-expanded .player-song-heading #player-title{margin:0}.player.is-expanded .player-song-heading{margin-bottom:8px}.song-context{position:fixed;inset:auto;margin:0;width:min(310px,calc(100vw - 24px));max-height:min(520px,calc(100dvh - 24px));padding:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 45px #0004;font:14px/1.45 var(--body);text-align:left;overflow-y:auto;cursor:default}.song-context::backdrop{background:transparent}.song-context header{display:flex;gap:12px;justify-content:space-between;align-items:start;padding:0 2px 10px;border-bottom:1px solid var(--line)}.song-context header strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.song-context header button{font-size:23px;line-height:1;padding:0 4px;color:var(--muted)}.song-actions{display:grid;margin-top:7px}.song-actions button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 9px;text-align:left;border-radius:5px;font-size:14px}.song-actions button:hover,.song-playlist-picker button:hover{background:#e9e9e5}.song-context .song-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.song-context .is-loved svg{fill:currentColor}.song-action-status{font-size:12px;color:var(--muted);margin:10px 4px 0}.song-action-status:empty{display:none}.song-picker-note{font-size:13px;color:var(--muted)}.song-playlist-picker{display:grid;gap:4px}.song-playlist-picker button{display:flex;align-items:center;gap:12px;text-align:left;padding:8px;border-radius:5px}.song-playlist-picker img,.song-playlist-placeholder{display:grid;place-items:center;width:42px;height:42px;object-fit:cover;border-radius:4px;background:#e5e5e1;flex-shrink:0}.song-share-link{display:grid;gap:10px;padding:15px 0}.song-share-link input{width:100%;padding:10px;font:inherit;border:1px solid var(--line)}.song-context button:disabled{opacity:.5}

.playlist-order{display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink)}.playlist-order:hover{text-decoration:underline}.playlist-order>span{font-size:18px;line-height:1}

.tracklist-heading .album-runtime{flex:0 1 auto;margin-left:auto;padding-left:16px;letter-spacing:0;text-transform:none;align-self:center}

.artist-popular-songs{margin-bottom:48px}.artist-popular-songs .tracklist{margin:0;padding:0}.artist-popular-songs>p{color:var(--muted);font-size:14px}

.artist-album-grid>[hidden],.account-grid>[hidden]{display:none!important}.collection-expand{display:block;margin:24px auto 0;padding:10px 22px;border:1px solid var(--line);border-radius:24px;font-size:14px}.collection-expand[hidden]{display:none}.collection-expand:hover{background:var(--acid);border-color:var(--acid)}

.new-playlist-form{display:grid;gap:14px;padding-top:16px}.new-playlist-form label{display:grid;gap:8px;font-size:13px}.new-playlist-form input{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font:inherit;color:var(--ink)}.new-playlist-form .song-picker-note{margin:0}

.playlist-editor{max-width:1100px;margin:0 auto;padding:35px 24px 100px}.playlist-editor h2{font-size:36px;font-weight:500;margin:0 0 12px}.playlist-editor header p,.playlist-drag-help{font-size:13px;color:var(--muted);line-height:1.5}.playlist-edit-fields{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center;margin:30px 0}.playlist-edit-cover{display:block;width:160px;height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px}.playlist-edit-cover[hidden]{display:none}.playlist-edit-fields label{display:grid;gap:10px;font-size:14px}.playlist-edit-fields input:not([type=file]){padding:12px;background:var(--paper);border:1px solid var(--line);font:inherit;width:100%}.playlist-edit-fields input[type=file]{max-width:180px;font-size:12px}.playlist-edit-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.playlist-delete{margin-left:auto;color:#a13232}.playlist-delete-confirm{padding:18px;background:#f6eeee;margin:20px 0}.playlist-delete-confirm button{margin-right:14px}.playlist-edit-tracks{list-style:none;padding:0}.playlist-edit-tracks li{display:flex;gap:14px;align-items:center;min-height:76px;border-bottom:1px solid var(--line);padding:10px 0}.playlist-edit-tracks li.dragging{background:#e8ff3d44}.playlist-edit-tracks img{width:44px;height:44px;object-fit:cover;border-radius:4px}.playlist-edit-tracks small{display:block;color:var(--muted);margin-top:5px}.playlist-drag-handle{width:36px;height:44px;flex:none;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none}.playlist-drag-handle:active{cursor:grabbing}.playlist-drag-handle svg{fill:currentColor;stroke:none}.playlist-editor [data-edit-status]{font-size:13px;min-height:18px}@media(max-width:600px){.playlist-edit-fields{grid-template-columns:1fr;gap:20px}.playlist-editor{padding:25px 18px 90px}.playlist-edit-tracks li{gap:8px}.playlist-delete{margin-left:0}}

.playlist-visibility{border:1px solid var(--line);padding:18px;margin:0 0 24px}.playlist-visibility legend{font-size:14px}.playlist-visibility label{display:block;margin:8px 0 14px}.playlist-visibility small{display:block;font-size:12px;color:var(--muted);margin:5px 0 0 24px}

.collection-order-editor header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.collection-order-editor header>div{display:flex;gap:18px;align-items:center}.collection-order-editor>p{color:var(--muted);font-size:13px}.collection-order-editor ol{list-style:none;padding:0}.collection-order-editor li{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.collection-order-editor li img{width:60px;height:60px;object-fit:cover;border-radius:5px}.collection-order-editor li.dragging{background:#e8ff3d44}.account-section-heading>[data-edit-collection]{margin-left:auto}.account-section-heading>[data-edit-collection]:disabled{opacity:.35}

#share-playlist{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%}#share-playlist:hover{background:#8882}#share-playlist svg{width:18px;height:18px}

.detail-secondary-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.detail-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;flex-shrink:0}.detail-icon-button:hover{background:#8882}.detail-icon-button svg{width:18px;height:18px}

/* Compact global navigation with search available on every page. */
.masthead{height:82px;min-height:82px;padding:14px 3.3%;gap:28px;flex-wrap:nowrap}
.masthead .wordmark{font-size:29px;line-height:.86;flex-shrink:0}
.masthead nav{gap:22px;margin:0;flex-shrink:0}
.masthead nav .nav-link{white-space:nowrap;font-size:14px}
.masthead #music-search{flex:1 1 320px;max-width:520px;margin-left:auto;padding:0 14px;gap:10px;border:1px solid var(--line);border-radius:4px;height:42px}
.masthead #music-search svg{width:18px;height:18px}
.masthead #music-search-input{font-size:14px;padding:10px 0}
.masthead .search-submit{font-size:12px;padding:8px 0}
.masthead .header-account{margin-left:0}
.discovery-keywords{margin:0;border-bottom:1px solid var(--line);padding:16px 0;gap:20px}
.discovery-keywords .genre-select{border-left:0;border-right:1px solid var(--line);padding:6px 18px 6px 0;flex:0 0 145px}
.discovery-keywords .genre-select select{font-size:14px}
@media(max-width:1100px){.masthead{gap:18px}.masthead nav{gap:14px}.masthead #music-search{padding:0 10px}.masthead .search-submit{display:none}.masthead #music-search-input{font-size:13px}}
@media(max-width:800px){.masthead{height:auto;min-height:0;padding:13px 18px;gap:14px 18px;flex-wrap:wrap}.masthead .wordmark{font-size:25px}.masthead nav{margin-right:auto;gap:15px}.masthead nav .nav-link{font-size:13px}.masthead #music-search{order:4;flex-basis:100%;max-width:none;height:38px;margin:0}.masthead #music-search-input{font-size:16px;padding:8px 0}.discovery-keywords{flex-wrap:wrap;gap:10px;padding:12px 0}.discovery-keywords .genre-select{flex:0 0 125px}.discovery-keywords .filters{flex:1;min-width:0}}
@media(max-width:460px){.masthead{gap:12px}.masthead nav{gap:9px}.masthead nav .nav-link{font-size:12px}.masthead .wordmark{font-size:23px}}

/* Search stays quiet in the header; icon and placeholder identify the field. */
.masthead #music-search{border:0;border-radius:0;padding-inline:0}
.masthead #music-search:focus-within{box-shadow:0 1px 0 var(--ink)}

/* Quiet search surface and a consistent clear control across browsers. */
.masthead #music-search{background:#fff;padding-inline:12px;border-radius:4px}
.masthead #music-search:focus-within{box-shadow:none}
.masthead #music-search-input{outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}
#music-search-input::-webkit-search-cancel-button,#music-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
#clear-music-search{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:3px;color:var(--ink)}
#clear-music-search[hidden]{display:none}
.masthead #clear-music-search svg{width:18px;height:18px}

/* A compact search trigger opens an anchored field below the navigation. */
.masthead .header-search{position:relative;margin-left:auto;flex:none;display:flex;align-items:center}
.header-search-toggle,#close-music-search{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:50%;color:var(--ink)}
.header-search-toggle:hover{background:#00000006}
.masthead .header-search #music-search{position:absolute;right:0;top:calc(100% + 18px);width:min(480px,calc(100vw - 36px));max-width:none;height:52px;margin:0;padding:0 46px 0 16px;gap:12px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 26px #0000000d;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}
.masthead .header-search.is-open #music-search{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.masthead .header-search #music-search-input{font-size:15px;padding:12px 0}
#close-music-search{position:absolute;right:6px;top:calc(100% + 24px);z-index:1;width:38px;height:38px}
#close-music-search[hidden]{display:none}
@media(max-width:800px){.masthead .header-search{margin-left:0}.masthead .header-search #music-search{position:fixed;left:18px;right:18px;top:calc(100% - 1px);width:auto}.masthead .header-search.is-open{position:static}.masthead .header-search.is-open #music-search{position:absolute;top:100%;left:18px;right:18px}.masthead .header-search.is-open #close-music-search{top:calc(100% + 6px);right:24px}.masthead{flex-wrap:nowrap}.masthead nav{min-width:0}.masthead .header-account{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.masthead .header-search #music-search{transition:none}}
@media(max-width:600px){.masthead{flex-wrap:wrap;gap:10px 14px}.masthead nav{order:3;flex-basis:100%;justify-content:flex-start;gap:22px}.masthead .header-search{margin-left:auto}.masthead .header-account{margin-left:0}}

/* Search joins the navigation and edits directly in place. */
.masthead .header-search{margin-left:0;flex:0 1 470px;min-width:0;position:relative}
.masthead .header-account{margin-left:auto}
.header-search-toggle{width:auto;height:40px;gap:8px;padding:0;border-radius:0;font-size:14px;color:var(--muted);white-space:nowrap}
.header-search-toggle svg{width:16px;height:16px}
.header-search-toggle:hover{background:none;color:var(--ink)}
.masthead .header-search #music-search{position:static;display:none;inset:auto;width:100%;max-width:none;height:40px;padding:0;gap:8px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;transition:none;flex:1}
.masthead .header-search.is-open #music-search{display:flex}
.header-search.is-open .header-search-toggle{display:none}
.masthead .header-search #music-search>svg{width:16px;height:16px;color:var(--muted)}
.masthead .header-search #music-search-input{flex:0 1 auto;width:var(--search-text-width,7ch);max-width:100%;min-width:5ch;font-size:14px;padding:8px 0;color:#000}
.masthead #clear-music-search{width:auto;height:auto;padding:6px 0;margin-left:4px;font-size:11px;color:var(--muted);white-space:nowrap}
.masthead #close-music-search{display:none}
@media(max-width:800px){.masthead .header-search.is-open{position:relative}.masthead .header-search.is-open #music-search{position:static;inset:auto;width:100%}.masthead .header-search #music-search-input,.header-search-toggle{font-size:13px}}
@media(max-width:600px){.masthead nav{flex-basis:auto;order:3;margin-right:0;gap:14px}.masthead .header-search{order:4;flex:1 1 110px;margin-left:0}.masthead .header-account{order:2}.masthead .wordmark{margin-right:auto}.masthead nav .nav-link{font-size:12px}.header-search-toggle,.masthead .header-search #music-search-input{font-size:12px}.masthead .header-search.is-open{flex-basis:100%}}
.header-search-toggle{color:#969692}.masthead .header-search #music-search-input::placeholder{color:#969692}
@supports(field-sizing:content){.masthead .header-search #music-search-input{field-sizing:content;width:auto}}
/* Selected genres read like a fluorescent pen mark behind the lettering. */
.discovery-keywords .filter{position:relative;isolation:isolate;padding:9px 11px}
.discovery-keywords .filter.active{background:transparent;border-color:transparent}
.discovery-keywords .filter.active:after{display:none}
.discovery-keywords .filter.active:before{content:'';position:absolute;z-index:-1;left:3px;right:3px;top:23%;bottom:19%;background:var(--acid);transform:rotate(-1.4deg);clip-path:polygon(1% 10%,18% 5%,38% 9%,61% 2%,82% 7%,99% 0,98% 31%,100% 57%,98% 94%,80% 98%,58% 93%,35% 100%,15% 94%,0 99%,2% 66%,0 35%)}

.collection-expand{min-width:210px;min-height:50px;margin:30px auto 0;padding:14px 30px;font-size:16px;font-weight:600;background:var(--acid);border-color:var(--acid);color:var(--ink);border-radius:5px}.collection-expand:hover{background:#dcf22d;border-color:#dcf22d}.collection-expand:after{content:" ↓";margin-left:8px}.collection-expand[aria-expanded="true"]:after{content:" ↑"}
/* A small piece of translucent mixtape-label tape across the wordmark. */
.masthead .wordmark{position:relative;isolation:isolate}
.masthead .wordmark:after{content:'';pointer-events:none;position:absolute;z-index:1;left:-13%;top:3%;width:125%;height:89%;transform:rotate(-7deg);background:linear-gradient(177deg,rgba(255,255,255,.62),rgba(218,225,206,.40) 30%,rgba(255,255,255,.46) 75%,rgba(205,216,189,.44));box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #a1ac8e70;filter:drop-shadow(0 2px 2px #00000024);clip-path:polygon(1% 0,99% 2%,98% 13%,100% 24%,98% 36%,100% 48%,98% 62%,100% 74%,98% 87%,99% 100%,0 98%,2% 85%,0 71%,2% 58%,0 43%,2% 29%,0 15%)}
/* Clear adhesive film: fine grain, folded edges and glossy creases. */
.masthead .wordmark:after{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%22130%22%20viewBox%3D%220%200%20360%20130%22%20fill%3D%22none%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22film%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22130%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23aeb7ae%22%20stop-opacity%3D%22.28%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23a5b19f%22%20stop-opacity%3D%22.23%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.22%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20baseFrequency%3D%22.9%22%20numOctaves%3D%223%22%20seed%3D%2214%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.12%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%0A%20%3CclipPath%20id%3D%22edge%22%3E%3Cpath%20d%3D%22M5%205%20354%208%20356%20121%206%20125%203%2095%206%2069%203%2039Z%22%2F%3E%3C%2FclipPath%3E%0A%20%3ClinearGradient%20id%3D%22crease%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.72%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.1%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20clip-path%3D%22url%28%23edge%29%22%3E%0A%20%3Cpath%20d%3D%22M5%205%20354%208%20356%20121%206%20125%203%2095%206%2069%203%2039Z%22%20fill%3D%22url%28%23film%29%22%20stroke%3D%22%237e8780%22%20stroke-opacity%3D%22.48%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M0%200H360V130H0Z%22%20filter%3D%22url%28%23grain%29%22%20opacity%3D%22.5%22%2F%3E%0A%20%3Cpath%20d%3D%22M12%2037C69%2022%20123%2034%20189%2037S298%2045%20352%2038L357%2044C294%2047%20241%2043%20188%2042S61%2033%2012%2041Z%22%20fill%3D%22url%28%23crease%29%22%2F%3E%0A%20%3Cpath%20d%3D%22M12%2040C89%2028%20125%2038%20190%2039S291%2046%20351%2040%22%20stroke%3D%22%2365716b%22%20stroke-opacity%3D%22.32%22%20stroke-width%3D%221.3%22%2F%3E%0A%20%3Cpath%20d%3D%22M13%2036C79%2024%20133%2034%20187%2036S301%2043%20350%2036%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.85%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M8%2079C48%2087%2075%20112%20133%20105S215%2087%20247%2085L264%2070%20255%2088C204%2096%20167%20115%20119%20113S48%2096%208%2083Z%22%20fill%3D%22white%22%20fill-opacity%3D%22.24%22%2F%3E%0A%20%3Cpath%20d%3D%22M8%2080C46%2084%2076%20109%20122%20108S210%2090%20248%2086L260%2074%22%20stroke%3D%22%237b847e%22%20stroke-opacity%3D%22.32%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2077C54%2089%2077%20105%20126%20104S217%2086%20246%2083L258%2070%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%221.4%22%2F%3E%0A%20%3Cpath%20d%3D%22m8%2066%2034%2013-18%208%2038%209M25%2080l11%2012M299%2010l41%2011%2011%2024M9%208l10%2015-7%2020M279%2091q-8-18-12-10t12%2020q12%206%2018-5%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%207%20351%2010M8%20122%20352%20118%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.65%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E%0A') center/100% 100% no-repeat;box-shadow:none;clip-path:none;filter:drop-shadow(0 1px 1px #00000024)}

/* Soft room-light reflection follows the sleeve rotation. */
.player.is-expanded .player-art-button{position:relative;isolation:isolate}
.player.is-expanded .player-art-button:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 90% 65% at var(--glare-x,50%) var(--glare-y,35%),#fff 0%,#ffffff70 28%,#ffffff00 72%);mix-blend-mode:screen;opacity:var(--glare-opacity,0);transition:opacity .35s ease;box-shadow:none}
/* Dark masthead frames the clear tape and fluorescent curation accents. */
.masthead{background:#111;color:#fafaf9;border-bottom-color:#292929}
.masthead .wordmark,.masthead .nav-link.active,.masthead .nav-link:hover,.masthead .profile-trigger{color:#fafaf9}
.masthead .nav-link{color:#c4c4c0}
.masthead .header-search-toggle,.masthead .header-search #music-search>svg{color:#aaa}
.masthead .header-search-toggle:hover{color:#fff}
.masthead .header-search #music-search-input{color:#fff;caret-color:var(--acid)}
.masthead .header-search #music-search-input::placeholder{color:#aaa}
.masthead #clear-music-search{color:#aaa}.masthead #clear-music-search:hover{color:#fff}
.masthead .profile-initial,.masthead .header-signin{color:var(--ink)}
.masthead .profile-dropdown{color:var(--ink)}
.member-alert-count{min-width:21px;height:21px;padding:0 5px;border-radius:99px;display:inline-grid;place-items:center;background:var(--acid);color:#111;font-size:11px;font-weight:700;line-height:1}
.member-menu-count{float:right;color:#666;font-size:12px}
.member-notification-list{list-style:none;margin:8px 0 0;padding:0}.member-notification-list li{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.member-notification-list li.is-unread{border-left:3px solid var(--acid);padding-left:12px}.member-notification-list strong,.member-notification-list span{display:block}.member-notification-list strong{font-size:15px;font-weight:500}.member-notification-list span,.member-notification-list time{color:var(--muted);font-size:12px;margin-top:3px}.member-notification-list time{white-space:nowrap}
@media(max-width:600px){.member-notification-list li{align-items:flex-start;flex-direction:column;gap:5px}}
.masthead button:focus-visible,.masthead a:focus-visible{outline-color:var(--acid)}
.masthead .nav-link.active:after{display:none}
/* Floating listening controls, with the page softly visible through the glass. */
.player:not(.is-expanded){left:24px;right:24px;bottom:18px;width:auto;height:80px;padding:10px 26px;border-radius:999px;background:rgba(18,18,18,.78);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 40px #00000030,0 3px 10px #00000020,inset 0 1px 0 #ffffff08}
.player.is-expanded{border-radius:0;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:700px){.player:not(.is-expanded){left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:74px;padding:8px 18px;gap:12px}}
@media(min-width:1000px){.player:not(.is-expanded){left:calc(12.5% + 18px);right:calc(12.5% + 18px)}}
.masthead{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.masthead.is-scrolled{background:rgba(17,17,17,.88);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border-bottom-color:#ffffff16;box-shadow:0 4px 20px #00000012}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.masthead.is-scrolled{background:rgba(17,17,17,.96)}}
@media(prefers-reduced-motion:reduce){.masthead{transition:none}}

/* The daily feature shares the expanded player's cover atmosphere. */
.daily-release{position:relative;isolation:isolate;overflow:hidden;background:#191919;color:#fff;border-top:0;padding:28px 32px 32px}
.daily-release>.daily-backdrop{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden;background:#292929;pointer-events:none}
.daily-copy h2{color:rgba(255,255,255,.9)}
.daily-copy>.eyebrow,.daily-description{color:rgba(255,255,255,.75)}
.daily-artist,.daily-copy time{color:rgba(255,255,255,.6)}
.daily-source{color:rgba(255,255,255,.5)}
.daily-release .artist-name-link:hover{color:#fff}
.daily-play{color:var(--ink)}
@media(max-width:700px){.daily-release{padding:24px 18px}}

/* Extend the daily atmosphere through the page gutters. */
.daily-release{margin-inline:-40px;padding-inline:40px}
@media(max-width:1000px){.daily-release{margin-inline:-24px;padding-inline:24px}}
@media(max-width:700px){.daily-release{margin-inline:-18px;padding-inline:18px}}

/* Give the listening notes their own column beside the album details. */
.daily-release{grid-template-columns:minmax(180px,250px) minmax(0,.9fr) minmax(0,1.1fr)}
.daily-copy time{display:block}
.daily-editorial{min-width:0;max-width:620px}
.daily-editorial .daily-description{margin:0 0 12px;font-size:16px;line-height:1.65;-webkit-line-clamp:5}
.daily-editorial .daily-source{margin:0}
@media(max-width:1000px){.daily-release{grid-template-columns:minmax(180px,250px) minmax(0,1fr);row-gap:20px}.daily-editorial{grid-column:2}.daily-editorial .daily-description{font-size:14px;-webkit-line-clamp:4}}
@media(max-width:700px){.daily-release{grid-template-columns:112px minmax(0,1fr)}.daily-editorial{grid-column:1/-1}}

/* Keep the feature's details grouped and its editorial close at hand. */
@media(min-width:1001px){.daily-release{grid-template-columns:minmax(180px,250px) minmax(0,340px) minmax(0,1fr);column-gap:28px}}
.daily-copy>time{margin:0 0 8px}
.daily-copy>.eyebrow{margin:0 0 18px}
.daily-identity h2{margin:0 0 4px}
.daily-identity .daily-artist{margin:0}
.daily-copy>.daily-play{margin-top:20px}
@media(max-width:700px){.daily-copy>.eyebrow{margin-bottom:14px}.daily-copy>.daily-play{margin-top:16px}}

.daily-view-album{display:block;padding:4px 0;margin:0 0 12px;color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.daily-view-album:hover{color:var(--acid)}
.daily-view-album[hidden]{display:none}

/* A personal shelf of records, presented as a tactile cover flow. */
.current-rotation{background:#080808;color:#fff;margin:0 -40px 48px;padding:30px 40px 28px;overflow:hidden;isolation:isolate}
.rotation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.rotation-heading h2{font-size:18px;font-weight:500;letter-spacing:.13em;margin:0}
.rotation-edit,.rotation-prev,.rotation-next{width:42px;height:42px;display:grid;place-items:center;padding:0;color:#fff;border:1px solid #ffffff30;border-radius:50%;background:#ffffff06;transition:background .2s}
.rotation-edit:hover,.rotation-prev:hover,.rotation-next:hover{background:#ffffff18}
.rotation-edit:disabled,.rotation-prev:disabled,.rotation-next:disabled{opacity:.25}
.rotation-stage{--rotation-size:clamp(200px,25vw,300px);height:calc(var(--rotation-size) + 60px);position:relative;perspective:1100px;touch-action:pan-y;user-select:none;outline-offset:-4px;margin-top:18px}
.rotation-covers{position:absolute;inset:0;transform-style:preserve-3d}
.rotation-cover{position:absolute;left:50%;top:50%;width:var(--rotation-size);height:var(--rotation-size);padding:0;border-radius:7px;background:#171717;box-shadow:0 24px 40px #000a,0 2px 5px #0008;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s;backface-visibility:hidden;will-change:transform;overflow:hidden}
.rotation-cover img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.rotation-cover:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff20;background:linear-gradient(115deg,#ffffff12,transparent 38%,#00000008)}
.rotation-cover>span{display:grid;place-items:center;height:100%;padding:20px}
.rotation-stage.is-dragging .rotation-cover{transition:none;cursor:grabbing}
.rotation-bottom{display:flex;align-items:center;justify-content:center;gap:24px;margin:2px auto 0;max-width:540px}
.rotation-caption{flex:1;min-width:0;text-align:center}
.rotation-caption>button{display:block;font-size:19px;line-height:1.3;padding:0;margin:auto;max-width:100%;text-wrap:balance}
.rotation-caption>span,.rotation-caption>.rotation-artist-link{display:block;color:#fff8;font-size:14px;margin:5px auto 0}
.rotation-caption>small{display:block;font-size:11px;letter-spacing:.15em;color:#fff6;margin-top:12px;font-variant-numeric:tabular-nums}
.rotation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:250px;width:100%;color:#fff9;font-size:15px}
.rotation-empty>span{display:grid;place-items:center;width:100px;height:100px;border:1px dashed #fff4;border-radius:6px;font-size:30px;color:var(--acid)}
.rotation-picker{width:min(640px,calc(100vw - 32px));max-height:85dvh;padding:26px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 80px #0006}
.rotation-picker::backdrop{background:#0009;backdrop-filter:blur(8px)}
.rotation-picker header,.rotation-picker footer,.rotation-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rotation-picker h2{font-size:26px;font-weight:400;margin:0}.rotation-picker header button{font-size:28px}
.rotation-picker-toolbar{margin:22px 0 12px}.rotation-picker-toolbar input{min-width:0;flex:1;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;font:inherit}.rotation-selection-count{white-space:nowrap;font-size:13px;color:var(--muted)}
.rotation-picker-list{max-height:45dvh;overflow-y:auto;overscroll-behavior:contain}.rotation-picker-list label{display:flex;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer}.rotation-picker-list label[hidden]{display:none}
.rotation-picker-list input{accent-color:#191919;width:18px;height:18px;flex-shrink:0}.rotation-picker-list img,.rotation-picker-art{width:52px;height:52px;object-fit:cover;flex-shrink:0;border-radius:4px}.rotation-picker-art{display:grid;place-items:center;background:#ddd}.rotation-picker-list strong{display:block;font-weight:400;font-size:15px}.rotation-picker-list small{display:block;color:var(--muted);margin-top:5px;font-size:13px}.rotation-picker-list label:has(input:disabled:not(:checked)){opacity:.45}
.rotation-picker-status{font-size:14px;color:var(--muted)}.rotation-picker footer{padding-top:14px}.rotation-picker footer button{padding:12px 18px;font-size:14px}.rotation-save{background:var(--acid);border-radius:4px}.rotation-picker button:disabled{opacity:.5}
@media(max-width:700px){.current-rotation{margin-inline:-18px;padding:22px 18px 26px}.rotation-heading h2{font-size:15px}.rotation-stage{--rotation-size:clamp(180px,58vw,270px);margin-top:10px}.rotation-bottom{gap:15px}.rotation-caption>button{font-size:17px}.rotation-picker{padding:20px}}
@media(prefers-reduced-motion:reduce){.rotation-cover,.rotation-edit,.rotation-prev,.rotation-next{transition:none}}

/* Full-bleed rotation, directly beneath the navigation. */
#account-view:has(.current-rotation){max-width:none;padding:0 0 100px}
#account-view:has(.current-rotation)>.account-section{max-width:1300px;margin-left:auto;margin-right:auto}
.current-rotation{position:relative;margin-inline:-40px;padding:16px 40px 18px;margin-bottom:40px}
.rotation-heading{position:relative;z-index:1}.rotation-heading h2{font-size:16px}.rotation-edit{width:34px;height:34px}
.rotation-stage{--rotation-size:clamp(260px,27vw,340px);height:calc(var(--rotation-size) + 16px);margin-top:4px;cursor:grab}
.rotation-stage.is-dragging{cursor:grabbing}
.rotation-cover{transition:none}
.rotation-cover:after{background:radial-gradient(ellipse 90% 65% at var(--rotation-glare-x,50%) var(--rotation-glare-y,35%),#ffffff26 0%,#ffffff0c 30%,transparent 72%);mix-blend-mode:screen}
.rotation-bottom{position:relative;margin-top:4px;gap:20px}.rotation-caption>button{font-size:17px}.rotation-caption>span,.rotation-caption>.rotation-artist-link{font-size:13px;margin-top:3px}.rotation-caption>small{display:none}
.rotation-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;background:#191919;pointer-events:none}
.rotation-atmosphere>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(80px) saturate(.9);transform:scale(1.35);opacity:0;transition:opacity .18s linear}
.rotation-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.6))}
.rotation-empty{min-height:200px}
@media(max-width:1000px){.current-rotation{margin-inline:-24px;padding-inline:24px}}
@media(max-width:700px){.current-rotation{margin-inline:-18px;padding:14px 18px 16px}.rotation-heading h2{font-size:14px}.rotation-stage{--rotation-size:clamp(220px,72vw,300px);height:calc(var(--rotation-size) + 12px);margin-top:2px}.rotation-bottom{gap:14px}.rotation-caption>button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.rotation-atmosphere>img{transition:none}}

.rotation-atmosphere>img{filter:blur(80px) saturate(.81)}
.rotation-atmosphere:after{background:linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,.64))}
.rotation-bottom{min-height:82px;align-items:center;margin-top:10px}
.rotation-caption>button{min-height:2.6em;display:flex;align-items:center;justify-content:center}
.current-rotation{padding-bottom:24px}
@media(max-width:700px){.rotation-bottom{min-height:80px}.current-rotation{padding-bottom:22px}}

.rotation-heading h2{font-size:28px;font-weight:400;letter-spacing:normal;color:#fff;margin:0}
.rotation-heading h2 span{font-size:13px;font-weight:400;color:rgba(255,255,255,.6);margin-left:10px}

/* Keep the rotation's atmosphere concentrated around the focused record. */
.rotation-atmosphere:after{background:linear-gradient(to right,#000 0%,rgba(0,0,0,.8) 8%,transparent 25%,transparent 75%,rgba(0,0,0,.8) 92%,#000 100%),linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,.64))}

/* Align the rotation header with the collection grid below. */
.rotation-heading{width:100%;max-width:1300px;margin-inline:auto}
.current-rotation{padding-top:30px}
.rotation-stage{margin-top:20px}
@media(max-width:700px){.current-rotation{padding-top:24px}.rotation-stage{margin-top:16px}}

/* Enclose the blurred rotation artwork in a soft black vignette. */
.rotation-atmosphere:after{background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 10%,transparent 30%,transparent 70%,rgba(0,0,0,.65) 90%,#000 100%),linear-gradient(to right,#000 0%,rgba(0,0,0,.8) 8%,transparent 25%,transparent 75%,rgba(0,0,0,.8) 92%,#000 100%),linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,.64))}

.masthead:not(.is-scrolled){background:#000;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* A continuous wall of favorite artist portraits. */
#account-view>.favorite-artists-section{position:relative;max-width:none;margin-inline:-40px;padding:0;border:0;background:#000;color:#fff;isolation:isolate;overflow:hidden}
.favorite-artists-section>.account-section-heading{position:absolute;top:20px;left:40px;right:40px;max-width:1300px;margin-inline:auto;z-index:3;pointer-events:none}
.favorite-artists-section>.account-section-heading button{pointer-events:auto;color:#fff}
.favorite-artists-section .account-section-heading h3{margin:0;color:#fff}.favorite-artists-section .account-section-heading h3 span{color:#fff9}
.favorite-artists-section .saved-artists-grid{--portrait-width:clamp(280px,30vw,460px);--portrait-overlap:80px;display:flex;gap:0;height:clamp(420px,40vw,540px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 #000;isolation:isolate;scroll-behavior:smooth}
.favorite-artists-section .saved-artist{position:relative;flex:1 0 var(--portrait-width);height:100%;min-width:0;padding:0;display:block;margin:0;isolation:isolate}
.favorite-artists-section .saved-artist+.saved-artist{margin-left:calc(-1 * var(--portrait-overlap))}
.favorite-artists-section .saved-artist-portrait{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#111;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}
.favorite-artists-section .saved-artist:first-child .saved-artist-portrait{mask-image:linear-gradient(to right,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,#000 80%,transparent)}
.favorite-artists-section .saved-artist:last-child .saved-artist-portrait{mask-image:linear-gradient(to right,transparent,#000 20%);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%)}
.favorite-artists-section .saved-artist:only-child .saved-artist-portrait{mask-image:none;-webkit-mask-image:none}
.favorite-artists-section .saved-artist-portrait img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 25%;transition:transform .6s ease}
.favorite-artists-section .saved-artist-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#0008 0%,transparent 28%,transparent 40%,#000b 78%,#000 100%)}
.favorite-artists-section .saved-artist-portrait:hover img{transform:scale(1.025)}
.favorite-artists-section .saved-artist-info{position:absolute;bottom:28px;left:48px;right:48px;margin:0;z-index:2}
.favorite-artists-section .saved-artist-name{font-size:clamp(23px,2.5vw,34px);line-height:1.15;color:#fff;text-shadow:0 2px 16px #0006}
.favorite-artists-section .account-remove{display:inline-block;color:#fff8;margin-top:12px;font-size:12px}
.favorite-artists-section .saved-artists-grid:empty{display:none}
.favorite-artists-section:not(:has(.saved-artist))>.account-section-heading{position:relative;inset:auto;margin:0 auto;padding:26px 40px}
.favorite-artists-section>p{max-width:1300px;margin:0 auto;padding:0 40px 32px;color:#fff9}
.favorite-artists-section>.collection-order-editor{max-width:1300px;margin:auto;padding:24px 40px}
.favorite-artists-section .collection-order-editor>p{color:#fff9}.favorite-artists-section .collection-order-editor .solid-button{background:var(--acid);color:var(--ink)}
@media(max-width:1000px){#account-view>.favorite-artists-section{margin-inline:-24px}.favorite-artists-section>.account-section-heading{left:24px;right:24px}}
@media(max-width:700px){#account-view>.favorite-artists-section{margin-inline:-18px}.favorite-artists-section>.account-section-heading{left:18px;right:18px;top:22px;flex-direction:row;align-items:center;gap:12px}.favorite-artists-section .saved-artists-grid{--portrait-width:78vw;--portrait-overlap:60px;height:460px}.favorite-artists-section .saved-artist-info{left:36px;right:36px;bottom:28px}.favorite-artists-section .account-section-heading h3{font-size:26px}.favorite-artists-section>.collection-order-editor{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.favorite-artists-section .saved-artists-grid{scroll-behavior:auto}.favorite-artists-section .saved-artist-portrait img{transition:none}.favorite-artists-section .saved-artist-portrait:hover img{transform:none}}

.collection-edit{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;transition:background .2s}
.collection-edit:hover{background:#1919190a}
.favorite-artists-section .collection-edit{border-color:#ffffff30;background:#ffffff06;color:#fff}
.favorite-artists-section .collection-edit:hover{background:#ffffff18}
@media(prefers-reduced-motion:reduce){.collection-edit{transition:none}}

/* The header wordmark stays put and softens into a watermark in the full player. */
.player-watermark{position:absolute;top:14px;left:3.3%;z-index:2;display:block;font:750 29px/.86 Helvetica,Arial,sans-serif;letter-spacing:-1.5px;color:#fff;opacity:0;visibility:hidden;pointer-events:none;filter:grayscale(1);transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}
.player-watermark:after{content:'';position:absolute;z-index:1;pointer-events:none;left:-13%;top:3%;width:125%;height:89%;transform:rotate(-7deg);background:url('wordmark-tape.svg') center/100% 100% no-repeat;filter:drop-shadow(0 1px 1px #00000024)}
.player.is-expanded .player-watermark{opacity:.22;visibility:visible;transition-delay:0s}
@media(max-width:800px){.player-watermark{top:13px;left:18px;font-size:25px}}
@media(max-width:460px){.player-watermark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.player-watermark{transition:none}}

/* Album colors stay bright, saturated, and readable with dark interface glyphs. */
.player{transition:--acid .48s cubic-bezier(.22,1,.36,1)}
.detail-page .track-row:hover,.detail-page .track-row.selected{background:color-mix(in srgb,var(--acid) 22%,var(--paper))}
.detail-page .listen-note{border-left-color:var(--acid)}
.player .icon-button,.player .expand-player{color:var(--acid)}
.player .play-button{background:var(--acid);color:var(--ink)}
.player .play-button svg{width:18px;height:18px}
.player .music-seek{accent-color:var(--acid)}
.player.is-expanded .icon-button,.player.is-expanded .expand-player{color:var(--acid)}
.player.is-expanded .play-button{background:var(--acid);color:var(--ink)}
.player.is-expanded .play-button svg{width:30px;height:30px}
@media(prefers-reduced-motion:reduce){.player{transition:none}}

/* Detail pages now begin directly with their content beneath the persistent site navigation. */
.detail-page .album-overlay-header{display:none}

/* Browsing song rows stays neutral on artist and playlist pages. */
.detail-page.artist-mode .artist-popular-songs .track-row:hover,
.detail-page .playlist-opening .track-row:hover,
.detail-page .playlist-opening .track-row.selected{color:var(--ink);background:#edede9;box-shadow:none;padding-left:0}

/* A playlist owns its page theme; playback album colors remain inside the player. */
.playlist-opening{--acid:var(--playlist-acid,#e8ff3d)}

/* Keep directional affordances identical across desktop and mobile fonts. */
svg.arrow-up-right{display:inline-block;width:.88em;height:.88em;vertical-align:-.06em;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}