html.broadcast-theme {
  --broadcast-black: #030404;
  --broadcast-charcoal: #0c0f10;
  --broadcast-panel: #121719;
  --broadcast-panel-2: #1a2022;
  --broadcast-line: #334045;
  --broadcast-ink: #f7f8f2;
  --broadcast-muted: #8e9a9d;
  --broadcast-lime: #c8ff35;
  --broadcast-cyan: #4de6ff;
  --broadcast-pink: #ff39d6;
  --bg: var(--broadcast-black);
  --bg-elevated: var(--broadcast-charcoal);
  --surface: var(--broadcast-panel);
  --surface-2: var(--broadcast-panel-2);
  --ink: var(--broadcast-ink);
  --muted: var(--broadcast-muted);
  --line: rgba(200, 255, 53, .17);
  --accent: var(--broadcast-lime);
  --accent-strong: #dbff74;
  --accent-soft: #e8ffa8;
  --accent-text: var(--broadcast-lime);
  --accent-text-strong: var(--broadcast-cyan);
  --shadow: 0 28px 75px rgba(0, 0, 0, .42);
  --radius: 12px;
  --shell: min(1500px, calc(100vw - 40px));
  color-scheme: dark;
  overflow-x: hidden;
  background: var(--broadcast-black);
}

html.broadcast-theme[data-theme="light"] {
  --broadcast-black: #fff;
  --broadcast-charcoal: #edf3ee;
  --broadcast-panel: #f7faf7;
  --broadcast-panel-2: #e6eee8;
  --broadcast-line: #aebfb3;
  --broadcast-ink: #07130c;
  --broadcast-muted: #506057;
  --broadcast-lime: #267a45;
  --broadcast-cyan: #007b91;
  --broadcast-pink: #9a2c78;
  --bg: var(--broadcast-black);
  --bg-elevated: var(--broadcast-charcoal);
  --surface: var(--broadcast-panel);
  --surface-2: var(--broadcast-panel-2);
  --ink: var(--broadcast-ink);
  --muted: var(--broadcast-muted);
  --line: rgba(38, 122, 69, .24);
  --accent: var(--broadcast-lime);
  --accent-strong: #1c6335;
  --accent-soft: #d9eadf;
  --accent-text: var(--broadcast-lime);
  --accent-text-strong: var(--broadcast-cyan);
  --shadow: 0 24px 60px rgba(25, 48, 33, .14);
  color-scheme: light;
}

body.broadcast-site-mode {
  min-width: 0;
  overflow-x: hidden;
  background: var(--broadcast-black);
  color: var(--broadcast-ink);
}

body.broadcast-site-mode::before {
  background:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
    radial-gradient(circle at 76% 4%, rgba(77, 230, 255, .07), transparent 34%),
    radial-gradient(circle at 8% 48%, rgba(255, 57, 214, .045), transparent 28%);
  background-size: 42px 42px, 42px 42px, auto, auto;
}

html.broadcast-theme[data-theme="light"] body.broadcast-site-mode::before {
  background:
    linear-gradient(rgba(7, 19, 12, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 19, 12, .035) 1px, transparent 1px),
    radial-gradient(circle at 76% 4%, rgba(0, 123, 145, .08), transparent 34%),
    radial-gradient(circle at 8% 48%, rgba(154, 44, 120, .045), transparent 28%);
  background-size: 42px 42px, 42px 42px, auto, auto;
}

