.listening-page{--ink:#191a18;--text:#24251f;--muted:#626252;--inverse:#f5efdc;--paper-strong:#f5efdc;--line:#c9c3ad;--teal:#9a391e;--gold-strong:#e7ef66;--record-orange:#c7532e;color:var(--inverse);isolation:isolate;background:#191a18}.listening-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 75% 15%,#c7532e38,#0000 45%),repeating-radial-gradient(circle at 90% 45%,#0000 0 18px,#f5efdc08 19px 20px,#0000 21px 29px);animation:30s ease-in-out infinite alternate collection-light;position:fixed;inset:-20%}@keyframes collection-light{to{transform:translate(-4%,5%)rotate(8deg)}}.listening-page .listening-page-header{background:#191a18ed;border-bottom:1px solid #f5efdc30;padding-inline:clamp(20px,4vw,64px)}.listening-page .section-band{background:0 0;padding:clamp(28px,5vw,72px) clamp(20px,4vw,64px)}.listening-page .listening-section{gap:38px;max-width:1500px;margin-inline:auto}.listening-page .listening-heading h1{letter-spacing:-.065em;text-wrap:balance;max-width:1000px;font-size:clamp(3.2rem,7.5vw,7rem);line-height:.95}.listening-page .listening-heading .eyebrow{color:#e7ef66}.listening-page .listening-status{color:#d1cbb7}.listening-page .listening-status[data-state=error]{color:#ffb394}.listening-page .now-playing{background:#232520;border:1px solid #f5efdc30;grid-template-columns:minmax(150px,36%) minmax(0,1fr);gap:clamp(50px,8vw,130px);min-height:400px;padding:clamp(22px,4vw,56px);overflow:hidden}.record-deck{isolation:isolate;padding-right:18%;position:relative}.record-vinyl{aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#191a18 0 3%,#e7ef66 3.5% 18%,#171817 18.5% 23%,#0000 24%),repeating-radial-gradient(circle,#30322e 0 1px,#111310 2px 4px);border-radius:50%;width:83%;animation:18s linear infinite paused record-spin;position:absolute;top:0;left:25%;box-shadow:6px 12px 25px #0008}.now-playing[data-playing=true] .record-vinyl{animation-play-state:running}@keyframes record-spin{to{transform:rotate(360deg)}}.listening-page .now-playing__artwork{background:repeating-linear-gradient(135deg,#c7532e 0 30px,#af4426 30px 60px);border:0;position:relative;box-shadow:0 12px 30px #0008}.listening-page .now-playing__artwork:empty:after{content:"SIDE A / IN ROTATION";align-content:end;font-size:clamp(1rem,3vw,2.5rem);font-weight:900;line-height:1;display:grid;position:absolute;inset:15%}.listening-page .now-playing h2{letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,4.7rem);line-height:1.02}.listening-page :is(.album-recommendations,.ranking-panel,.activity-panel,.archive-search,.recent-panel,.lifetime-panel,.trends-chart-panel,.trends-detail){background:var(--paper-strong);color:var(--text);border:0;padding:clamp(20px,3vw,36px);box-shadow:5px 5px #0005}.listening-page .album-recommendations{border-left:8px solid var(--record-orange)}.listening-page .album-recommendations__content{min-height:200px;position:relative}.recommendation-sleeve{aspect-ratio:1;color:#f5efdc;background:repeating-radial-gradient(circle,#c7532e 0 12px,#ae4426 13px 15px);place-items:center;width:200px;font-size:2.5rem;font-weight:900;display:grid;box-shadow:5px 7px #24251f}.recommendation-sleeve img{object-fit:cover;width:100%;height:100%}.recommendation-sleeve:has(img:not([hidden]))>span{display:none}.listening-page .listening-summary{color:#24251f;background:#e7ef66;border:0;transform:rotate(-.4deg)}.listening-page .listening-summary strong{letter-spacing:-.05em;font-size:clamp(1.8rem,3.2vw,3rem)}.listening-page .listening-trends-link{color:#f5efdc;background:#c7532e;padding:28px;box-shadow:6px 6px #0005}.listening-page .listening-trends-link a{color:#fff6df;font-size:clamp(1.5rem,3vw,2.8rem);text-decoration-thickness:2px}.listening-page .listening-trends-link span{color:#fff0d8}.listening-page .ranking-list>li>span:first-child{color:#9a391e;letter-spacing:-.07em;font-size:1.6rem;font-weight:900}.listening-page :is(button,a,select,input):focus-visible{outline-offset:4px;outline:3px solid #b44b27}.listening-page .listening-page-header :focus-visible{outline-color:#e7ef66}.listening-page button{transition:transform .16s,background-color .16s}.listening-page button:not(:disabled):hover{transform:translateY(-2px)}.listening-page .listening-access{color:#24251f;background:#f5efdc;border-top:8px solid #c7532e;margin-block:70px;box-shadow:10px 10px #e7ef66}.listening-page .listening-access h1{letter-spacing:-.045em}.motion-control{color:#e7ef66;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #f5efdc55;padding:8px 12px;font-size:.8rem}.listening-page .trends-controls{color:#f5efdc}.trends-year-cover{border-bottom:1px solid #f5efdc40;grid-template-columns:1fr 1fr;align-items:end;gap:28px;padding-bottom:30px;display:grid}.trends-year-display{letter-spacing:-.09em;color:#e7ef66;font-size:clamp(6rem,18vw,17rem);font-weight:950;line-height:.8}.trends-year-story{font-size:clamp(1.1rem,2.5vw,2rem);line-height:1.25}.trends-year-story p{margin-block:12px}.listening-page .trends-chart-panel{border-top:8px solid #c7532e}.listening-page .trends-month__bar{background:#c7532e;border-radius:0;min-height:0;transition:height .26s}.listening-page .trends-month[aria-pressed=true]{background:#e7ef66;border-color:#24251f}.listening-page .trends-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.listening-page .trends-highlight{color:#fff5dd;isolation:isolate;background:#c7532e;border:1px solid #f5efdc40;border-radius:0;min-height:190px;padding:22px;position:relative;overflow:hidden;box-shadow:4px 5px #0006}.listening-page .trends-highlight:before{content:"";z-index:-1;background:repeating-radial-gradient(circle,#0000 0 8px,#fff4da25 9px 10px);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-90px;right:-75px}.listening-page .trends-highlight:nth-child(3n+2){color:#24251f;background:#e7ef66}.listening-page .trends-highlight:nth-child(3n){color:#24251f;background:#f5efdc}.listening-page .trends-highlight strong{text-transform:uppercase;letter-spacing:-.05em;font-size:2rem}.listening-page .trends-highlight small{color:inherit}.listening-page .trends-highlight[aria-pressed=true]{outline-offset:5px;outline:3px solid #e7ef66;transform:translateY(-5px)}.listening-page .trends-highlight:disabled{opacity:.5}.listening-page .trends-detail{gap:22px}.listening-page .trends-rankings .ranking-panel{box-shadow:none;padding:0}.genre-bands{background:#c9c3ad;height:28px;margin-block:16px;display:flex;overflow:hidden}.genre-bands span{flex:0 0 var(--share);background:var(--genre-color)}.genre-empty{background:#e9e3cf;border:1px dashed #9c977f;padding:22px}.listening-page details{color:var(--muted);font-size:.82rem}.listening-page summary{cursor:pointer;padding-block:12px;font-weight:750}.listening-page[data-motion=off] *,.listening-page[data-hidden=true] *{animation-play-state:paused!important}.listening-page[data-motion=off]:before,.listening-page[data-hidden=true]:before{animation-play-state:paused}.listening-page[data-motion=off] *{transition:none!important}@media (width<=940px){.listening-page .trends-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.listening-page .listening-heading{flex-direction:column;align-items:start}.listening-page .listening-status{text-align:left}}@media (width<=600px){.listening-page .listening-page-header{flex-wrap:wrap;gap:12px}.listening-page .listening-page-brand{width:100%}.listening-page .now-playing{grid-template-columns:1fr;gap:30px}.record-deck{width:80%;max-width:300px}.listening-page .trends-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.listening-page .trends-highlight{min-height:175px;padding:16px}.trends-year-cover{grid-template-columns:1fr}.recommendation-sleeve{width:160px}.listening-page .listening-access{margin-inline:20px}}@media (prefers-reduced-motion:reduce){.listening-page:before,.listening-page *{transition:none!important;animation:none!important}}.listening-page .listening-heading>div>p,.listening-page .trends-year-story p,.listening-page #trends-highlights-heading+p{color:#d1cbb7}.listening-page .listening-heading>div>p{margin-top:20px}.listening-page .trends-year-story .trends-note{color:#c6c0ac}.listening-page .trends-return{color:#e7ef66}.listening-page #listening-lock{border:1px solid #f5efdc55}.listening-page .trends-highlight strong{overflow-wrap:normal;font-size:clamp(1.2rem,2.4vw,2rem)}.listening-page .recommendation-sleeve{flex-shrink:0}.listening-page .recommendation-sleeve img{width:100%;height:100%}.listening-page:after{content:"";pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}