:root{color-scheme:dark;--bg:#050b14;--surface:#0b1422;--surface-2:#101c2d;--surface-3:#14243a;--text:#f7f9fc;--muted:#9aa9bd;--line:rgba(167,190,222,.16);--accent:#3b82f6;--accent-strong:#2563eb;--accent-soft:rgba(59,130,246,.16);--brand-led-ring:#38bdf8;--brand-led-glow:#3b82f6;--hero-blue:#60a5fa;--live:#ef4444;--shadow:0 18px 48px rgba(0,0,0,.36);--radius:22px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:280px;min-height:100vh;margin:0;background:radial-gradient(circle at 18% -8%,rgba(37,99,235,.15),transparent 30rem),linear-gradient(180deg,#07111f 0,var(--bg) 34rem);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.site-header{position:relative;overflow:hidden;padding:calc(22px + env(safe-area-inset-top)) 18px 16px}.header-inner{position:relative;z-index:1;width:min(1080px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.brand{display:inline-flex;align-items:baseline;justify-content:center;font-family:"Archivo Black",Arial Black,sans-serif;font-size:clamp(2.65rem,6vw,4.5rem);letter-spacing:-.055em;line-height:1;color:var(--text)}.brand-dot{width:.19em;height:.19em;flex:0 0 .19em;margin:0 .065em .075em;border-radius:50%;background:#f8fcff;border:.025em solid var(--brand-led-ring);box-shadow:0 0 3px rgba(255,255,255,.95),0 0 8px var(--brand-led-ring),0 0 20px var(--brand-led-glow),0 0 32px rgba(59,130,246,.38)}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(11,20,34,.8);color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-pill.is-live{border-color:rgba(239,68,68,.32);background:rgba(127,29,29,.18);color:#fecaca}.status-pill.is-live .status-dot{background:var(--live);box-shadow:0 0 0 5px rgba(239,68,68,.12),0 0 16px rgba(239,68,68,.6);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.58}}.header-glow{position:absolute;border-radius:999px;filter:blur(6px)}.header-glow--one{width:220px;height:220px;right:-70px;top:-150px;background:rgba(59,130,246,.2)}.header-glow--two{width:130px;height:130px;left:-80px;bottom:-90px;background:rgba(30,64,175,.22)}.page-shell{width:min(1080px,calc(100% - 28px));margin:0 auto 72px}.card,.dash-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,28,45,.95),rgba(8,17,30,.96));box-shadow:var(--shadow)}.section-divider{width:min(520px,72%);height:1px;margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,rgba(96,165,250,.38),transparent);box-shadow:0 0 14px rgba(59,130,246,.13)}.section-divider--header{margin-top:8px}.stage{position:relative;overflow:visible;min-height:0;padding:clamp(24px,4.5vw,48px) clamp(16px,5vw,54px);display:flex;align-items:center}.stage:after{content:"";position:absolute;width:min(620px,92vw);height:260px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-42%);background:radial-gradient(ellipse,rgba(59,130,246,.10),transparent 68%);filter:blur(8px);pointer-events:none}.stage-copy{position:relative;z-index:1;width:100%;max-width:760px;margin:auto;text-align:center}.eyebrow,.card-kicker{margin:0 0 10px;color:#8fbfff;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.stage h1{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-style:italic;font-weight:400;font-size:clamp(2.85rem,7.4vw,5.9rem);line-height:.92;letter-spacing:.025em}.hero-line{display:block;white-space:nowrap}.hero-line--white{color:var(--text)}.hero-line--blue{margin-top:.16em;color:var(--hero-blue);text-shadow:0 0 8px rgba(96,165,250,.32),0 0 24px rgba(59,130,246,.26),0 0 44px rgba(37,99,235,.16)}.stage-description{max-width:590px;margin:22px auto 0;color:#b2bfd0;font-size:clamp(1rem,2vw,1.14rem);line-height:1.7}.stage-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:28px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:800;cursor:pointer}.button--primary{background:linear-gradient(145deg,#286fe0,#1d4ed8);box-shadow:0 9px 22px rgba(29,78,216,.25)}.button--secondary{border-color:var(--line);background:#0a1422}.section-divider--hero{margin-bottom:22px}.section{position:relative;padding-top:0}.section-heading{margin:0 4px 18px}.section-heading h2,.about-strip h2,.bottom-sheet h2{margin:0;font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dash-card{position:relative;min-height:164px;padding:22px;border-radius:var(--radius);display:flex;align-items:flex-start;gap:16px;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.dash-card:hover{transform:translateY(-2px);border-color:rgba(130,185,255,.34);background:linear-gradient(145deg,rgba(20,36,58,.98),rgba(9,19,33,.98))}.dash-card--wide{grid-column:1/-1;min-height:140px}.dash-card--button{width:100%;cursor:pointer}.dash-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:#a9d0ff;font-size:1.2rem;font-weight:800}.dash-icon--clock{font-size:1.55rem;line-height:1}.dash-card h3{margin:0 0 8px;font-size:1.25rem}.dash-card p:not(.card-kicker){margin:0;color:var(--muted);line-height:1.55}.card-arrow{position:absolute;right:20px;bottom:17px;color:#75aefb;font-size:1.3rem}.about-strip{position:relative;margin-top:52px;padding:38px clamp(12px,4vw,36px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.about-strip:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(520px,72%);height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.38),transparent);box-shadow:0 0 14px rgba(59,130,246,.13)}.section-divider--about{margin-top:6px}.about-strip p:last-child{margin:0;color:var(--muted);line-height:1.7}.live-stage{position:relative;z-index:2;width:100%}.platform-tabs{display:inline-flex;padding:5px;border:1px solid var(--line);border-radius:14px;background:#07101c;margin-bottom:13px}.platform-tab{min-width:105px;padding:10px 15px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.platform-tab.is-active{background:var(--surface-3);color:white;box-shadow:0 5px 16px rgba(0,0,0,.22)}.player-shell{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:18px;background:#02050a}.player-shell iframe{width:100%;height:100%;border:0}.player-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);gap:7px}.player-placeholder strong{color:#dbeafe}.player-placeholder small{padding:0 16px}.play-mark{margin:auto;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:#9ec8ff}.player-actions{display:flex;justify-content:space-between;gap:16px;padding-top:13px}.text-link,.text-button{color:#9dc8ff;font-size:.9rem;font-weight:700}.text-button{border:0;background:transparent;cursor:pointer}footer{border-top:1px solid var(--line);color:#738399}.footer-inner{width:min(1080px,calc(100% - 28px));margin:auto;padding:25px 0 calc(25px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;font-size:.8rem}.footer-mark{font-weight:800;color:#9aabc0}.sheet-backdrop{position:fixed;z-index:100;inset:0;display:grid;align-items:end;padding:18px;background:rgba(1,5,12,.72);backdrop-filter:blur(9px)}[hidden]{display:none!important}.bottom-sheet{position:relative;width:min(520px,100%);margin:0 auto;padding:28px;border:1px solid rgba(167,190,222,.2);border-radius:24px;background:#0b1422;box-shadow:0 28px 80px rgba(0,0,0,.55)}.sheet-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:10px;background:#111f31;color:#aab8ca;font-size:1.5rem;cursor:pointer}.tip-copy,.payment-label{color:var(--muted)}.payment-grid,.amount-grid{display:grid;gap:10px}.payment-grid{grid-template-columns:1fr 1fr;margin-top:22px}.amount-grid{grid-template-columns:repeat(4,1fr)}.payment-button,.amount-grid button{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#111f31;color:white;font-weight:800;cursor:pointer}.payment-button--venmo{background:#0879d8}.payment-button--cashapp{background:#0a9f43}.payment-label{margin:22px 0 10px;font-size:.82rem}.toast{position:fixed;z-index:120;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#111f31;box-shadow:var(--shadow);font-size:.86rem}@media(max-width:700px){.page-shell{width:min(100% - 20px,1080px)}.site-header{padding-left:12px;padding-right:12px}.section-divider--header{margin-top:4px}.stage{min-height:0;padding:30px 14px 34px}.section-divider--hero{margin-bottom:16px}.stage h1{font-size:clamp(2.65rem,13.2vw,4.35rem)}.dashboard-grid{grid-template-columns:1fr}.dash-card--wide{grid-column:auto}.about-strip{grid-template-columns:1fr;gap:14px}.footer-inner{width:calc(100% - 24px)}.amount-grid{grid-template-columns:repeat(2,1fr)}.player-actions{align-items:center}.brand{font-size:2.55rem}.status-pill{padding:7px 10px;font-size:.64rem}}@media(min-width:850px){.live-stage{max-width:900px;margin:auto}.stage:has(.live-stage:not([hidden])){padding:30px}}

@media(min-width:701px){.site-header{padding-top:calc(30px + env(safe-area-inset-top));padding-bottom:22px}.status-pill{font-size:.82rem;padding:9px 14px}}

/* v1.5 — final OFF AIR spacing pass */
.section-divider--header{margin-top:18px}
.stage{padding-top:28px;padding-bottom:26px}
.stage-description{margin-top:14px}
.section-divider--hero{margin-top:0;margin-bottom:30px}
.about-strip{margin-top:40px;padding:28px clamp(12px,4vw,36px) 24px;display:block;text-align:center}
.about-strip h2{margin-left:auto;margin-right:auto}
.about-strip p:last-child{margin:12px auto 0;max-width:920px}
.section-divider--about{margin-top:0}

@media(max-width:700px){
  .section-divider--header{margin-top:14px}
  .stage{padding-top:27px;padding-bottom:25px}
  .stage-description{margin-top:13px}
  .section-divider--hero{margin-bottom:28px}
  .about-strip{margin-top:38px;padding-top:26px;padding-bottom:23px}
  .about-strip p:last-child{margin-top:11px}
}

@media(min-width:701px){
  .stage-description{max-width:none;white-space:nowrap}
  .about-strip p:last-child{max-width:none;white-space:nowrap}
}

/* v1.6 — YouTube-first LIVE state */
body[data-mode="livestream"]{--brand-led-ring:#fb7185;--brand-led-glow:#ef4444;background:radial-gradient(circle at 50% -4%,rgba(127,29,29,.15),transparent 27rem),radial-gradient(circle at 18% -8%,rgba(37,99,235,.10),transparent 30rem),linear-gradient(180deg,#0b1019 0,var(--bg) 34rem)}
body[data-mode="livestream"] .brand-dot{border-color:#fb7185;box-shadow:0 0 3px rgba(255,255,255,.95),0 0 8px #fb7185,0 0 20px #ef4444,0 0 34px rgba(239,68,68,.42);animation:brand-live-breathe 2.15s ease-in-out infinite}
@keyframes brand-live-breathe{0%,100%{transform:scale(.92);box-shadow:0 0 3px rgba(255,255,255,.92),0 0 7px #fb7185,0 0 16px #ef4444,0 0 28px rgba(239,68,68,.32)}50%{transform:scale(1.08);box-shadow:0 0 4px #fff,0 0 10px #fb7185,0 0 25px #ef4444,0 0 46px rgba(239,68,68,.52)}}
body[data-mode="livestream"] .section-divider{background:linear-gradient(90deg,transparent,rgba(248,113,113,.34),transparent);box-shadow:0 0 14px rgba(239,68,68,.10)}
body[data-mode="livestream"] .stage{padding-top:26px;padding-bottom:25px}
.live-heading{text-align:center;margin:0 auto 20px}.live-heading .live-kicker{color:#fca5a5;margin-bottom:8px}.live-heading h1{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-style:normal;font-size:clamp(1.75rem,4.5vw,2.8rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}.live-heading p:last-child{margin:9px 0 0;color:#aebccd;line-height:1.55}.live-console{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(260px,.72fr);overflow:hidden;border:1px solid rgba(167,190,222,.18);border-radius:20px;background:#02050a;box-shadow:0 24px 62px rgba(0,0,0,.43)}.live-video{min-width:0}.live-console .player-shell{border:0;border-radius:0;aspect-ratio:16/9}.chat-shell{position:relative;min-width:0;border-left:1px solid var(--line);background:#080e17}.chat-shell iframe{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}.chat-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;padding:24px;color:var(--muted)}.chat-placeholder strong{color:#dbeafe}.chat-placeholder small{max-width:230px;line-height:1.5}.chat-mark{width:44px;height:44px;margin:auto;display:grid;place-items:center;border:1px solid rgba(248,113,113,.25);border-radius:50%;background:rgba(127,29,29,.18);color:#fca5a5;font-size:1.2rem}.live-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.live-action{width:100%;min-height:50px}.live-chat-action{display:none}.live-native{text-align:center;margin-top:12px}.live-native .text-link{color:#8fa6c3;font-size:.82rem}.live-native .text-link:hover{color:#c8d8eb}body[data-mode="livestream"] #upcoming{padding-top:0}body[data-mode="livestream"] .dashboard-grid{margin-top:0}body[data-mode="livestream"] .about-strip:before{background:linear-gradient(90deg,transparent,rgba(248,113,113,.28),transparent);box-shadow:0 0 14px rgba(239,68,68,.08)}
@media(max-width:820px){.live-console{display:block}.chat-shell{display:none}.live-actions{grid-template-columns:1fr 1fr}.live-chat-action{display:flex;grid-column:1/-1}.live-native{margin-top:10px}}
@media(max-width:520px){body[data-mode="livestream"] .stage{padding-left:4px;padding-right:4px}.live-heading{margin-bottom:16px;padding:0 8px}.live-heading h1{font-size:1.75rem}.live-heading p:last-child{font-size:.94rem}.live-console{border-radius:15px}.live-actions{grid-template-columns:1fr 1fr;gap:9px}.live-action{min-height:48px;padding-left:10px;padding-right:10px;font-size:.88rem}.live-chat-action{grid-column:1/-1}.live-native{margin-top:11px}}


/* v1.7 — centered brand status lockup */
:root{color-scheme:dark only}
.brand-dot{
  background:#fff!important;
  background-image:radial-gradient(circle at center,#fff 0 100%)!important;
  forced-color-adjust:none;
}
.header-inner{gap:10px}
.status-pill{display:none}
.brand-status{
  width:min(250px,62vw);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:11px;
  color:var(--muted);
  font-size:.70rem;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
}
.brand-status-line{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.26));
}
.brand-status-line:last-child{
  background:linear-gradient(90deg,rgba(148,163,184,.26),transparent);
}
.brand-status.is-live{color:#fca5a5}
.brand-status.is-live .brand-status-line:first-child{
  background:linear-gradient(90deg,transparent,rgba(248,113,113,.56));
  box-shadow:3px 0 12px rgba(239,68,68,.14);
}
.brand-status.is-live .brand-status-line:last-child{
  background:linear-gradient(90deg,rgba(248,113,113,.56),transparent);
  box-shadow:-3px 0 12px rgba(239,68,68,.14);
}
body[data-mode="livestream"] .brand-dot{
  background:#fff!important;
  background-image:radial-gradient(circle at center,#fff 0 100%)!important;
}
@media(max-width:700px){
  .brand-status{width:min(210px,62vw);gap:9px;font-size:.64rem}
}


/* v1.8 — Broadcast Graphite, Live-only palette and restrained controls.
   OFF AIR and IRL retain their existing color systems and layout. */

/* Consistent icon family (24px SVG viewport, 2px outline stroke). */
.ui-icon { display:block; width:24px; height:24px; flex:none; stroke-width:2; }
.dash-icon .ui-icon { width:24px; height:24px; }
.ui-icon--action { width:21px; height:21px; }
.ui-icon--link { width:19px; height:19px; }
/* Match our brand accent in Live mode while leaving the other landing states alone. */
body[data-mode="livestream"] {
  --bg:#101114;
  --surface:#202227;
  --surface-2:#25272c;
  --surface-3:#33363c;
  --text:#f3f3f4;
  --muted:#aeb0b7;
  --line:rgba(164,168,180,.25);
  --accent:#e0525b;
  --accent-strong:#fb7185;
  --accent-soft:rgba(224,82,91,.12);
  --live:#fb7185;
  background:radial-gradient(circle at 50% -4%,rgba(224,82,91,.13),transparent 28rem),linear-gradient(180deg,#141519 0%,#101114 34rem);
}
body[data-mode="livestream"] .header-glow--one { background:rgba(224,82,91,.11); }
body[data-mode="livestream"] .header-glow--two { background:rgba(175,83,96,.08); }
body[data-mode="livestream"] .stage:after { background:radial-gradient(ellipse,rgba(224,82,91,.055),transparent 70%); }
/* Match the LIVE label with the red halo around the white brand LED. */
body[data-mode="livestream"] .brand-status.is-live { color:#fb7185; }
body[data-mode="livestream"] .brand-status.is-live .brand-status-line:first-child {
  background:linear-gradient(90deg,transparent,rgba(251,113,133,.56));
  box-shadow:3px 0 12px rgba(239,68,68,.14);
}
body[data-mode="livestream"] .brand-status.is-live .brand-status-line:last-child {
  background:linear-gradient(90deg,rgba(251,113,133,.56),transparent);
  box-shadow:-3px 0 12px rgba(239,68,68,.14);
}
body[data-mode="livestream"] .section-divider {
  background:linear-gradient(90deg,transparent,rgba(224,82,91,.34),transparent);
  box-shadow:0 0 14px rgba(224,82,91,.12);
}
/* Header/status already has its own delicate flanking rules.
   Remove the rule immediately before NOW PLAYING, restore the separator
   between stream actions and dashboard cards, and remove the final footer rule. */
body[data-mode="livestream"] .section-divider--header,
body[data-mode="livestream"] .section-divider--about { display:none; }
body[data-mode="livestream"] .section-divider--hero { display:block; margin-bottom:27px; }
body[data-mode="livestream"] .stage { padding-bottom:34px; }
body[data-mode="livestream"] footer { border-top:0; }
body[data-mode="livestream"] .about-strip:before {
  background:linear-gradient(90deg,transparent,rgba(224,82,91,.30),transparent);
  box-shadow:0 0 14px rgba(224,82,91,.09);
}
body[data-mode="livestream"] .live-kicker,
body[data-mode="livestream"] .card-kicker,
body[data-mode="livestream"] .eyebrow { color:#e47786; }
body[data-mode="livestream"] .live-heading p:last-child { color:#aeb0b7; }
body[data-mode="livestream"] .live-console {
  border-color:rgba(164,168,180,.27);
  background:#08090b;
}
body[data-mode="livestream"] .chat-shell { background:#141519; }
body[data-mode="livestream"] .chat-placeholder strong,
body[data-mode="livestream"] .player-placeholder strong { color:#f3f3f4; }
body[data-mode="livestream"] .player-shell { background:#08090b; }
body[data-mode="livestream"] .play-mark {
  background:rgba(224,82,91,.13);
  color:#e47786;
}
body[data-mode="livestream"] .dash-card {
  background:linear-gradient(145deg,rgba(32,34,39,.97),rgba(23,24,28,.98));
  border-color:rgba(164,168,180,.24);
}
body[data-mode="livestream"] .dash-card:hover {
  border-color:rgba(224,82,91,.38);
  background:linear-gradient(145deg,rgba(43,43,49,.98),rgba(26,27,31,.98));
}
body[data-mode="livestream"] .dash-icon {
  color:#e47786;
  background:rgba(224,82,91,.11);
}
body[data-mode="livestream"] .card-arrow { color:#d6757d; }
body[data-mode="livestream"] .footer-mark { color:#aeb0b7; }
body[data-mode="livestream"] footer { color:#91939b; }
/* Dark, active-looking buttons. Equal prominence: neither one is a primary fill. */
body[data-mode="livestream"] .live-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:14px; }
body[data-mode="livestream"] .live-action {
  display:inline-flex;
  gap:9px;
  width:100%;
  min-width:0;
  min-height:52px;
  padding:10px 14px;
  border:1px solid #62646d;
  border-radius:13px;
  background:#292b30;
  box-shadow:none;
  color:#f3f3f4;
  font-size:1rem;
  font-weight:700;
  line-height:1.3;
  transition:background-color .14s ease,border-color .14s ease,transform .12s ease;
}
body[data-mode="livestream"] .live-action .ui-icon { color:#e47786; }
@media (hover:hover) {
  body[data-mode="livestream"] .live-action:hover {
    background:#323137;
    border-color:#88828a;
  }
}
body[data-mode="livestream"] .live-action:active {
  background:#493036;
  border-color:#e47786;
  transform:scale(.989);
}
/* Chrome/Android should not paint a rectangular tap flash over round controls. */
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible {
  outline:2px solid #fb7185;
  outline-offset:3px;
}
body[data-mode="livestream"] .live-action:focus-visible {
  outline:2px solid #fb7185;
  outline-offset:3px;
}
body[data-mode="livestream"] .live-native {
  text-align:center;
  margin-top:25px;
}
body[data-mode="livestream"] .live-native .live-youtube-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:38px;
  padding:4px 8px;
  border-radius:9px;
  color:#e5e6e9;
  font-size:1rem;
  font-weight:650;
  line-height:1.4;
  text-underline-offset:4px;
}
body[data-mode="livestream"] .live-native .live-youtube-link span { text-decoration:underline; text-decoration-color:rgba(229,230,233,.65); }
body[data-mode="livestream"] .live-native .live-youtube-link .ui-icon { color:#e47786; }
body[data-mode="livestream"] .live-native .live-youtube-link:hover { color:#fff; background:rgba(164,168,180,.08); }
body[data-mode="livestream"] .live-native .live-youtube-link:active { color:#fb7185; background:rgba(224,82,91,.10); }
/* Keep the Tips bottom sheet palette consistent (payment-provider colors are intentional). */
body[data-mode="livestream"] .bottom-sheet { background:#202227; border-color:rgba(164,168,180,.33); }
body[data-mode="livestream"] .sheet-backdrop { background:rgba(5,6,8,.76); }
body[data-mode="livestream"] .sheet-close,
body[data-mode="livestream"] .amount-grid button { background:#33363c; border-color:#62646d; }
body[data-mode="livestream"] .toast { background:#292b30; }
@media(max-width:520px) {
  body[data-mode="livestream"] .live-actions { gap:9px; }
  body[data-mode="livestream"] .live-action { min-height:48px; font-size:.95rem; padding:9px 10px; }
  body[data-mode="livestream"] .live-native { margin-top:24px; }
  body[data-mode="livestream"] .live-native .live-youtube-link { font-size:1rem; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-mode="livestream"] .live-action { transition:none; }
}

/* v1.9 — intentional heading break on mobile, unchanged desktop line. */
@media(max-width:520px){
  body[data-mode="livestream"] #liveTitle .live-title-first,
  body[data-mode="livestream"] #liveTitle .live-title-second{display:block;}
  body[data-mode="livestream"] #liveTitle .live-title-separator{display:none;}
  body[data-mode="livestream"] #liveTitle{line-height:1.11;}
}


/* v1.10 — final Live layout and mode-specific welcome. */
/* Live: four equal dashboard cards, with Upcoming occupying one cell. */
body[data-mode="livestream"] .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body[data-mode="livestream"] .dash-card--wide{grid-column:auto;min-height:164px;}
@media(max-width:700px){
  body[data-mode="livestream"] .dashboard-grid{grid-template-columns:1fr;}
}

/* Center button labels in the entire button, not in the icon+label pair. */
body[data-mode="livestream"] .live-action{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 24px;
  gap:0;
  align-items:center;
  justify-items:center;
}
body[data-mode="livestream"] .live-action .ui-icon{grid-column:1;}
body[data-mode="livestream"] .live-action span{grid-column:2;justify-self:stretch;text-align:center;}
body[data-mode="livestream"] .live-action::after{content:"";grid-column:3;width:24px;height:1px;}

/* A personal welcome with a readable measure, not edge-to-edge desktop text. */
body[data-mode="livestream"] .about-strip{
  display:block;
  text-align:center;
  margin-top:46px;
  padding:35px clamp(18px,5vw,60px) 34px;
}
body[data-mode="livestream"] .about-header{max-width:760px;margin:0 auto;}
body[data-mode="livestream"] .about-strip h2{
  max-width:760px;
  margin:0 auto;
  overflow-wrap:break-word;
}
body[data-mode="livestream"] .about-body{
  max-width:760px;
  margin:22px auto 0;
  text-align:left;
  color:#bfc0c7;
  font-size:clamp(.96rem,1.35vw,1.065rem);
  line-height:1.78;
  overflow-wrap:break-word;
}
body[data-mode="livestream"] .about-body p{
  max-width:100%;
  margin:0 0 16px;
  white-space:normal;
  color:inherit;
  line-height:inherit;
}
body[data-mode="livestream"] .about-body p:last-child{margin-bottom:0;}
body[data-mode="livestream"] .about-body .about-greeting{color:#f3f3f4;font-weight:700;}
body[data-mode="livestream"] .about-body .about-signoff{color:#f3f3f4;font-weight:600;}
@media(max-width:700px){
  body[data-mode="livestream"] .about-strip{margin-top:38px;padding:30px 18px 26px;}
  body[data-mode="livestream"] .about-body{margin-top:20px;font-size:.975rem;line-height:1.72;}
}


/* v1.12 — equal-size Upcoming card in 5-card desktop views. */
@media(min-width:701px){
  body:not([data-mode="livestream"]) #upcomingCard{
    grid-column:1/-1;
    justify-self:center;
    width:calc((100% - 14px)/2);
    min-height:164px;
  }
}

/* Logo LED now breathes in OFF AIR and LIVE GIG too; Live keeps its red glow. */
body:not([data-mode="livestream"]) .brand-dot{
  animation:brand-site-breathe 2.15s ease-in-out infinite;
}
@keyframes brand-site-breathe{
  0%,100%{transform:scale(.92);box-shadow:0 0 3px rgba(255,255,255,.92),0 0 7px #38bdf8,0 0 16px #3b82f6,0 0 28px rgba(59,130,246,.32)}
  50%{transform:scale(1.08);box-shadow:0 0 4px #fff,0 0 10px #38bdf8,0 0 25px #3b82f6,0 0 46px rgba(59,130,246,.52)}
}
@media(prefers-reduced-motion:reduce){
  .brand-dot,body[data-mode="livestream"] .brand-dot{animation:none;}
}


/* v1.13 — neutral first-paint loading screen; prevents OFF AIR -> LIVE flashes. */
body[data-mode="loading"] > .site-header,
body[data-mode="loading"] > .page-shell,
body[data-mode="loading"] > footer { visibility:hidden; }
.site-loader {
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:24px;
  background:radial-gradient(ellipse at 50% 42%,rgba(37,99,235,.12),transparent 50%),#050b14;
  opacity:1;
  transition:opacity .22s ease;
}
.site-loader[hidden]{display:none;}
.site-loader--done{opacity:0;pointer-events:none;}
.site-loader-inner{width:min(460px,100%);text-align:center;transform:translateY(-5%);}
.loader-brand{font-size:clamp(2.5rem,9vw,4.2rem);line-height:1;white-space:nowrap;}
.site-loader-label{
  margin:28px 0 17px;
  color:#a7b8cf;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.24em;
}
.site-loader-track{
  width:min(180px,52vw);
  height:2px;
  margin:0 auto;
  overflow:hidden;
  border-radius:20px;
  background:rgba(96,165,250,.13);
}
.site-loader-track span{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,#60a5fa,#a5d8ff);
  box-shadow:0 0 12px rgba(96,165,250,.35);
  animation:site-loading-travel 1.45s ease-in-out infinite;
}
@keyframes site-loading-travel{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(355%)}
}
.site-loader-nojs{margin-top:24px;color:#cbd5e1;font-size:.8rem;line-height:1.5;}
@media(prefers-reduced-motion:reduce){
  .site-loader{transition:none;}
  .site-loader-track span{animation:none;transform:translateX(70%);}
}