/* Shared replacement presentation. Existing feature IDs and controllers are retained. */
html { background:#040812!important; scroll-padding-top:150px; }
body[data-replacement] { background:#040812!important; color:#e8edf6; margin:0!important; font-family:'Segoe UI',sans-serif; overflow-x:clip; }
body[data-replacement]::before { display:none!important; }
body[data-replacement] * { box-sizing:border-box; }
body[data-replacement] :is(h1,h2,h3,.page-title,.hero-title,.section-title,.artist-name,.acct-state-title) { font-family:'Russo One','Segoe UI',sans-serif!important; font-weight:400!important; }
body[data-replacement] a { text-underline-offset:4px; }
body[data-replacement] :focus-visible { outline:2px solid #00bfee; outline-offset:5px; }
.cursor-interaction { cursor:pointer; }
body[data-replacement] .zob-header { position:sticky; top:0; z-index:100; height:104px; margin:0 0 -104px; padding:0; background:transparent; border:0; display:block; max-width:none; }
body[data-replacement] .zob-header-inner { display:flex; width:100%; max-width:none; height:78px; padding:0 clamp(16px,2.5vw,64px); gap:26px; margin:0; }
body[data-replacement] .zob-header-inner::before { opacity:1; }
body[data-route="home"]:not(.zob-header-raised) .zob-header-inner::before { opacity:0; }
body[data-replacement] .zob-mainnav { display:flex; margin-inline:auto; }
body[data-replacement] .zob-header .zob-navitem { text-transform:none; letter-spacing:0; font:600 14px/1.3 'Segoe UI',sans-serif!important; }
body[data-replacement] .zob-header .zob-brand-lockup { flex:none; }
body[data-replacement] .zob-header .zob-button { text-decoration:none; }
body[data-replacement] .zob-header .zob-mega { top:86px; }
.replacement-intro { position:relative; padding:154px max(32px,calc((100% - 1440px)/2)) 64px; background:linear-gradient(90deg,#040812 8%,#040812e6 42%,#04081255),url('/_website/website-20261027-footeralign1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') 75% 38%/cover; border-bottom:1px solid #173045; margin-bottom:36px; }
.replacement-intro>div { max-width:800px; }
.replacement-intro .replacement-eyebrow { font:500 12px/1.5 'Share Tech Mono',monospace; color:#00bfee; text-transform:uppercase; letter-spacing:3px; margin:0 0 18px; }
.replacement-intro h1 { font-size:clamp(38px,4vw,64px); line-height:1.08; margin:0 0 20px; letter-spacing:.3px; }
.replacement-intro h1 span { color:#00bfee; }
.replacement-intro p:not(.replacement-eyebrow) { max-width:580px; color:#b5c6d9; font:18px/1.65 'Segoe UI',sans-serif; }
body[data-replacement] .page-header { display:none; }
body[data-replacement] :is(.content,.schedule-container,.legend,.info-box,.tz-bar,.day-tabs,.now-on-air,.tunein-wrap,.acct-wrap) { max-width:1440px; }
body[data-replacement] .content { width:calc(100% - 64px); margin:0 auto 64px; padding:0; }
body[data-replacement] :is(.section,.card,.panel,.artist-card,.board,.feature-card,.faq-item,.acct-section,.acct-state) { border-color:#203345!important; background:#0a1421!important; box-shadow:none!important; border-radius:12px; }
body[data-replacement] :is(.section,.panel) { padding:28px; }
body[data-replacement] :is(.section p,.section li,.faq-answer,.hero-sub,.tunein-hero p) { line-height:1.75; color:#b5c6d9; }
body[data-replacement] .zob-page-footer { display:none; }
body[data-replacement] .page-footer { display:none; }
body[data-route="schedule"] :is(.slot-desc,.segment-desc,.legend-desc,.legend-item-desc,.block-desc,.tz-label) { color:#aabccc!important; }
body[data-route="submit"] main { min-height:0; padding-bottom:40px; }
body[data-route="submit"] main { max-width:1050px; width:calc(100% - 48px); margin-inline:auto; }
body[data-route="submit"] #view-signin { max-width:760px; margin-inline:auto; }
body[data-route="submit"] #quotaBox { position:static; width:100%; max-width:none; margin:0 0 22px; padding:15px 22px; }
body[data-route="submit"] #helpRail { display:none!important; }
body[data-route="submit"] :is(label,.help-text,.provider-btn,.terms-row,.drop-zone) { font-family:'Segoe UI',sans-serif; }
body[data-route="submit"] .form-group>label { font-size:14px; letter-spacing:.3px; text-transform:none; }
body[data-route="submit"] :is(input,select,textarea) { font-family:'Segoe UI',sans-serif; font-size:16px; }
body[data-route="submit"] #submitBtn { background:linear-gradient(135deg,#f67a05,#d65300); color:white; font:700 15px/1.3 'Segoe UI',sans-serif; letter-spacing:0; border:1px solid #ff981f; min-height:50px; }
body[data-route="contact"] label { font-family:'Segoe UI',sans-serif; letter-spacing:0; text-transform:none; }
body[data-route="account"] :is(.va-pane-title,.acct-section-title,.acct-displayname,.va-stat-val,.va-quick-label) { font-family:'Russo One',sans-serif; font-weight:400; }
@media(min-width:761px){body[data-route="submit"] #submitForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}body[data-route="submit"] #submitForm>*{grid-column:1/-1}body[data-route="submit"] #submitForm>.form-group:has(#platform,#artistName,#songTitle,#dropZone,#artZone,#genre,#vocals,#vocalGender,#language,#contentRating,#bpmRange,#mood){grid-column:auto}body[data-route="submit"] .drop-zone{min-height:150px}}
.replacement-live-spotlight { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; padding:24px; border:1px solid #314759; border-radius:10px; background:linear-gradient(120deg,#132534,#0a1421); }
.replacement-live-spotlight a { display:flex; align-items:center; gap:20px; min-height:100px; color:#e8edf6; text-decoration:none; }
.replacement-live-spotlight #zobSpotAvatar { display:none; width:78px; height:78px; object-fit:cover; border-radius:8px; }
.replacement-live-spotlight #zobSpotAvatar.is-shown { display:block; }
.replacement-live-spotlight #zobSpotKicker { color:#00bfee; font:12px/1.5 'Share Tech Mono',monospace; letter-spacing:2px; text-transform:uppercase; }
.replacement-live-spotlight #zobSpotTitle { font:24px/1.3 'Russo One',sans-serif; margin:7px 0; }
.replacement-live-spotlight #zobSpotSub { color:#b5c6d9; font-size:15px; }
.replacement-live-spotlight .zob-spot-controls { display:flex; flex-shrink:0; gap:8px; }
.replacement-live-spotlight button { min-height:44px; background:#112536; color:#d1e3f0; border:1px solid #45647b; padding:9px 15px; border-radius:6px; cursor:pointer; font-size:13px; }
.replacement-live-spotlight button:hover:not(:disabled) { background:#1a374b; border-color:#00bfee; }
.replacement-live-spotlight button:disabled { opacity:.45; cursor:default; }
.replacement-live-spotlight.accent-orange { border-color:#725034; background:linear-gradient(120deg,#282018,#0a1421); }
.replacement-live-spotlight.accent-orange #zobSpotKicker { color:#ffac62; }
@media(max-width:760px){.replacement-live-spotlight{align-items:flex-start;flex-direction:column;gap:16px;padding:22px}.replacement-live-spotlight a{min-height:0;gap:15px}.replacement-live-spotlight #zobSpotTitle{font-size:22px}}
body[data-replacement] .zob-footer { clear:both; width:100%; margin-top:64px; }
body[data-replacement] .zob-footer .zob-inner { max-width:1440px; }
body[data-replacement] .zob-footer a { color:#b5c6d9; }
body[data-replacement] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select) { background:#07111c; color:#e8edf6; border:1px solid #30465a; border-radius:7px; }
body[data-replacement] :is(button,.btn,.primary,.submit-btn,.provider-btn) { font-family:'Segoe UI',sans-serif; }
body[data-route="artists"] .artist-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
body[data-route="artists"] .artist-card { text-align:left; padding:18px; transition:border-color .15s,transform .15s; }
body[data-route="artists"] .artist-card:hover { border-color:#00bfee!important; transform:translateY(-3px); }
body[data-route="artists"] .artist-avatar { width:100%; height:auto; aspect-ratio:1; border-radius:8px; object-fit:cover; margin:0 0 18px; }
body[data-route="artists"] .artist-avatar.placeholder { display:grid; place-items:center; font-size:54px; background:#122b40; }
body[data-replacement] .artist-blurb { min-height:42px; color:#b5c6d9; }
body[data-replacement] .artist-meta { color:#82aac2; }
body[data-route^="artists/"] .content { padding-top:132px; }
body[data-route^="artists/"] #artist-app .hero { background:#091725; padding:30px; border-radius:14px; border:1px solid #233a4b; }
body[data-route^="artists/"] #artist-app .hero h1 { font-size:clamp(32px,4vw,58px); }
body[data-route="schedule"] :is(.now-on-air,.tz-bar,.day-tabs,.schedule-container,.legend,.info-box) { width:calc(100% - 64px); margin-left:auto; margin-right:auto; }
body[data-route="schedule"] .day-tabs { gap:8px; }
body[data-route="schedule"] .day-tab { border-radius:7px; font-family:'Segoe UI',sans-serif; }
body[data-route="schedule"] .block { border-radius:9px; }
body[data-route="premium"] .hero { padding-top:145px; background:linear-gradient(90deg,#040812ee,#04081288),url('/_website/website-20261027-footeralign1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center/cover; }
body[data-route="premium"] .hero-title { font-size:clamp(36px,4vw,62px); line-height:1.13; }
body[data-route="premium"] :is(.features,.compare,.faq,.bottom-cta) { max-width:1440px; margin-inline:auto; }
body[data-route="tunein"] .tunein-wrap { padding-top:145px; }
body[data-route="tunein"] .tunein-hero h2 { font-size:clamp(36px,4vw,58px); }
body[data-route="submit"] main { padding-top:0; }
body[data-route="account"] .acct-wrap { margin-top:0; }
body[data-route="contact"] main { padding-top:0; }
body[data-route="charts"] main { padding-top:0; }
body[data-route^="tools/"] { padding-top:0; }
body[data-route^="tools/"]>.topbar { display:none; }
body[data-route^="tools/"]>.hero { padding:156px 28px 45px; }
body[data-route="schedule"] :is(.slot-genre,.legend-name,.now-segment) { font-family:'Russo One',sans-serif; font-weight:400; }
body[data-route="schedule"] :is(.slot-time,.slot-duration,.legend-title) { color:#9ab6ca; }
body[data-route="halloween"] main { padding-top:145px; }
body[data-route="halloween/leaderboard"] main { padding-top:145px; }
body[data-route="halloween/leaderboard"] .hero { background:transparent; }
.replacement-notice { border:1px solid #00aaff55; background:#091725; color:#c5d7e5; border-radius:8px; padding:16px 20px; margin:16px auto; max-width:900px; font:14px/1.6 'Segoe UI',sans-serif; }
.preview-dialog { width:min(460px,calc(100% - 32px)); background:#0b1928; color:#e8edf6; border:1px solid #2f536e; border-radius:12px; padding:26px; box-shadow:0 20px 70px #000a; }
.preview-dialog::backdrop { background:#0009; }
.preview-dialog h2 { font:400 24px/1.3 'Russo One',sans-serif; margin:0 0 14px; }
.preview-dialog p { color:#b5c6d9; line-height:1.6; }
.preview-dialog button { min-height:44px; padding:10px 20px; border:1px solid #00bfee; border-radius:7px; background:#002f44; color:white; }
@media(max-width:1450px){body[data-replacement] .zob-header-inner{gap:16px}body[data-replacement] .zob-header .zob-navitem{font-size:13px!important}}
@media(max-width:1150px){body[data-replacement] .zob-header{height:140px;margin-bottom:-140px}body[data-replacement] .zob-header-inner{height:122px;flex-wrap:wrap;padding:9px 20px;gap:0;align-content:center}body[data-replacement] .zob-mainnav{width:100%;order:2;justify-content:center;gap:22px}.replacement-intro{padding-top:176px}body[data-route="artists"] .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.replacement-intro{padding:175px 22px 36px;background-position:65% 40%}.replacement-intro p:not(.replacement-eyebrow){font-size:16px}body[data-replacement] .content{width:calc(100% - 36px)}body[data-route="artists"] .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-replacement] :is(.section,.panel){padding:20px}body[data-route="schedule"] :is(.now-on-air,.tz-bar,.day-tabs,.schedule-container,.legend,.info-box){width:calc(100% - 32px)}}
@media(max-width:560px){body[data-replacement] .zob-header{height:84px;margin-bottom:-84px}body[data-replacement] .zob-header-inner{height:67px;padding:0 16px;flex-wrap:nowrap}body[data-replacement] .zob-mainnav{display:none}.replacement-intro{padding-top:113px}.replacement-intro h1{font-size:37px}body[data-route^="artists/"] .content{padding-top:103px}body[data-route="artists"] .artist-card{padding:12px}body[data-route="artists"] .artist-name{font-size:16px}body[data-route="artists"] .artist-blurb{font-size:12px}body[data-replacement] .zob-header .zob-mega{top:76px}body[data-route="premium"] .hero,body[data-route="tunein"] .tunein-wrap,body[data-route="halloween"] main,body[data-route="halloween/leaderboard"] main{padding-top:108px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0s!important;transition:none!important}}

/* The homepage's accepted hero stays intact; its closing invitation gains warmth. */
body[data-route="home"] .zob-community { border-color:#705036; background:linear-gradient(110deg,#27201b,#0b1a27); }
body[data-route="home"] .zob-community>svg { color:#ff9638; }
body[data-route="home"] .zob-community .zob-button { border-color:#ae7340; background:#33251b; color:#ffdbb5; }