.listen-trigger{border:1px solid currentColor;background:transparent;color:inherit;padding:.75rem 1rem;font:700 .72rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.listen-trigger:hover{background:var(--accent,#d9d9d9);color:#050505}.listen-dialog{width:min(560px,calc(100% - 28px));padding:clamp(28px,5vw,56px);border:1px solid rgba(255,255,255,.2);background:#080a09;color:#f5f5f2}.listen-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.listen-close{position:absolute;right:18px;top:15px;border:0;background:none;color:inherit;font-size:2rem;cursor:pointer}.listen-dialog h2{font-family:'Archivo Black',sans-serif;font-size:clamp(2rem,7vw,4rem);line-height:.92;margin:.6rem 0}.listen-dialog>p:not(.section-kicker){color:#aaa}.listen-services{display:grid;gap:10px;margin-top:28px}.service-link,.service-missing{display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid rgba(255,255,255,.18);color:inherit;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.service-link:hover{border-color:var(--accent,#ddd);background:rgba(255,255,255,.06)}.service-missing{opacity:.42}.service-missing small{margin-left:auto;font-size:.58rem}.service-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:14px}.spotify-icon{background:#1ed760;color:#07140a}.apple-icon{background:linear-gradient(145deg,#fa2d55,#8d52ff);color:#fff}.listen-note{font-size:.72rem!important;margin-top:18px}
.charts{border-top:1px solid rgba(255,255,255,.1)}.chart-tabs{display:flex;gap:8px;margin:36px 0 20px}.chart-tabs button{padding:12px 18px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;font-weight:700;text-transform:uppercase;cursor:pointer}.chart-tabs button.active{background:var(--accent,#ddd);color:#050505}.chart-panel{min-height:280px;border:1px solid rgba(255,255,255,.14);padding:clamp(24px,5vw,54px);background:linear-gradient(135deg,rgba(255,255,255,.045),transparent)}.chart-empty{max-width:720px}.chart-empty .chart-number{font-family:'Archivo Black';font-size:clamp(4rem,13vw,9rem);line-height:.8;opacity:.18}.chart-empty h3{font:400 clamp(1.7rem,4vw,3.2rem)/1 'Archivo Black';text-transform:uppercase;margin:20px 0}.chart-empty p{color:#aaa;line-height:1.7}.chart-status{display:inline-flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.chart-status i{width:7px;height:7px;border-radius:50%;background:#d9a441}.chart-method{margin-top:12px;border-bottom:1px solid rgba(255,255,255,.14);padding:18px 0;color:#aaa}.chart-method summary{color:inherit;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.chart-method p{max-width:800px;line-height:1.7}.picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pick-card{min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;position:relative;overflow:hidden}.pick-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.93))}.pick-card>*{position:relative}.pick-card small{letter-spacing:.14em}.pick-card h3{font:400 1.7rem/1 'Archivo Black';margin:.5rem 0}.pick-card p{margin:0;color:#bbb}
.music-connect{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);align-items:start;border-top:1px solid rgba(255,255,255,.1)}.music-connect h2{font:400 clamp(2.8rem,7vw,6.4rem)/.88 'Archivo Black';margin:10px 0 25px}.music-connect>div>p:last-child{color:#aaa;max-width:560px;line-height:1.7}.connect-card{padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035)}.preference-control{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px}.preference-control button,.oauth-actions button{border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;padding:15px;cursor:pointer;font-weight:700}.preference-control button.active{border-color:var(--accent,#ddd);box-shadow:inset 0 0 0 1px var(--accent,#ddd)}.oauth-actions{display:grid;gap:8px}.oauth-actions button{display:flex;justify-content:space-between;text-align:left;opacity:.48;cursor:not-allowed}.oauth-actions small{font-size:.55rem}.connect-note{font-size:.7rem!important;margin:18px 0 0!important}
.dunder-pulse{display:inline-block;animation:dunder-breathe 7s ease-in-out infinite;will-change:filter,opacity,transform}@keyframes dunder-breathe{0%,100%{opacity:.72;filter:brightness(.82);transform:scale(1)}35%{opacity:1;filter:brightness(1.22) drop-shadow(0 0 10px rgba(220,220,220,.2));transform:scale(1.006)}55%{opacity:.88;filter:brightness(1)}75%{opacity:.72;filter:brightness(.82)}}html[data-theme="blue"] .dunder-pulse{color:#cfd9e8;animation-name:dunder-blue}@keyframes dunder-blue{0%,100%{opacity:.78;filter:drop-shadow(0 0 0 transparent)}38%{opacity:1;filter:drop-shadow(0 0 14px rgba(78,139,255,.35))}68%{opacity:.85;filter:drop-shadow(0 0 4px rgba(78,139,255,.1))}}html[data-theme="green"] .dunder-pulse{animation-name:dunder-green}@keyframes dunder-green{0%,100%{color:#168b54;opacity:.82}38%{color:#d9b85f;opacity:1;filter:drop-shadow(0 0 9px rgba(217,184,95,.2))}68%{color:#168b54;opacity:.9}}
@media(max-width:760px){.picks-grid,.music-connect{grid-template-columns:1fr}.picks-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pick-card{min-width:82vw;scroll-snap-align:start}.preference-control{grid-template-columns:1fr}.chart-tabs button{flex:1}.chart-panel{min-height:250px}.listen-trigger{padding:.65rem .75rem}}
@media(prefers-reduced-motion:reduce){.dunder-pulse{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}