/* Sintonia Central: editorial hierarchy and shared playback controls. */
.hero .hero-panel{isolation:isolate;position:relative;overflow:hidden;border-radius:22px!important}
.hero .hero-panel>.central-ambient{position:absolute;inset:-36px;z-index:-2;pointer-events:none;opacity:0;transition:opacity .5s ease;background-position:center;background-size:cover;filter:blur(32px) saturate(1.4);transform:scale(1.08)}
.hero .hero-panel[data-cover-ready="true"]>.central-ambient{opacity:.72}
.hero .hero-panel::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(7,20,37,.42),rgba(7,20,37,.78))}
.hero .hero-main{grid-template-columns:minmax(200px,300px) minmax(0,1fr)!important;gap:36px!important;padding:26px 12px!important}
.hero .hero-visual{width:100%!important;max-width:300px!important;aspect-ratio:1;height:auto!important;margin:0!important;border-radius:16px!important}
.hero .hero-visual .np-cover,.hero .hero-visual .art{border-radius:16px!important}
.hero .hero-station{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.hero.has-station .hero-editorial-question{display:none!important}
.hero .hero-copy{min-width:0;text-align:left!important}
.hero #nowPlayingWrap{margin-top:18px!important;padding:16px 0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible}
.hero #nowPlayingText{font-size:clamp(18px,2vw,23px)!important;line-height:1.35!important;overflow-wrap:anywhere}
.hero #lyricsLink{min-height:40px!important;padding:8px 14px!important;border-radius:999px!important;margin-top:12px!important}
.hero #nowPlayingWrap .np-progress-wrap{width:100%;max-width:100%;box-sizing:border-box;padding:0!important;margin-top:18px!important}
.hero #nowPlayingWrap .np-progress-bar{width:100%!important;margin:0!important;height:5px!important;border-radius:999px!important}
.hero #nowPlayingWrap .np-time-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px;width:100%!important;margin:7px 0 0!important;padding:0!important;font-size:12px!important;line-height:1.3!important;font-variant-numeric:tabular-nums}
.hero #npElapsed,.hero #npDuration{position:static!important;float:none!important;transform:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important}
.hero #npElapsed{justify-self:start;text-align:left!important}
.hero #npDuration{justify-self:end;text-align:right!important}
.hero .hero-status-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin-top:12px!important}
.hero .meta-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.hero .meta-pill,.hero .hero-pill{font-size:11px!important;line-height:1.3!important;min-height:28px!important;padding:5px 10px!important;border-radius:999px!important;font-variant-numeric:tabular-nums}
.hero .hero-detail-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px!important;padding:14px 12px!important}
.hero #qualityBadges{display:flex;flex-wrap:wrap;gap:6px}
.hero #qualityBadges .qb{border-radius:8px!important;min-height:28px!important;padding:5px 8px!important;font-size:10px!important;gap:5px;opacity:.5}
.hero #qualityBadges .qb.active{opacity:1;background:color-mix(in srgb,var(--ui81-accent) 16%,var(--ui81-surface))!important;border-color:color-mix(in srgb,var(--ui81-accent) 45%,transparent)!important}
.hero #qualityBadges .qb svg{width:14px;height:14px}
.hero #sourceRow{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px!important;margin:0!important;border-radius:12px!important;background:rgba(3,15,29,.3)!important}
.hero #sourceRow:empty{display:none!important}
.hero #sourceRow .src-pill{flex:1 1 185px!important;min-width:0!important;max-width:100%!important;min-height:54px!important;border-radius:12px!important;padding:10px 12px!important;box-shadow:none!important}
.hero #sourceRow .src-pill-icon{width:25px!important;flex:0 0 25px!important}
.hero #sourceRow .src-pill-copy{min-width:0!important}
.hero #sourceRow .src-pill-main{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere}
.hero #sourceRow .src-pill-sub{font-size:10px!important;line-height:1.4!important}
.central-media-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.central-media-actions[hidden]{display:none!important}
.central-media-actions button,#replayPanel .rv-replay-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border-radius:999px!important;border:1px solid var(--ui81-line);background:var(--ui81-surface-2);color:var(--ui81-text);font:650 12px 'Reddit Sans',sans-serif;box-shadow:none;cursor:pointer}
.central-media-actions button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.central-media-actions button[aria-pressed="true"]{background:var(--ui81-accent);color:var(--ui81-accent-ink)}
.central-media-actions button small{display:none}
.central-media-actions button:focus-visible{outline:3px solid var(--ui81-accent);outline-offset:3px}
#miniPlayer .mini-timeline{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;align-items:center!important;gap:12px!important;width:100%!important;box-sizing:border-box}
#miniPlayer .mini-time{position:static!important;transform:none!important;min-width:0!important;width:auto!important;line-height:1.3!important;font-size:11px!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#miniPlayer #miniTimeEnd{text-align:right!important;justify-self:end}
#miniPlayer .mini-track-bar{min-width:0!important;width:100%!important;margin:0!important;touch-action:pan-y}
#replayPanel .replay-inner{border-radius:20px!important;padding:20px!important}
#replayPanel .replay-track{gap:14px;align-items:center}
#replayPanel .replay-cover{width:64px!important;height:64px!important;object-fit:cover;border-radius:12px!important}
#replayPanel .replay-track-info{min-width:0}
#replayPanel .replay-track-name{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
#replayPanel .replay-info-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#replayPanel .replay-clock{font-variant-numeric:tabular-nums;font-size:22px;margin-block:16px}
#replayPanel .replay-controls{gap:14px}
#replayPanel .replay-skip,#replayPanel .replay-live-btn,#replayPanel .replay-queue-toggle{min-width:44px;min-height:44px;border-radius:999px!important}
html[data-site-theme="light"] .hero .hero-panel::after{background:linear-gradient(100deg,rgba(247,250,253,.72),rgba(247,250,253,.96))}
html[data-site-theme="light"] .hero .hero-panel[data-cover-ready="true"]>.central-ambient{opacity:.3}
html[data-site-theme="light"] .hero #sourceRow{background:rgba(225,233,243,.7)!important}
@media(max-width:720px){
 .hero .hero-panel{padding:16px!important;border-radius:20px!important}
 .hero .hero-main,.hero:not(.has-station) .hero-main{grid-template-columns:1fr!important;gap:20px!important;padding:16px 0!important}
 .hero .hero-visual,.hero:not(.has-station) .hero-visual{width:min(60vw,236px)!important;height:auto!important;max-width:236px!important;margin:0 auto!important;border-radius:16px!important}
 .hero .hero-station,.hero:not(.has-station) .hero-station{font-size:30px!important;line-height:1.1!important}
 .hero .hero-play{width:52px!important;height:52px!important;right:-8px!important;bottom:-8px!important}
 .hero #nowPlayingWrap{margin-top:10px!important;padding:12px 0!important}
 .hero #nowPlayingText{font-size:20px!important}
 .hero .hero-detail-row{padding:12px 0!important}
 .hero #sourceRow{padding:8px!important;gap:6px!important}
 .hero #sourceRow .src-pill{flex-basis:100%!important;min-height:48px!important}
 .hero .hero-panel-head{gap:8px!important;flex-wrap:wrap}
 .central-media-actions button{flex:1;min-height:44px}
 #miniPlayer .mini-timeline{gap:8px!important}
 #miniPlayer .mini-time{font-size:10px!important}
 #replayPanel .replay-inner{width:100%;box-sizing:border-box;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important}
 #replayPanel .replay-info-row{gap:8px}
 #replayPanel .replay-info-row .rv-replay-button{flex:1;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.hero .central-ambient{transition:none!important}}

/* Keep a real space for every action in compact station cards. */
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions{grid-template-columns:36px minmax(0,1fr) 28px!important;gap:6px!important}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions .card-play-row{min-width:36px!important;width:36px!important}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions .card-pill{min-width:0!important;width:100%!important;box-sizing:border-box;padding:6px 4px!important;font-size:10px!important;white-space:nowrap;overflow:hidden}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions .card-pill svg{width:12px;height:12px;flex-shrink:0}

/* Capability badges appear only once confirmed for the selected source. */
.hero #qualityBadges .qb:not(.active){display:none}
.hero #qualityBadges .qb{border-radius:999px!important;min-height:28px;align-items:center;gap:5px}