.hero-request{border:1px solid #ffffff50;background:#10111888;color:white}.hero-request:hover{border-color:var(--pink)}
.now-card{display:flex;align-items:center;gap:24px;padding:24px 28px;margin-top:28px;border:1px solid #454453;border-radius:12px;background:linear-gradient(120deg,#1c1c29,#141720);box-shadow:0 15px 45px #0002}.now-card>img{width:96px;height:96px;object-fit:contain;border-radius:8px;background:#101118}.now-copy{min-width:0;flex:1}.now-copy .eyebrow{font-size:10px;margin:0 0 8px}.now-copy h2{font-size:26px;letter-spacing:-.5px;line-height:1.2;margin:0 0 5px;overflow-wrap:anywhere}.now-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.now-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.home-play{width:58px;height:58px}.home-share{border:1px solid #ffffff40;border-radius:6px;background:transparent;color:white;padding:12px;font-size:12px}.now-card .mode-votes{margin:0;max-width:140px;justify-content:center}.now-card .vote-status{font-size:10px;text-align:center;flex-basis:100%}.request-discovery{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:30px;align-items:start}.request-discovery>div{min-width:0}.home-recent{padding:24px 20px;border:1px solid var(--line);border-radius:10px;background:#151721}.home-recent .eyebrow{font-size:9px;margin-bottom:10px}.home-recent h3{font-size:22px;letter-spacing:-.5px}.home-recent ol{list-style:none;padding:0;margin:0}.home-recent li{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.home-recent .history-art{width:48px;height:48px;flex-shrink:0;border-radius:6px}.home-recent .history-copy{min-width:0}.home-recent strong{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.home-recent .history-copy>span{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.home-recent small{display:none}.home-recent .history-store{display:block;font-size:10px;color:var(--pink);margin-top:4px}
@media(max-width:1000px){.now-card{gap:16px}.now-copy h2{font-size:22px}.request-discovery{grid-template-columns:1fr}.home-recent ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}
@media(max-width:600px){.now-card{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;padding:18px;gap:14px;margin-top:20px}.now-card>img{width:64px;height:64px}.now-copy h2{font-size:18px}.now-copy>p:not(.eyebrow){font-size:12px}.home-play{width:44px;height:44px}.now-card #home-votes{grid-column:1/3}.now-card .mode-votes{max-width:none;justify-content:flex-start;gap:10px}.now-card .vote-status{flex-basis:auto;text-align:left;max-width:120px}.home-share{grid-column:3;padding:8px;font-size:10px}.home-recent ol{grid-template-columns:1fr}.request-discovery{gap:20px}}

/* Aligned Now Playing shortcuts, with vote feedback beneath the row. */
.now-card{display:grid;grid-template-columns:96px minmax(0,1fr) 58px 102px 46px;column-gap:22px;row-gap:0;padding-bottom:34px}.now-card .home-play,.now-card .home-share{align-self:center}.now-card .home-share{display:grid;place-items:center;width:46px;height:46px;padding:0}.now-card #home-votes{align-self:center;position:relative}.now-card .mode-votes{display:flex;flex-wrap:nowrap;gap:10px;max-width:none}.now-card .vote-status{position:absolute;top:calc(100% + 7px);right:0;width:170px;max-width:none;text-align:right;font-size:9px;line-height:1.25}.now-card .mode-votes button{flex:0 0 46px}
@media(max-width:700px){.now-card{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 18px 38px}.now-card>img{width:64px;height:64px}.now-card .home-play{grid-column:1;grid-row:2;width:46px;height:46px;justify-self:center}.now-card #home-votes{grid-column:2;grid-row:2;justify-self:start;margin-left:0}.now-card .home-share{grid-column:2;grid-row:2;justify-self:start;margin-left:114px}.now-card .vote-status{text-align:left;left:0;right:auto;width:210px}.now-copy h2{font-size:20px}.now-card .mode-votes{gap:10px}}

/* Station identity cards. */
.station-strip{gap:16px;border-bottom:0;padding-block:30px}.station-strip>div,.station-strip>div:first-child,.station-strip>div:nth-child(3){padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#1b1d29,#14151e);transition:border-color .2s,box-shadow .2s}.station-strip>div:hover{border-color:#ff3eaa80;box-shadow:0 0 24px #ff3eaa14}.station-strip svg{color:var(--pink);margin-bottom:18px}.station-strip strong{font-size:23px;line-height:1.25;letter-spacing:-.6px}.station-strip span{margin-top:8px;line-height:1.5}@media(max-width:700px){.station-strip{gap:12px;padding-block:24px}.station-strip>div,.station-strip>div:first-child,.station-strip>div:nth-child(3){padding:20px 16px}.station-strip strong{font-size:20px}.station-strip svg{width:26px;height:26px;margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.station-strip>div{transition:none}}

/* A blurred copy of the current cover creates its own colour atmosphere. */
.now-card{position:relative;isolation:isolate;overflow:hidden}.now-card>.now-art-glow{position:absolute;z-index:-1;width:80%;height:320%;left:-8%;top:-110%;object-fit:cover;border-radius:50%;background:transparent;filter:blur(48px) saturate(1.65);opacity:.28;pointer-events:none;mask-image:linear-gradient(90deg,#000 15%,#0009 65%,transparent);animation:cover-glow 18s ease-in-out infinite alternate}.now-copy{text-shadow:0 1px 6px #101118}.now-card .home-share,.now-card .mode-votes button{background:#171923b3}@keyframes cover-glow{from{transform:translateX(-3%) scale(1)}to{transform:translateX(6%) scale(1.08)}}@media(max-width:700px){.now-card>.now-art-glow{width:120%;left:-25%;filter:blur(38px);opacity:.24}}@media(prefers-reduced-motion:reduce){.now-card>.now-art-glow{animation:none}}

/* Centre vote feedback beneath the pair of thumbs. */
.now-card .vote-status{left:0;right:auto;width:102px;text-align:center}

.heard-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 32px}.heard-preview-card{min-width:0}.heard-preview-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#181a24;border:1px solid var(--line)}.heard-preview-card h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:14px 0 0}.heard-promo>p:not(.eyebrow){max-width:650px;color:var(--muted)}@media(max-width:700px){.heard-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.heard-preview-card h3{font-size:17px}}

.heard-preview-card img{object-fit:cover;object-position:center}