.broadcast-site-mode .site-main { position: relative; min-height: 72vh; overflow: visible; }
.broadcast-site-mode ::selection { background: var(--broadcast-lime); color: #071008; }
.broadcast-site-mode :focus-visible { outline: 2px solid var(--broadcast-cyan); outline-offset: 3px; }

.broadcast-network-bar {
  position: relative;
  z-index: 40;
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px max(20px, calc((100vw - 1320px) / 2));
  border-bottom: 1px solid rgba(200, 255, 53, .34);
  background: #080a0a;
  color: var(--broadcast-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .57rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.broadcast-network-bar strong { color: var(--broadcast-lime); }
.broadcast-network-bar span { margin-left: auto; }
.broadcast-network-bar i { width: 7px; height: 7px; border-radius: 50%; background: var(--broadcast-lime); box-shadow: 0 0 12px var(--broadcast-lime); animation: broadcast-site-pulse 1.4s ease-in-out infinite; }
.broadcast-network-bar em { color: var(--broadcast-ink); font-style: normal; }
html.broadcast-theme[data-theme="light"] .broadcast-network-bar { border-color: rgba(38, 122, 69, .34); background: #f3f7f4; }

.broadcast-site-mode .site-header {
  width: var(--shell);
  min-height: 88px;
  gap: 24px;
  border-bottom-color: var(--line);
}
.broadcast-site-mode .brand-avatar {
  width: 46px;
  border: 1px solid var(--broadcast-lime);
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--broadcast-lime) 12%, transparent), 0 0 20px color-mix(in srgb, var(--broadcast-lime) 9%, transparent);
}
.broadcast-site-mode .brand { font-size: 1rem; letter-spacing: .18em; }
.broadcast-site-mode .global-hit-counter {
  min-height: 32px;
  border-radius: 5px;
  border-color: var(--line);
  background: var(--broadcast-panel);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .54rem;
}
.broadcast-site-mode .site-nav { gap: 7px; }
.broadcast-site-mode .site-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--broadcast-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.broadcast-site-mode .site-nav a:hover { border-color: var(--line); color: var(--broadcast-cyan); }
.broadcast-site-mode .demo-nav-icon { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.broadcast-site-mode .icon-button { width: 40px; border-color: var(--line); background: var(--broadcast-panel); color: var(--broadcast-ink); }
.broadcast-site-mode .icon-button:hover { border-color: var(--broadcast-cyan); background: var(--broadcast-panel-2); transform: none; }

.broadcast-site-mode .page-hero {
  max-width: none;
  margin: 0 auto;
  padding: clamp(54px, 7vw, 92px) 0 clamp(34px, 4vw, 56px);
  border-bottom: 1px solid var(--line);
}
.broadcast-site-mode .page-hero::before {
  content: "BM // ARCHIVE SIGNAL";
  display: block;
  margin-bottom: 18px;
  color: var(--broadcast-lime);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .57rem;
  font-weight: 850;
  letter-spacing: .15em;
}
.broadcast-site-mode .page-hero h1,
.broadcast-site-mode .release-intro h1,
.broadcast-site-mode .song-content h1,
.broadcast-site-mode .error-page h1 {
  max-width: 100%;
  font-size: clamp(3rem, 5.2vw, 5.4rem);
  letter-spacing: -.065em;
  line-height: .88;
  overflow-wrap: anywhere;
}
.broadcast-site-mode .page-hero p { max-width: 700px; color: var(--broadcast-muted); font-size: clamp(.95rem, 1.25vw, 1.08rem); line-height: 1.7; }
.broadcast-site-mode .music-page-hero {
  display: grid;
  grid-template-columns: minmax(230px, .48fr) minmax(0, 1.52fr);
  grid-template-rows: auto auto;
  align-items: end;
  gap: 2px clamp(32px, 5vw, 76px);
  padding: 20px 0 18px;
}
.broadcast-site-mode .music-page-hero::before { content: none; }
.broadcast-site-mode .music-page-signals {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  color: var(--broadcast-lime);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .55rem;
  font-weight: 850;
  letter-spacing: .15em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.broadcast-site-mode .music-page-signals span + span { padding-left: 18px; border-left: 1px solid var(--line); }
.broadcast-site-mode .music-page-hero h1 { grid-column: 1; grid-row: 2; font-size: clamp(2.7rem, 4vw, 4rem); }
.broadcast-site-mode .music-page-hero p { grid-column: 2; grid-row: 1 / span 2; align-self: end; max-width: 680px; margin: 0 0 3px; line-height: 1.55; }
.broadcast-site-mode .section-tight.music-catalog-section { padding-top: 14px; }
.broadcast-site-mode .eyebrow {
  color: var(--broadcast-lime);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .58rem;
  letter-spacing: .16em;
}
.broadcast-site-mode .section { padding-block: clamp(64px, 8vw, 112px); }
.broadcast-site-mode .section-tight { padding-block: clamp(34px, 5vw, 70px); }
.broadcast-site-mode .section-tint {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, color-mix(in srgb, var(--broadcast-lime) 5%, transparent), transparent 38%), color-mix(in srgb, var(--broadcast-panel) 76%, transparent);
}
.broadcast-site-mode .section-heading { margin-bottom: 34px; }
.broadcast-site-mode .section-heading h2,
.broadcast-site-mode .listen-panel h2,
.broadcast-site-mode .article-share h2,
.broadcast-site-mode .watch-comments-card h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(2.2rem, 3.8vw, 4.2rem);
  font-weight: 950;
  letter-spacing: -.065em;
  line-height: .9;
  text-transform: uppercase;
}
.broadcast-site-mode .text-link { color: var(--broadcast-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .62rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }

.broadcast-site-mode .button {
  min-height: 42px;
  border-radius: 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.broadcast-site-mode .button-primary { border-color: var(--broadcast-lime); background: var(--broadcast-lime); color: #071008; }
.broadcast-site-mode .button-primary:hover { background: var(--accent-strong); }
.broadcast-site-mode .button-secondary,
.broadcast-site-mode .button-ghost { border-color: var(--line); background: var(--broadcast-panel); color: var(--broadcast-ink); }
.broadcast-site-mode .button-secondary:hover,
.broadcast-site-mode .button-ghost:hover { border-color: var(--broadcast-cyan); color: var(--broadcast-cyan); }

.broadcast-site-mode .filter-bar {
  padding: 16px;
  border-color: var(--broadcast-line);
  border-radius: 10px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
  box-shadow: var(--shadow);
}
.broadcast-site-mode .filter-bar label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .59rem; letter-spacing: .08em; text-transform: uppercase; }
.broadcast-site-mode input,
.broadcast-site-mode select,
.broadcast-site-mode textarea { border-color: var(--broadcast-line); border-radius: 5px; background: var(--broadcast-black); color: var(--broadcast-ink); }
.broadcast-site-mode .results-count { color: var(--broadcast-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }

.broadcast-site-mode .release-grid { gap: 38px 18px; }
.broadcast-site-mode .cover-link {
  border: 1px solid var(--broadcast-line);
  border-radius: 9px;
  background: var(--broadcast-panel);
  box-shadow: 9px 9px 0 color-mix(in srgb, var(--broadcast-lime) 24%, transparent);
}
.broadcast-site-mode .cover-link img { border-radius: 8px; }
.broadcast-site-mode .cover-arrow { background: var(--broadcast-charcoal); color: var(--broadcast-cyan); }
.broadcast-site-mode .card-meta { color: var(--broadcast-lime); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .56rem; letter-spacing: .12em; }
.broadcast-site-mode .release-card h3 { font-size: clamp(1.25rem, 1.7vw, 1.65rem); }
.broadcast-site-mode .release-card > p { color: var(--broadcast-muted); }

.broadcast-site-mode .release-page { align-items: start; padding: clamp(52px, 7vw, 92px) 0; }
.broadcast-site-mode .release-cover img,
.broadcast-site-mode .song-art-panel > img {
  border: 1px solid var(--broadcast-line);
  border-radius: 12px;
  box-shadow: 14px 14px 0 color-mix(in srgb, var(--broadcast-lime) 24%, transparent), var(--shadow);
}
.broadcast-site-mode .release-intro {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--broadcast-line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
  box-shadow: var(--shadow);
}
.broadcast-site-mode .release-date { padding-bottom: 18px; border-bottom: 1px solid var(--line); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.broadcast-site-mode .prose { color: var(--broadcast-ink); }
.broadcast-site-mode .prose h2,
.broadcast-site-mode .prose h3 { font-family: var(--display); letter-spacing: -.04em; }
.broadcast-site-mode .track-list {
  overflow: hidden;
  border: 1px solid var(--broadcast-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--broadcast-panel) 92%, transparent);
}
.broadcast-site-mode .track-list li { min-height: 76px; padding-inline: 18px; border-color: var(--line); transition: background .2s ease; }
.broadcast-site-mode .track-list li:first-child { border-top: 0; }
.broadcast-site-mode .track-list li:hover { background: color-mix(in srgb, var(--broadcast-lime) 7%, transparent); }
.broadcast-site-mode .track-number { color: var(--broadcast-lime); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.broadcast-site-mode .round-link { border-color: var(--line); background: var(--broadcast-charcoal); color: var(--broadcast-cyan); }

.broadcast-site-mode .release-listen-deck {
  display: grid;
  grid-template-columns: minmax(240px, .42fr) minmax(0, 1.58fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
  padding: 0 0 clamp(48px, 7vw, 92px);
}
.broadcast-site-mode .release-listen-copy {
  padding: 24px 0;
  border-top: 3px solid var(--broadcast-lime);
  border-bottom: 1px solid var(--broadcast-line);
}
.broadcast-site-mode .release-listen-copy h2,
.broadcast-site-mode .song-story-panel h2 {
  margin: 12px 0 18px;
  font-family: var(--display);
  font-size: clamp(2.4rem, 4vw, 4.8rem);
  font-weight: 950;
  letter-spacing: -.065em;
  line-height: .88;
  text-transform: uppercase;
}
.broadcast-site-mode .release-listen-copy > p { color: var(--broadcast-muted); line-height: 1.65; }
.broadcast-site-mode .release-direct-links { display: grid; gap: 9px; margin-top: 24px; }
.broadcast-site-mode .release-direct-links .button { width: 100%; justify-content: flex-start; }
.broadcast-site-mode .release-profile-links { margin-top: 28px; }
.broadcast-site-mode .release-profile-links > span {
  display: block;
  margin-bottom: 10px;
  color: var(--broadcast-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .56rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.broadcast-site-mode .release-profile-links > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.broadcast-site-mode .release-profile-links a {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--broadcast-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .55rem;
  font-weight: 800;
  text-transform: uppercase;
}
.broadcast-site-mode .release-profile-links a:hover { border-color: var(--broadcast-cyan); color: var(--broadcast-cyan); }
.broadcast-site-mode .release-profile-links a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.broadcast-site-mode .release-player-rig,
.broadcast-site-mode .song-broadcast-rig {
  overflow: hidden;
  padding: 12px;
  border: 1px solid var(--broadcast-line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
  box-shadow: var(--shadow);
}
.broadcast-site-mode .release-player-labels,
.broadcast-site-mode .song-broadcast-labels {
  min-height: 32px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 0 4px 10px;
  color: var(--broadcast-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.broadcast-site-mode .release-player-labels strong,
.broadcast-site-mode .song-broadcast-labels strong { color: var(--broadcast-lime); }
.broadcast-site-mode .release-player-labels strong i,
.broadcast-site-mode .song-broadcast-labels strong i { width: 7px; height: 7px; display: inline-block; margin-right: 7px; border-radius: 50%; background: var(--broadcast-lime); box-shadow: 0 0 12px var(--broadcast-lime); }
.broadcast-site-mode .release-player-labels span:last-child,
.broadcast-site-mode .song-broadcast-labels span:last-child { justify-self: end; }
.broadcast-site-mode .release-player-screen,
.broadcast-site-mode .song-broadcast-screen {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--broadcast-lime) 45%, var(--broadcast-line));
  border-radius: 9px;
  background: #000;
  box-shadow: inset 0 0 30px rgba(200, 255, 53, .06);
}
.broadcast-site-mode .release-player-screen iframe,
.broadcast-site-mode .song-broadcast-screen iframe { width: 100%; height: 450px; display: block; border: 0; }
.broadcast-site-mode .release-player-screen.is-youtube iframe,
.broadcast-site-mode .song-broadcast-screen.is-youtube iframe { height: auto; aspect-ratio: 16 / 9; }
.youtube-unmute-warning {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 9px 16px 9px 12px;
  border: 1px solid #ff7772;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff2d24, #d90700);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), 0 10px 34px rgba(0, 0, 0, .42), 0 0 28px rgba(255, 45, 36, .48);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  cursor: pointer;
  transform: translateX(-50%);
  backdrop-filter: blur(9px);
}
.youtube-unmute-warning[hidden] { display: none; }
.youtube-unmute-warning svg { width: 25px; height: 25px; flex: 0 0 auto; fill: #fff; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.youtube-unmute-warning span { display: grid; gap: 2px; text-align: left; }
.youtube-unmute-warning strong { color: #fff; font-size: .65rem; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
.youtube-unmute-warning small { color: #fff; font-size: .52rem; font-weight: 850; letter-spacing: .05em; line-height: 1; text-transform: uppercase; }
.youtube-unmute-warning:hover,
.youtube-unmute-warning:focus-visible { border-color: #fff; background: linear-gradient(135deg, #ff443c, #ef1008); box-shadow: 0 0 0 2px #fff, 0 0 32px rgba(255, 45, 36, .62); }
.broadcast-site-mode .release-player-readout,
.broadcast-site-mode .song-broadcast-readout {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 5px 4px;
}
.broadcast-site-mode .release-player-readout > span,
.broadcast-site-mode .song-broadcast-readout span { display: block; color: var(--broadcast-lime); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .54rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.broadcast-site-mode .release-player-readout strong,
.broadcast-site-mode .song-broadcast-readout strong { display: block; margin-top: 6px; font-size: 1rem; }
.broadcast-site-mode .release-player-readout small,
.broadcast-site-mode .song-broadcast-readout small { display: block; margin-top: 5px; color: var(--broadcast-muted); }
.broadcast-site-mode .song-broadcast-readout > a { color: var(--broadcast-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .62rem; font-weight: 850; text-transform: uppercase; white-space: nowrap; }

.broadcast-site-mode .song-page { padding: clamp(52px, 7vw, 92px) 0; }
.broadcast-site-mode .song-broadcast-page {
  display: grid;
  grid-template-columns: minmax(250px, .44fr) minmax(0, 1.56fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
  padding: clamp(34px, 4vw, 54px) 0 clamp(48px, 6vw, 82px);
}
.broadcast-site-mode .song-broadcast-copy { position: sticky; top: 24px; padding-top: 9px; }
.broadcast-site-mode .song-broadcast-kicker { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 28px; color: var(--broadcast-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .56rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.broadcast-site-mode .song-broadcast-kicker span:first-child { color: var(--broadcast-lime); }
.broadcast-site-mode .song-broadcast-copy h1 {
  margin: 12px 0 28px;
  font-family: var(--display);
  font-size: clamp(2.8rem, 3.8vw, 4.7rem);
  font-weight: 950;
  letter-spacing: -.07em;
  line-height: .84;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.broadcast-site-mode .song-broadcast-facts { display: grid; border-top: 1px solid var(--broadcast-line); }
.broadcast-site-mode .song-broadcast-facts > div { min-height: 43px; display: grid; grid-template-columns: 86px 1fr; align-items: center; border-bottom: 1px solid var(--broadcast-line); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .58rem; text-transform: uppercase; }
.broadcast-site-mode .song-broadcast-facts span { color: var(--broadcast-muted); }
.broadcast-site-mode .song-release-links { display: grid; gap: 7px; margin-top: 18px; }
.broadcast-site-mode .song-release-links a { color: var(--broadcast-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.broadcast-site-mode .song-play-links { display: grid; gap: 9px; margin-top: 24px; }
.broadcast-site-mode .song-play-links .button { width: 100%; justify-content: flex-start; }
.broadcast-site-mode .song-broadcast-screen.is-empty { min-height: 360px; position: relative; display: grid; place-items: center; }
.broadcast-site-mode .song-broadcast-screen.is-empty img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .42; }
.broadcast-site-mode .song-broadcast-screen.is-empty span { position: relative; z-index: 1; padding: 12px 16px; background: rgba(0,0,0,.74); color: #fff; }
.broadcast-site-mode .song-broadcast-rig .autoplay-status { margin: 8px 4px 0; color: var(--broadcast-muted); font-size: .7rem; }
.broadcast-site-mode .song-broadcast-details { display: grid; grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr); gap: clamp(28px, 5vw, 76px); align-items: start; padding: clamp(48px, 7vw, 96px) 0; border-top: 1px solid var(--broadcast-line); }
.broadcast-site-mode .song-detail-art {
  width: 100%;
  aspect-ratio: 1;
  align-self: start;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--broadcast-line);
  border-radius: 12px;
  background: #000;
  box-shadow: 12px 12px 0 color-mix(in srgb, var(--broadcast-lime) 20%, transparent), var(--shadow);
}
.broadcast-site-mode .song-detail-art img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.broadcast-site-mode .song-story-panel { padding: clamp(26px, 4vw, 48px); border: 1px solid var(--broadcast-line); border-radius: 12px; background: var(--broadcast-panel); }
.broadcast-site-mode .song-youtube-comments { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--broadcast-line); }
.broadcast-site-mode .song-youtube-comments > span { color: var(--broadcast-lime); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.broadcast-site-mode .song-youtube-comments p { color: var(--broadcast-muted); }
.broadcast-site-mode .song-content {
  padding: clamp(26px, 4vw, 48px);
  border: 1px solid var(--broadcast-line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
}
.broadcast-site-mode .song-facts { border-color: var(--line); color: var(--broadcast-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .62rem; text-transform: uppercase; }
.broadcast-site-mode .player-shell { border: 1px solid var(--broadcast-line); border-radius: 10px; background: #000; box-shadow: var(--shadow); }
.broadcast-site-mode .song-card {
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--broadcast-line);
  border-radius: 9px;
  background: var(--broadcast-panel);
}
.broadcast-site-mode .song-card-art { border: 1px solid var(--broadcast-line); border-radius: 6px; }

.broadcast-site-mode .video-grid { gap: 34px 20px; }
.broadcast-site-mode .video-card {
  padding: 12px;
  border: 1px solid var(--broadcast-line);
  border-radius: 12px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
  box-shadow: var(--shadow);
}
.broadcast-site-mode .video-card-thumb { border: 1px solid var(--broadcast-line); border-radius: 8px; background: #000; }
.broadcast-site-mode .video-card-copy { padding: 13px 4px 4px; }
.broadcast-site-mode .video-card h2 { font-family: var(--display); font-size: clamp(1.35rem, 2vw, 1.9rem); letter-spacing: -.035em; }
.broadcast-site-mode .video-duration { background: rgba(0, 0, 0, .76); color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.broadcast-site-mode .video-play { border-color: var(--broadcast-lime); background: color-mix(in srgb, var(--broadcast-black) 78%, transparent); color: var(--broadcast-lime); }

.broadcast-site-mode .watch-page { padding-top: 42px; }
.broadcast-site-mode .watch-player { border: 1px solid var(--broadcast-line); border-radius: 12px; box-shadow: 0 0 0 7px var(--broadcast-panel), var(--shadow); }
.broadcast-site-mode .watch-title { margin-top: 24px; color: var(--broadcast-ink); }
.broadcast-site-mode .watch-channel-avatar { border-color: var(--broadcast-lime); }
.broadcast-site-mode .watch-subscribe { border-radius: 4px; background: var(--broadcast-lime); color: #071008; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
.broadcast-site-mode .watch-description,
.broadcast-site-mode .watch-comments-card,
.broadcast-site-mode .watch-queue {
  border: 1px solid var(--broadcast-line);
  border-radius: 10px;
  background: var(--broadcast-panel);
}
.broadcast-site-mode .watch-next-thumb { border: 1px solid var(--broadcast-line); border-radius: 5px; background: #000; }
.broadcast-site-mode .watch-queue-heading { border-bottom: 1px solid var(--line); }

.broadcast-site-mode .post-grid { gap: 18px; }
.broadcast-site-mode .post-card {
  min-height: 300px;
  border-color: var(--broadcast-line);
  border-radius: 10px;
  background: linear-gradient(145deg, var(--broadcast-panel), var(--broadcast-charcoal));
  box-shadow: var(--shadow);
}
.broadcast-site-mode .post-card > a:first-child { border-radius: 9px 9px 0 0; }
.broadcast-site-mode .post-card > span { color: var(--broadcast-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.broadcast-site-mode .post-card h2,
.broadcast-site-mode .post-card h3 { text-transform: uppercase; }
.broadcast-site-mode .article-page { padding-top: clamp(44px, 6vw, 74px); }
.broadcast-site-mode .article-masthead { border-top: 3px solid var(--broadcast-lime); border-bottom-color: var(--broadcast-line); }
.broadcast-site-mode .article-page h1 { color: var(--broadcast-ink); font-family: var(--display); font-size: clamp(2.7rem, 4.3vw, 4.6rem); line-height: .92; text-transform: uppercase; }
.broadcast-site-mode .article-masthead-media img { border: 1px solid var(--broadcast-line); border-radius: 8px; }
.broadcast-site-mode .article-prose { border-top-color: var(--broadcast-lime); }
.broadcast-site-mode .article-share,
.broadcast-site-mode .media-share {
  padding: 26px;
  border: 1px solid var(--broadcast-line);
  border-radius: 10px;
  background: var(--broadcast-panel);
}
.broadcast-site-mode .article-share h2 { font-family: var(--display); }

.broadcast-site-mode .about-grid { padding-block: clamp(46px, 6vw, 82px); }
.broadcast-site-mode .about-image img,
.broadcast-site-mode .about-gallery figure img { border: 1px solid var(--broadcast-line); border-radius: 10px; box-shadow: var(--shadow); }
.broadcast-site-mode .about-copy {
  padding: clamp(26px, 4vw, 48px);
  border: 1px solid var(--broadcast-line);
  border-radius: 12px;
  background: var(--broadcast-panel);
}
.broadcast-site-mode .about-copy h2 { font-family: var(--display); font-size: clamp(1.8rem, 2.8vw, 3rem); line-height: .95; text-transform: uppercase; }
.broadcast-site-mode .about-gallery { gap: 14px; }

.broadcast-site-mode .empty-state {
  border-color: var(--broadcast-line);
  border-radius: 10px;
  background: var(--broadcast-panel);
}
.broadcast-site-mode .error-page { min-height: 68vh; }
.broadcast-site-mode .error-code { color: var(--broadcast-lime); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.broadcast-site-mode .site-footer {
  width: var(--shell);
  grid-template-columns: 1.2fr .7fr .9fr;
  gap: 34px;
  margin-top: clamp(44px, 7vw, 92px);
  padding: 46px 0 28px;
  border-top: 1px solid var(--broadcast-line);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.broadcast-site-mode .site-footer::before {
  content: "SIGNAL END // KEEP TRANSMITTING";
  grid-column: 1 / -1;
  color: var(--broadcast-lime);
  font-size: .56rem;
  font-weight: 850;
  letter-spacing: .14em;
}
.broadcast-site-mode .footer-listen-bar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 16px;
  border: 1px solid var(--broadcast-line);
  border-radius: 9px;
  background: linear-gradient(110deg, color-mix(in srgb, var(--broadcast-lime) 8%, var(--broadcast-panel)), var(--broadcast-panel));
}
.broadcast-site-mode .footer-listen-bar > div:first-child { min-width: 190px; }
.broadcast-site-mode .footer-listen-bar > div:first-child span { display: block; color: var(--broadcast-lime); font-size: .54rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.broadcast-site-mode .footer-listen-bar > div:first-child strong { display: block; margin-top: 6px; font-family: var(--display); font-size: 1rem; letter-spacing: .02em; text-transform: uppercase; }
.broadcast-site-mode .footer-stream-links { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; }
.broadcast-site-mode .footer-stream-links a { min-width: 0; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--broadcast-muted); font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.broadcast-site-mode .footer-stream-links a:hover { border-color: var(--broadcast-cyan); color: var(--broadcast-cyan); }
.broadcast-site-mode .footer-stream-links a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.broadcast-site-mode .site-footer .brand-mark { background: var(--broadcast-lime); color: #071008; }
.broadcast-site-mode .footer-links,
.broadcast-site-mode .social-links { font-size: .68rem; letter-spacing: .05em; text-transform: uppercase; }
.broadcast-site-mode .social-icon { border-color: var(--broadcast-line); color: var(--broadcast-cyan); }
.broadcast-site-mode .copyright { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid var(--line); }

html.broadcast-theme[data-theme="light"] .cover-link { box-shadow: 9px 9px 0 rgba(38, 122, 69, .18); }
html.broadcast-theme[data-theme="light"] .release-cover img,
html.broadcast-theme[data-theme="light"] .song-art-panel > img { box-shadow: 14px 14px 0 rgba(38, 122, 69, .18), var(--shadow); }

@keyframes broadcast-site-pulse { 50% { opacity: .42; box-shadow: 0 0 4px var(--broadcast-lime); } }

@media (max-width: 980px) {
  .broadcast-site-mode .site-header .site-nav { left: auto; right: 54px; transform: none; }
  .broadcast-site-mode .site-nav a { padding-inline: 8px; }
  .broadcast-site-mode .release-intro,
  .broadcast-site-mode .song-content { padding: 30px; }
  .broadcast-site-mode .watch-player { box-shadow: 0 0 0 5px var(--broadcast-panel), var(--shadow); }
  .broadcast-site-mode .release-listen-deck,
  .broadcast-site-mode .song-broadcast-page { grid-template-columns: 1fr; }
  .broadcast-site-mode .song-broadcast-copy { position: static; }
  .broadcast-site-mode .song-broadcast-details { grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); }
  .broadcast-site-mode .footer-listen-bar { grid-template-columns: 1fr; }
  .broadcast-site-mode .footer-stream-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  html.broadcast-theme { --shell: min(100% - 28px, 1500px); }
  .broadcast-network-bar { padding-inline: 14px; }
  .broadcast-network-bar span { display: none; }
  .broadcast-site-mode .site-header { min-height: 74px; }
  .broadcast-site-mode .brand-avatar { width: 38px; }
  .broadcast-site-mode .brand { font-size: .82rem; }
  .broadcast-site-mode .global-hit-counter { margin-left: auto; padding-inline: 8px; }
  .broadcast-site-mode .site-nav {
    top: 74px;
    left: 0 !important;
    right: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border-radius: 9px;
    background: var(--broadcast-charcoal);
    box-shadow: var(--shadow);
    transform: none !important;
  }
  .broadcast-site-mode .site-nav.is-open { display: grid; }
  .broadcast-site-mode .site-nav a { justify-content: center; min-height: 46px; border-color: var(--line); padding: 8px; }
  .broadcast-site-mode .page-hero { padding: 42px 0 30px; }
  .broadcast-site-mode .music-page-hero { display: block; padding: 20px 0 18px; }
  .broadcast-site-mode .music-page-hero h1 { margin-top: 2px; font-size: clamp(2.65rem, 13vw, 3.7rem); }
  .broadcast-site-mode .music-page-hero p { margin-top: 12px; font-size: .9rem; line-height: 1.5; }
  .broadcast-site-mode .section-tight.music-catalog-section { padding-top: 12px; }
  .broadcast-site-mode .page-hero::before { margin-bottom: 14px; }
  .broadcast-site-mode .page-hero h1,
  .broadcast-site-mode .release-intro h1,
  .broadcast-site-mode .song-content h1,
  .broadcast-site-mode .error-page h1 { font-size: clamp(2.7rem, 13vw, 4rem); }
  .broadcast-site-mode .release-intro h1 {
    font-size: clamp(2.2rem, 11vw, 3.2rem);
    overflow-wrap: normal;
    word-break: normal;
  }
  .broadcast-site-mode .section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .broadcast-site-mode .section-heading h2,
  .broadcast-site-mode .listen-panel h2,
  .broadcast-site-mode .article-share h2,
  .broadcast-site-mode .watch-comments-card h2 { font-size: clamp(2rem, 10vw, 3.2rem); }
  .broadcast-site-mode .release-grid { gap: 38px; }
  .broadcast-site-mode .release-page,
  .broadcast-site-mode .song-page { padding-top: 46px; }
  .broadcast-site-mode .release-listen-deck,
  .broadcast-site-mode .song-broadcast-page,
  .broadcast-site-mode .song-broadcast-details { grid-template-columns: 1fr; }
  .broadcast-site-mode .song-broadcast-page { padding-top: 28px; }
  .broadcast-site-mode .song-broadcast-copy h1 { font-size: clamp(2.35rem, 10.5vw, 3.4rem); overflow-wrap: normal; word-break: normal; }
  .broadcast-site-mode .release-player-labels,
  .broadcast-site-mode .song-broadcast-labels { grid-template-columns: 1fr auto; }
  .broadcast-site-mode .release-player-labels span:first-child,
  .broadcast-site-mode .song-broadcast-labels span:first-child { display: none; }
  .broadcast-site-mode .release-player-labels span:last-child,
  .broadcast-site-mode .song-broadcast-labels span:last-child { justify-self: end; }
  .broadcast-site-mode .release-player-screen iframe,
  .broadcast-site-mode .song-broadcast-screen iframe { height: 410px; }
  .broadcast-site-mode .release-player-readout,
  .broadcast-site-mode .song-broadcast-readout { align-items: flex-start; flex-direction: column; }
  .broadcast-site-mode .release-profile-links > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .broadcast-site-mode .song-detail-art { max-width: 440px; }
  .broadcast-site-mode .release-cover,
  .broadcast-site-mode .song-art-panel { padding-right: 10px; }
  .broadcast-site-mode .release-intro,
  .broadcast-site-mode .song-content { padding: 24px 20px; }
  .broadcast-site-mode .track-list { border-radius: 8px; }
  .broadcast-site-mode .track-list li { padding-inline: 12px; }
  .broadcast-site-mode .song-card { grid-template-columns: 68px minmax(0, 1fr) auto; gap: 12px; }
  .broadcast-site-mode .song-card-art img { width: 66px; height: 66px; }
  .broadcast-site-mode .video-card { padding: 8px; }
  .broadcast-site-mode .watch-page { padding-top: 20px; }
  .broadcast-site-mode .watch-player { box-shadow: 0 0 0 3px var(--broadcast-panel), var(--shadow); }
  .broadcast-site-mode .article-share,
  .broadcast-site-mode .media-share { padding: 20px; }
  .broadcast-site-mode .about-copy { padding: 24px 20px; }
  .broadcast-site-mode .site-footer { grid-template-columns: 1fr; gap: 24px; }
  .broadcast-site-mode .site-footer::before,
  .broadcast-site-mode .copyright { grid-column: auto; }
  .broadcast-site-mode .footer-listen-bar { grid-column: auto; }
  .broadcast-site-mode .footer-stream-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
  .broadcast-site-mode .global-hit-counter { display: none; }
  .broadcast-site-mode .site-header .header-actions { margin-left: auto; }
  .broadcast-site-mode .footer-stream-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .broadcast-network-bar i { animation: none; }
}