:root{
--bg1:#0b0710; --bg2:#1a0f22;
--grad1:#ff2f5e; --grad2:#ff6ea1;
--chip-bg:rgba(0,0,0,.35); --chip-bd:rgba(255,255,255,.18);
--glassA:rgba(255,255,255,.08); --glassB:rgba(255,255,255,.05);
--txt:#ffffff;
}
*{box-sizing:border-box}html,body{height:100%}
html{scroll-behavior:smooth}
body{
margin:0;color:var(--txt);
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;
background:
radial-gradient(60% 60% at 70% 20%,color-mix(in oklab, var(--grad2) 22%, transparent),transparent 60%),
radial-gradient(60% 60% at 20% 80%,color-mix(in oklab, var(--grad1) 18%, transparent),transparent 60%),
linear-gradient(180deg,var(--bg1),var(--bg2));
overflow-x:hidden;
}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:10px;top:10px;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff;z-index:11;border-radius:8px}
.live-badge{position:fixed;top:14px;right:14px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--chip-bg);backdrop-filter:blur(8px) saturate(120%);
border:1px solid var(--chip-bd);box-shadow:0 0 30px rgba(255,47,125,.35),0 0 70px rgba(142,95,255,.25);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dot{width:10px;height:10px;border-radius:50%;background:#ff3b6a;box-shadow:0 0 18px rgba(255,59,106,.9);animation:pD 1s ease-in-out infinite}
@keyframes pD{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}

.eq-bg{position:fixed;inset:0;display:grid;grid-template-columns:repeat(56,1fr);align-items:end;gap:6px;padding:14vh 4vw 8vh;pointer-events:none;opacity:.14;mix-blend-mode:screen;z-index:0}
.bar{height:22%;background:linear-gradient(180deg,var(--grad1),var(--grad2));border-radius:999px;filter:blur(.4px);box-shadow:0 8px 24px color-mix(in oklab, var(--grad2) 25%, transparent);transform-origin:50% 100%;animation:p 1.6s ease-in-out infinite}
.bar:nth-child(4n){animation-duration:1.7s}.bar:nth-child(4n+1){animation-duration:1.3s}.bar:nth-child(4n+2){animation-duration:2.1s}.bar:nth-child(4n+3){animation-duration:1.45s}
@keyframes p{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}

.hero{position:relative;z-index:2;text-align:center;padding:12vh 4vw 4vh}
.logo{font-family:Cinzel,serif;font-weight:800;letter-spacing:.08em;font-size:clamp(36px, 8vw, 76px);line-height:1.05;
background:linear-gradient(90deg,#fff,var(--grad2),var(--grad1),#fff);background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;color:transparent;animation:s 8s linear infinite;text-shadow:0 0 18px rgba(255,255,255,.16)}
@keyframes s{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.tag{font-weight:300;letter-spacing:.22em;text-transform:uppercase;opacity:.92;margin-top:6px}

.container.onecol{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:0 4vw 12vh;max-width:900px;margin:0 auto}
.panel.glass{border-radius:24px;padding:22px;backdrop-filter:blur(14px) saturate(120%);background:linear-gradient(180deg,var(--glassA),var(--glassB));border:1px solid rgba(255,255,255,.16);box-shadow:0 0 30px rgba(255,47,125,.18),0 0 70px rgba(142,95,255,.12)}
.hline{margin:0 0 12px 0;font-size:16px;letter-spacing:.12em;text-transform:uppercase;opacity:.92}
.embed-wrap{border-radius:18px;overflow:hidden}

.player.only .player-embed iframe{
display:block;width:100%;
height: clamp(220px, 40vw, 340px);
border:0;
}

.note{opacity:.85;margin-top:8px}.small{font-size:12px}
.foot{position:relative;z-index:2;text-align:center;padding:16px 4vw 26px;opacity:.85}

.theme-btn{position:fixed;top:14px;left:14px;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--chip-bg);
border:1px solid var(--chip-bd);backdrop-filter:blur(8px) saturate(120%);cursor:pointer;font-weight:600}
.theme-btn small{opacity:.85;letter-spacing:.06em;text-transform:uppercase}