.rewind-header{display:flex;justify-content:space-between;align-items:end;gap:24px}.rewind-header h2{margin-bottom:16px}.rewind-eras{display:flex;gap:8px;flex-shrink:0;padding-bottom:20px}.rewind-eras button{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:30px;padding:12px 20px;font-size:15px}.rewind-eras button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#101118}.rewind-tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:28px 0}.rewind-track{min-width:0}.rewind-track img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#181a24}.rewind-track h3{font-size:15px;line-height:1.35;margin:14px 0 5px;overflow-wrap:anywhere}.rewind-track p{font-size:12px;color:var(--muted);margin:0 0 12px}.rewind-track button{font-size:12px;padding:8px 0;color:var(--pink);background:transparent;border:0;border-bottom:1px solid #ff3eaa66}.rewind-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rewind-note{margin-top:22px;color:var(--muted)}.after-dark{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:42px;border:1px solid #ff3eaa40;border-radius:12px;background:radial-gradient(ellipse at 100% 100%,#ff3eaa17,transparent 70%),#14151f;margin-bottom:80px}.after-dark:before{content:'';position:absolute;width:600px;height:600px;right:-300px;top:-140px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 24px,#ff3eaa18 25px 26px);z-index:-1}.after-dark h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 20px}.after-dark p{color:var(--muted)}.after-dark .eyebrow{color:var(--pink)}.after-dark-clock{align-self:center}.countdown{display:flex;gap:22px;margin:18px 0}.countdown strong{display:block;font-size:clamp(28px,4vw,48px);font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.15}.countdown span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.countdown .on-air{font-size:36px;color:var(--pink)}.after-dark-clock .button{font-size:12px;min-height:44px}.rewind button:focus-visible,.after-dark button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@media(max-width:1000px){.rewind-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}.after-dark{padding:30px;gap:24px}}
@media(max-width:600px){.rewind-header{display:block}.rewind-eras{padding:8px 0 0}.rewind-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.rewind-track h3{font-size:14px}.after-dark{grid-template-columns:1fr;padding:24px;gap:12px;margin-bottom:48px}.countdown{gap:24px}.countdown strong{font-size:36px}.rewind-footer{gap:8px}}

.rewind-shuffle{background:transparent;color:var(--ink);border:1px solid var(--line)}.rewind-shuffle:hover{border-color:var(--pink);color:var(--pink)}

.rewind-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.rewind-preview button{padding:8px 10px;border:1px solid #ff3eaa55;border-radius:5px;background:#ff3eaa0d}.rewind-preview button[aria-pressed=true]{background:var(--pink);color:#101118}.rewind-preview a{font-size:10px;color:var(--muted)}

.rewind-preview a{display:inline-block;padding:4px}.rewind-preview a img{width:104px;height:30px;aspect-ratio:auto;border-radius:0;background:transparent;object-fit:contain}.rewind-preview small{display:block;width:100%;font-size:9px;line-height:1.4;color:var(--muted)}

.rewind-preview{margin-top:12px;min-height:36px}.rewind-preview button{min-height:36px;padding:8px 14px}.rewind-source{margin-top:12px}.rewind-source a{display:inline-block;padding:4px}.rewind-source a img{width:104px;height:30px;aspect-ratio:auto;border-radius:0;background:transparent;object-fit:contain}.rewind-source small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:4px}
/* Preview: one tidy listening block immediately below the artwork. */
.rewind-track{display:flex;flex-direction:column;align-items:stretch}
.rewind-preview{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;margin-top:10px;border:1px solid #ffffff12;border-radius:8px;background:#171923;min-height:112px;box-sizing:border-box}
.rewind-preview button{width:100%;margin:0;min-height:36px}
.rewind-source{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:0;text-align:center}
.rewind-source a{padding:0;line-height:0}
.rewind-source small{width:100%;margin:0;font-size:10px;line-height:1.35;color:#a4a5b4}
.rewind-track>h3{margin-top:14px}.rewind-track>button{align-self:flex-start;margin-top:auto}
.rewind-preview-empty{justify-content:center;align-items:center;color:var(--muted);font-size:11px}.rewind-preview{min-height:118px}
.rewind-preview button[data-rewind-query]{width:auto;min-height:0;padding:3px 0;border:0;background:transparent;align-self:center;font-size:12px;line-height:1.4;color:var(--pink)}
.rewind-preview{min-height:142px;gap:8px}.rewind-preview-empty{gap:14px}
.rewind-preview{min-height:104px;padding:10px;gap:6px}
.rewind-preview-actions{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.rewind-preview-actions button{width:auto;flex:1;min-width:0;padding:8px 6px;white-space:nowrap;font-size:11px}
.rewind-preview-actions a{display:block;flex:0 0 104px;padding:0;line-height:0}
.rewind-preview-actions a img{display:block;width:104px;height:30px;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:0}
.rewind-preview>small{font-size:10px;line-height:1.35;color:#a4a5b4;text-align:center;width:100%}
@media(max-width:420px){.rewind-preview{padding:8px 5px}.rewind-preview-actions{gap:4px}.rewind-preview-actions button{padding:8px 3px;font-size:10px}}
.rewind-cover{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.rewind-cover-caption{position:absolute;inset:auto 0 0;padding:40px 12px 12px;background:linear-gradient(transparent,#070910df 40%,#070910f2);color:#fff}
.rewind-cover-caption h3{margin:0 0 4px;font-size:15px;line-height:1.3;color:#fff;text-shadow:0 1px 4px #000}
.rewind-cover-caption p{margin:0;font-size:11px;line-height:1.4;color:#e0e0e8;text-shadow:0 1px 4px #000}
@media(max-width:600px){.rewind-cover-caption{padding:30px 9px 9px}.rewind-cover-caption h3{font-size:13px}.rewind-cover-caption p{font-size:10px}}
/* Keep preview controls inside their cards at every screen width. */
.rewind-preview-actions{flex-wrap:wrap;gap:6px}
.rewind-preview-actions button{flex:1 0 68px;min-width:68px}
@media(min-width:601px) and (max-width:1000px){.rewind-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1251px){.rewind-preview{padding:10px 5px}.rewind-preview-actions{gap:4px}.rewind-preview-actions button{flex-basis:62px;min-width:62px;padding-inline:3px}}