/* V1 listening experiences */
.reaction-toggle,.listening-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:40px;height:40px;flex-shrink:0;border:1px solid #555968;border-radius:6px;background:transparent;color:var(--ink)}.reaction-toggle{padding:0 10px;font-size:12px}.reaction-toggle:hover,.listening-toggle:hover{border-color:var(--pink);color:var(--pink)}.reaction-toggle[aria-pressed=true]{color:var(--pink);background:#ff3eaa16;border-color:var(--pink)}.player-inner{gap:14px}.player-info{flex:1}.v1-toast{position:fixed;z-index:30;bottom:112px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:14px 22px;background:#f8f8fb;color:#101118;border-radius:6px;box-shadow:0 4px 30px #0007;font-size:14px}.most-wanted{border-bottom:1px solid var(--line)}.most-wanted>p{color:var(--muted)}#most-wanted-list{list-style:none;padding:0;margin:30px 0}#most-wanted-list li{display:flex;align-items:center;gap:26px;padding:22px 0;border-top:1px solid var(--line)}.chart-rank{font-size:30px;letter-spacing:-1px;color:var(--pink);font-weight:900}.chart-votes{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--muted)}#most-wanted-list a{min-width:0}#most-wanted-list strong{display:block;font-size:20px;overflow-wrap:anywhere}#most-wanted-list a>span{font-size:13px;color:var(--muted)}
.listening-mode-open{overflow:hidden}.listening-mode{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;overflow:auto;background:#0b0c15;color:#f8f8fb;isolation:isolate}.listening-mode::backdrop{background:#0b0c15}.listening-mode[data-theme=afterhours]{background:#090b22}.listening-mode[data-theme=sunrise]{background:#20142b}.mode-shell{position:relative;z-index:1;max-width:1500px;min-height:100%;margin:auto;padding:36px 5vw;display:flex;flex-direction:column}.mode-header,.mode-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-header .wordmark{font-size:32px}.mode-window{display:flex;gap:12px}.mode-window button{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#10111866;color:white;font-size:28px}.mode-content{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(300px,1fr);align-items:center;gap:7vw;flex:1;padding:55px 0}.mode-art-wrap{position:relative;max-width:570px}.mode-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#10111899;border:1px solid #ffffff18;border-radius:8px;box-shadow:0 24px 80px #0007}.mode-live{position:absolute;left:20px;bottom:20px;background:#101118dc;padding:9px 13px;border:1px solid #ffffff55;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:2px}.mode-copy .eyebrow{color:#ff71bf}.mode-copy h2{font-size:clamp(36px,5.5vw,78px);line-height:1.05;letter-spacing:-2px;overflow-wrap:anywhere;margin-bottom:22px}.mode-artist{color:#d3cbdc;font-size:22px}.mode-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px}.mode-controls .player-toggle{width:58px;height:58px}.mode-react,.mode-share{border:1px solid #ffffff66;color:white;background:#10111870;border-radius:5px;padding:12px 17px;font-size:13px}.mode-react:hover,.mode-share:hover{border-color:var(--pink);color:var(--pink)}.mode-state{color:#c4bbcf;font-size:12px;margin:18px 0 32px}.mode-themes{display:flex;gap:8px;flex-wrap:wrap}.mode-themes button{border:1px solid #ffffff38;border-radius:30px;padding:9px 16px;font-size:12px;background:transparent;color:#e0dbea}.mode-themes button[aria-pressed=true]{background:#f8f8fb;color:#101118;border-color:#f8f8fb}.mode-footer{color:#b9b0c2;font-size:10px;letter-spacing:2px;padding:15px 0}.mode-glow{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.mode-glow i{position:absolute;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,#ff3eaa45,transparent 65%);left:-30%;top:-50%;filter:blur(30px)}.mode-glow i:nth-child(2){left:50%;top:20%;background:radial-gradient(circle,#8738ff44,transparent 65%);animation-delay:-8s}.mode-glow i:nth-child(3){left:20%;top:40%;width:40vw;height:40vw;background:radial-gradient(circle,#fa28552a,transparent 65%);animation-delay:-16s}.is-playing .mode-glow i{animation:drift 24s ease-in-out infinite alternate}.listening-mode[data-theme=afterhours] .mode-glow i{background:radial-gradient(circle,#4567ff60,transparent 65%)}.listening-mode[data-theme=afterhours] .mode-glow i:nth-child(2){background:radial-gradient(circle,#04c9dd40,transparent 65%)}.listening-mode[data-theme=sunrise] .mode-glow i{background:radial-gradient(circle,#ff7d5265,transparent 65%)}.listening-mode[data-theme=sunrise] .mode-glow i:nth-child(2){background:radial-gradient(circle,#fa4cb650,transparent 65%)}@keyframes drift{from{transform:translate(-3%,-5%) scale(.95)}to{transform:translate(25%,15%) scale(1.25)}}
.song-card-section{border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:20px}.song-card-section .eyebrow{font-size:10px;margin:0 0 8px}.song-card-section h3{font-size:23px;line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}.card-artist{font-size:14px;color:var(--muted)}.song-card-section .button{min-height:44px;font-size:13px;padding:11px 16px}.song-card-preview{display:block;width:min(100%,280px);height:auto;border-radius:6px;margin:18px auto}.song-card-preview[hidden],.card-actions[hidden],.song-card-section[hidden]{display:none}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.card-share{border:1px solid var(--line);background:transparent;color:var(--ink)}.card-status{font-size:12px;color:var(--muted);margin:12px 0 0}.share-panel{width:min(490px,calc(100% - 32px))}
@media(max-width:1100px) and (min-width:701px){.player-bars,.volume{display:none}.player-inner{gap:12px}.fallback{font-size:10px;margin-left:0}.player-tag{display:none}}
@media(max-width:700px){.player-inner{grid-template-columns:36px 44px minmax(0,1fr) 36px;gap:8px 10px}.listening-toggle{grid-column:4;grid-row:1;min-width:36px;width:36px}.share-toggle{grid-column:4;grid-row:2;width:36px;min-width:36px;height:36px}.reaction-toggle{grid-column:1/3;grid-row:2;height:32px;width:90px;min-width:0}.reaction-toggle svg{height:18px}.fallback{grid-column:3;grid-row:2;font-size:9px;white-space:normal;line-height:1.35;margin:0}.player-info{grid-column:3;grid-row:1}.v1-toast{bottom:124px}.mode-shell{padding:22px}.mode-header .wordmark{font-size:25px}.mode-content{grid-template-columns:1fr;gap:30px;padding:32px 0}.mode-art-wrap{width:min(66vw,310px);margin:auto}.mode-copy{text-align:center}.mode-copy h2{font-size:36px;letter-spacing:-1px}.mode-artist{font-size:18px}.mode-controls,.mode-themes{justify-content:center}.mode-controls{margin-top:24px}.mode-live{left:10px;bottom:10px;font-size:8px;padding:6px 8px;letter-spacing:1px}.mode-copy .eyebrow{font-size:9px}.mode-footer{font-size:8px;letter-spacing:1px}.mode-glow{position:fixed}.mode-glow i{width:160vw;height:160vw}.mode-window button{width:38px;height:38px}#most-wanted-list li{gap:16px}.chart-votes{font-size:10px}#most-wanted-list strong{font-size:17px}.chart-rank{font-size:25px}}
@media(prefers-reduced-motion:reduce){.is-playing .mode-glow i{animation:none}}
.song-card-section [hidden]{display:none!important}