:root{
  --bg:#061321;
  --bg2:#0a2746;
  --panel:#0d2239;
  --panel2:#102b48;
  --text:#f7fbff;
  --muted:#aebed0;
  --line:rgba(255,255,255,.12);
  --gold:#e8b94f;
  --gold2:#ffd878;
  --shadow:0 18px 60px rgba(0,0,0,.26);
  --radius:22px;
  --wrap:min(1540px,calc(100% - 72px));
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f7f8fa;
  --bg2:#ffffff;
  --panel:#ffffff;
  --panel2:#f3f6f9;
  --text:#082044;
  --muted:#66758a;
  --line:rgba(9,34,68,.12);
  --shadow:0 16px 40px rgba(19,43,76,.10);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:radial-gradient(circle at 88% 9%,rgba(232,185,79,.11),transparent 24%),linear-gradient(135deg,var(--bg),var(--bg2));
  color:var(--text);
  min-height:100vh;
  transition:background .2s,color .2s;
  overflow-x:hidden;
}
a{color:inherit}
.wrap{width:var(--wrap);margin-inline:auto}
.site-shell{padding-bottom:92px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:1.25rem;letter-spacing:-.03em}
.brand img{width:46px;height:46px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:8px}
.main-nav a,.theme-toggle{border:0;background:transparent;color:var(--text);text-decoration:none;padding:10px 13px;border-radius:999px;font-weight:750;cursor:pointer}
.main-nav a:hover,.theme-toggle:hover{background:var(--panel2)}
.main-nav .nav-live{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#081426;box-shadow:0 10px 30px rgba(232,185,79,.20)}
.theme-toggle{font-size:1rem}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:9px 12px;font-size:1.1rem}
.hero{display:grid;grid-template-columns:.92fr 1.48fr;gap:42px;align-items:center;padding:44px 0 18px}
.hero-copy{padding:28px 0 28px 4px}
.kicker{margin:0 0 10px;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.18em}
.hero h1{margin:0;max-width:650px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.05rem,2.7vw,2.5rem);line-height:1.08;letter-spacing:-.032em;text-wrap:balance}
.hero h1 span{color:var(--gold)}
.hero-lead{max-width:520px;margin:20px 0 24px;color:var(--muted);font-size:1.18rem;line-height:1.5}
.hero-points{display:flex;gap:22px;flex-wrap:wrap}
.hero-points>span{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;font-size:.9rem}
.hero-points small{grid-column:2;color:var(--muted)}
.broadcast-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px;min-width:0}
.now-grid{display:grid;grid-template-columns:1.45fr .72fr;gap:14px;align-items:start}
.now-main{display:grid;grid-template-columns:184px 1fr;gap:16px;background:color-mix(in srgb,var(--panel2) 84%,transparent);border:1px solid var(--line);border-radius:20px;padding:14px;align-content:start}
.now-art{width:184px;height:138px;object-fit:cover;border-radius:15px;background:var(--panel2)}
.now-copy{min-width:0}.live-label{margin:3px 0 7px;text-transform:uppercase;font-size:.76rem;letter-spacing:.06em;color:var(--gold2);font-weight:850}.live-label>span:first-child{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 14px rgba(255,77,77,.72)}
.now-copy h2{margin:0 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,2.3vw,2.8rem);line-height:1}.now-copy p{margin:5px 0}.muted{color:var(--muted)}
.primary-action,.secondary-action{border:0;border-radius:999px;min-height:52px;font-size:1rem;font-weight:850;cursor:pointer}.primary-action{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#091728}.secondary-action{background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.up-next{border:1px solid var(--line);border-radius:20px;padding:14px;background:color-mix(in srgb,var(--panel2) 78%,transparent)}
.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-row h3,.section-row h2{margin:0}.section-row a{color:var(--gold2);text-decoration:none;font-weight:800;font-size:.86rem}.up-next-list{display:grid;gap:8px;margin-top:12px}.up-item{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.up-item time{color:var(--muted);font-size:.84rem}.up-item b{display:block}.up-item small{color:var(--muted)}
.player-line{display:grid;grid-template-columns:auto auto 1fr auto auto 150px;gap:12px;align-items:center;margin-top:14px;padding:10px 2px 0}.round-play{width:46px;height:46px;border-radius:50%;border:2px solid var(--text);background:transparent;color:var(--text);font-size:1rem}.live-track,.sticky-track{height:7px;border-radius:999px;background:color-mix(in srgb,var(--text) 16%,transparent);overflow:hidden}.live-track span,.sticky-track span{display:block;width:24%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));animation:pulsebar 3s ease-in-out infinite alternate}@keyframes pulsebar{to{width:82%}}#volume{width:100%}
.station-strip{margin-top:20px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--panel) 74%,transparent)}.station-inner{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center;padding:15px 0}.station-inner h2,.station-inner p{margin:0}.station-inner h2{font-size:1.1rem}.station-inner p{color:var(--muted);font-size:.9rem}.station-chips{display:flex;gap:8px;flex-wrap:wrap}.station-chip{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 15px;border-radius:999px;font-weight:760;cursor:pointer}.station-chip.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#091728;border-color:transparent}
.content-section{padding:22px 0 10px}.section-headline{margin-bottom:10px}.section-headline h2{font-size:1.3rem}.section-headline p{margin:2px 0 0;color:var(--muted)}
.schedule-row{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px}.schedule-card{min-width:160px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px}.schedule-card.live{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 38%,transparent)}.schedule-card time{font-size:.8rem;color:var(--muted)}.schedule-card b{display:block;margin:4px 0}.schedule-card small{color:var(--muted)}
.program-grid{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.program-card{min-width:220px;display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:9px}.program-card img{width:86px;height:82px;object-fit:cover;border-radius:11px;background:var(--panel2)}.program-card b{display:block}.program-card small{display:block;color:var(--muted);margin-top:3px}
.lower-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:14px;padding:20px 0 6px}.app-card,.mission-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:18px}.app-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px}.app-card>img{width:58px;height:58px}.app-card h2,.app-card p,.mission-card h2,.mission-card p{margin:0}.app-card p,.mission-card p{color:var(--muted)}.store-links{display:flex;gap:8px;flex-wrap:wrap}.store-links a{background:#050505;color:white;text-decoration:none;border-radius:9px;padding:10px 14px;font-weight:800}.mission-card{background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--gold) 14%,var(--panel)))}.text-link{display:inline-block;margin-top:12px;color:var(--gold2);font-weight:850;text-decoration:none}
.footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;color:var(--muted);border-top:1px solid var(--line);margin-top:24px}.footer nav{display:flex;gap:14px}.footer a{text-decoration:none}
.sticky-player{position:fixed;z-index:50;left:0;right:0;bottom:0;height:74px;display:grid;grid-template-columns:48px minmax(180px,360px) 46px 1fr auto;gap:12px;align-items:center;padding:10px max(28px,calc((100vw - 1540px)/2));background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -12px 36px rgba(0,0,0,.14)}.sticky-player img{width:48px;height:48px;border-radius:8px;object-fit:cover}.sticky-copy{min-width:0}.sticky-copy b,.sticky-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-copy small{color:var(--muted)}.sticky-player button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:9px 13px;font-weight:800}
@media(max-width:1180px){
  :root{--wrap:min(100% - 36px,1100px)}
  .hero{grid-template-columns:1fr;padding-top:22px}
  .hero-copy{padding-bottom:0}
  .hero h1{font-size:clamp(2rem,4.4vw,2.5rem);line-height:1.07}
  .station-inner{grid-template-columns:1fr}
  .lower-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  :root{--wrap:calc(100% - 24px)}
  .topbar{height:70px}.main-nav{display:none;position:absolute;top:68px;left:12px;right:12px;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}
  .hero{gap:16px}.hero-copy{padding-top:10px}.hero-points{gap:12px}.now-grid{grid-template-columns:1fr}.now-main{grid-template-columns:96px 1fr}.now-art{width:96px;height:96px}.primary-action,.secondary-action{grid-column:1/-1}.player-line{grid-template-columns:auto auto 1fr auto}.player-line .volume-label,#volume{display:none}
  .schedule-row{grid-template-columns:repeat(6,190px)}.program-grid{grid-template-columns:repeat(5,240px)}
  .app-card{grid-template-columns:52px 1fr}.store-links{grid-column:1/-1}.footer{flex-direction:column}.sticky-player{grid-template-columns:42px 1fr 42px auto;padding:9px 12px;height:68px}.sticky-track{display:none}.sticky-player img{width:42px;height:42px}.site-shell{padding-bottom:78px}
}
@media(max-width:480px){
  .brand{font-size:1.08rem}.brand img{width:40px;height:40px}.hero h1{font-size:1.875rem;line-height:1.06;letter-spacing:-.03em}.hero h1 span{display:block}.hero-points{display:grid;grid-template-columns:1fr;gap:10px}.hero-copy,.broadcast-card,.now-main,.up-next{min-width:0;max-width:100%}.hero-lead{font-size:1rem}.broadcast-card{padding:10px;border-radius:20px}.now-main,.up-next{padding:11px}.station-chip{padding:8px 12px}.section-row.section-headline{align-items:flex-end}.section-row.section-headline p{font-size:.88rem}.section-row.section-headline>a{font-size:.78rem}
}