.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}
@media(max-width:350px){.now-card{grid-template-columns:56px minmax(0,1fr);column-gap:12px;padding-inline:14px}.now-card>img:not(.now-art-glow){width:56px;height:56px}.now-card .home-play,.now-card .home-share{width:42px;height:42px}.now-card .mode-votes{gap:8px}.now-card .mode-votes button{width:42px;height:42px;flex-basis:42px}.now-card .home-share{margin-left:98px}.now-card .vote-status{width:92px}}

.request-discovery{grid-template-columns:minmax(0,1fr)}
.home-recent-dropdown{box-sizing:border-box;padding:0;margin-top:8px;border-radius:8px;background:#151721}.home-recent-dropdown summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;cursor:pointer;list-style:none}.home-recent-dropdown summary::-webkit-details-marker{display:none}.home-recent-dropdown summary>span{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.home-recent-dropdown summary strong{font-size:14px}.home-recent-dropdown .history-summary-note{font-size:12px;color:var(--muted)}.home-recent-dropdown summary svg{flex-shrink:0;transition:transform .2s}.home-recent-dropdown[open] summary svg{transform:rotate(180deg)}.home-recent-dropdown summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.home-recent-dropdown .home-history-panel{padding:0 24px 16px}.home-recent-dropdown ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.home-recent-dropdown[open] .home-history-panel{animation:history-reveal .25s ease-out}.home-recent-dropdown li{min-width:0}.home-recent-dropdown .history-art{object-fit:cover}.home-recent-dropdown .history-copy{flex:1}.home-recent-dropdown .small{margin:12px 0 0}@keyframes history-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.home-recent-dropdown summary{padding:14px 18px}.home-recent-dropdown summary>span{gap:4px;flex-direction:column;align-items:flex-start}.home-recent-dropdown ol{grid-template-columns:1fr}.home-recent-dropdown .home-history-panel{padding:0 18px 14px}}@media(prefers-reduced-motion:reduce){.home-recent-dropdown[open] .home-history-panel{animation:none}.home-recent-dropdown summary svg{transition:none}}
/* One expanding panel for the current track and its recent history. */
.on-air-panel{box-sizing:border-box;margin-top:28px;padding:0;border:1px solid #454453;border-radius:12px;background:linear-gradient(120deg,#1c1c29,#141720);box-shadow:0 15px 45px #0002;overflow:hidden}
.on-air-panel .now-card{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.on-air-panel .home-recent-dropdown{margin:0;border:0;border-top:1px solid #ffffff12;border-radius:0;background:#10121b66}
@media(max-width:600px){.on-air-panel{margin-top:20px}}