:root {
  color-scheme:dark;
  --bg:#0c0e12;
  --panel:#12161d;
  --card:#1a1f27;
  --elevated:#242b35;
  --text:#f4f6f9;
  --muted:#a5b2c2;
  --accent:#67c5fa;
  --accent-hover:#8ad5ff;
  --border:#29303a;
  --danger:#ffacac;
  --button-hover:#303a47;
  --nav-active:#182733;
  --player-bg:#12161df5;
  --hero-border:#2d3f50;
  --hero-bg:linear-gradient(110deg,#162633,#15202d 55%,#18243a);
  --hero-caption:#9db2c7;
  --card-hover-border:#43505e;
  --art-bg:linear-gradient(140deg,#263440,#19232e);
  --card-art-bg:linear-gradient(130deg,#253642,#1c2932 65%,#30404b);
  --art-border:#ffffff08;
  --art-color:#81a3bb;
  --brand-icon-filter:brightness(0) invert(1);
  --country-code-bg:#1d303e;
  --dialog-backdrop:#000a;
  --toast-shadow:0 10px 40px #0006;
  --offline-bg:#33271b;
  --offline-text:#f3d4ab;
  --meter-track:#2b3b48;
  --meter-high:#f2ce83;
  --meter-hot:#ff9b8b;
  --analog-face:transparent;
  --analog-ink:var(--text);
  --analog-red:#ff657a;
  --rainbow-saturation:85%;
  --rainbow-lightness:65%;
  --scene-blue:#67c5fa20;
  --scene-purple:#b78cff1c;
  --scene-warm:#ffb46b18;
  --scene-mint:#7bd9bc18;
  --scene-line:#67c5fa0d;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --radius:1rem;
  --radius-small:.65rem;
  --header:76px;
  --sidebar:220px;
  --player:92px;
  --nav:64px;
  --content:1360px;
  --transition:180ms;
  --page-reveal-duration:250ms;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
:root[data-theme="light"] {
  color-scheme:light;
  --bg:#f8fafc;
  --panel:#f1f5f9;
  --card:#ffffff;
  --elevated:#e2e9f1;
  --text:#17212e;
  --muted:#536375;
  --accent:#116a9c;
  --accent-hover:#0c5a87;
  --border:#cbd5e1;
  --danger:#a62335;
  --button-hover:#d4dfeb;
  --nav-active:#e0eef8;
  --player-bg:#f1f5f9f5;
  --hero-border:#bfd6e8;
  --hero-bg:linear-gradient(110deg,#e4f1fa,#edf4fc 55%,#e5eaf8);
  --hero-caption:#53677f;
  --card-hover-border:#879bb1;
  --art-bg:linear-gradient(140deg,#e0eaf3,#edf3f8);
  --card-art-bg:linear-gradient(130deg,#e0eaf3,#edf3f8 65%,#d6e4f0);
  --art-border:#cbd5e1;
  --art-color:#446b88;
  --brand-icon-filter:none;
  --country-code-bg:#e0eef8;
  --dialog-backdrop:#17212e88;
  --toast-shadow:0 10px 40px #17212e1a;
  --offline-bg:#fff0d9;
  --offline-text:#77430e;
  --meter-track:#cfdeea;
  --meter-high:#976000;
  --meter-hot:#b63a36;
  --analog-red:#b7283b;
  --rainbow-lightness:42%;
  --scene-blue:#2388c51b;
  --scene-purple:#8755c41a;
  --scene-warm:#d980301b;
  --scene-mint:#26967a18;
  --scene-line:#116a9c12;
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:.9375rem;
  line-height:1.5
}
button,input,select {
  font:inherit
}
button,a,input,select {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:disabled {
  cursor:default;
  opacity:.4
}
a {
  color:inherit;
  text-decoration:none
}
button {
  color:inherit
}
img {
  max-width:100%;
  object-fit:cover
}
h1,h2,h3,p {
  margin:0
}
h1 {
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1.1;
  letter-spacing:-.055em;
  font-weight:750
}
h2 {
  font-size:1.4rem;
  letter-spacing:-.035em
}
h3 {
  font-size:1rem
}
p {
  color:var(--muted)
}
svg {
  width:1.25rem;
  height:1.25rem;
  flex-shrink:0;
  vertical-align:middle
}
button,a {
  transition:background var(--transition),color var(--transition),border-color var(--transition)
}
:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:4px
}
input,select {
  min-width:0;
  background:var(--panel);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:var(--radius-small);
  padding:.75rem
}
input[type=range] {
  padding:0;
  accent-color:var(--accent)
}
html [hidden] {
  display:none
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.skip-link {
  position:fixed;
  left:1rem;
  top:-100px;
  z-index:100;
  background:var(--accent);
  color:var(--bg);
  padding:1rem
}
.skip-link:focus {
  top:1rem
}
.eyebrow {
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--accent)
}
.muted {
  color:var(--muted)
}
.live-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--accent);
  border-radius:50%;
  margin-right:.5rem
}
.reduced-motion * {
  transition:none;
  scroll-behavior:auto
}
@media(prefers-reduced-motion:reduce) {
  * {
    transition:none;
    scroll-behavior:auto
  }
}