:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070810;color:#f7f7fb}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0%,#382067 0,transparent 32rem),radial-gradient(circle at 90% 25%,#132d63 0,transparent 30rem),#070810}button{font:inherit}.shell{width:min(1400px,calc(100% - 32px));margin:auto;padding:40px 0 64px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow,.meta-label{margin:0 0 5px;color:#9295a8;font-size:.72rem;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(1.6rem,4vw,2.7rem)}.live-badge{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ff4664;border-radius:999px;background:#ff224b24;color:#ff6680;font-size:.82rem;font-weight:900;letter-spacing:.1em}.live-badge span{width:9px;height:9px;border-radius:50%;background:#ff3154;box-shadow:0 0 16px #ff3154;animation:pulse 1.5s infinite}.player-card{overflow:hidden;border:1px solid #ffffff1a;border-radius:20px;background:#0f101de6;box-shadow:0 28px 80px #00000073}.player-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#030307}video{display:block;width:100%;height:100%;object-fit:contain;background:#030307}.state-panel{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;background:linear-gradient(#04050ce0,#080912f5);text-align:center}.state-panel h2{margin:18px 0 6px}.state-panel p{max-width:470px;margin:0;color:#a9abbb}.state-panel button,.fullscreen{margin-top:18px;padding:10px 15px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff17;color:white;cursor:pointer}.spinner{width:34px;height:34px;border:3px solid #ffffff29;border-top-color:#9b65ff;border-radius:50%;animation:spin .8s linear infinite}.fullscreen{position:absolute;right:14px;bottom:58px;margin:0;background:#05060ccc;backdrop-filter:blur(10px)}.stream-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff14}.stream-meta>div{padding:18px 22px;background:#10111d}.stream-meta strong{display:block;font-size:1.05rem}.hint{color:#85889a;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media(max-width:650px){.shell{width:min(100% - 18px,1400px);padding-top:22px}.player-card{border-radius:13px}.stream-meta>div{padding:14px 12px}.meta-label{font-size:.62rem}.fullscreen{right:8px;bottom:48px}}