:root{--bg: #0a0a0f;--bg-elev: #15151d;--fg: #f5f5f7;--muted: #9aa0aa;--accent: #4f8cff;--accent-contrast: #ffffff;--border: rgba(255, 255, 255, .12);--brand-font: system-ui, sans-serif;--control-h: 56px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px}.brand__logo{font-size:22px;line-height:1;color:var(--accent)}.brand__name{font-family:var(--brand-font);font-size:21px;font-weight:700;letter-spacing:.01em}.brand__tag{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.brand__tag:hover{color:var(--fg)}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.vp{position:relative;width:min(480px,100% - 40px);margin:20px 0;border-radius:14px;box-shadow:0 6px 18px #00000024,0 24px 56px #00000047;aspect-ratio:16 / 9;background:#000;overflow:hidden;outline:none;-webkit-user-select:none;user-select:none}.vp:focus-visible{box-shadow:0 0 0 2px var(--accent)}.vp:fullscreen{border-radius:0;max-width:none;max-height:none;aspect-ratio:auto;height:100%}.vp:-webkit-full-screen{border-radius:0;max-width:none;max-height:none;aspect-ratio:auto;height:100%}.vp__video{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:pointer}.vp__status{position:absolute;top:16px;left:16px;z-index:3;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.vp__status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.vp__status[data-state=live] .vp__status-dot{background:#ff3b3b;animation:vp-pulse 1.6s infinite}.vp__status[data-state=connecting] .vp__status-dot,.vp__status[data-state=reconnecting] .vp__status-dot{background:#ffb020;animation:vp-blink 1s infinite}@keyframes vp-pulse{0%{box-shadow:0 0 #ff3b3b99}70%{box-shadow:0 0 0 8px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}@keyframes vp-blink{50%{opacity:.3}}.vp__bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:4;width:86px;height:86px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;background:#00000080;color:#fff;transition:background .15s ease,transform .1s ease}.vp__bigplay svg{width:40px;height:40px;fill:currentColor;margin-left:4px}.vp__bigplay:hover{background:var(--accent);color:var(--accent-contrast)}.vp__bigplay[hidden],.vp--poster .vp__status,.vp--poster .vp__controls,.vp--live .vp__status{display:none}.vp__controls{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;height:var(--control-h);padding:0 14px;background:linear-gradient(to top,#000000d9,#0000);transition:opacity .25s ease,transform .25s ease}.vp__spacer{flex:1}.vp__btn{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;background:transparent;color:#fff;transition:background .15s ease,transform .08s ease}.vp__btn svg{width:22px;height:22px;fill:currentColor}.vp__btn:hover{background:#ffffff29}.vp__btn:active{transform:scale(.92)}.vp__volume{-webkit-appearance:none;appearance:none;width:96px;height:4px;border-radius:2px;cursor:pointer;background:#ffffff4d}.vp__volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent)}.vp__volume::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent)}.vp--idle:not(.vp--paused){cursor:none}.vp--idle:not(.vp--paused) .vp__controls{opacity:0;transform:translateY(8px);pointer-events:none}@media (max-width: 600px){.vp__volume{width:64px}.topbar{padding:12px 14px}.brand__name{font-size:18px}}:root{--accent: #e23744;--accent-contrast: #ffffff;--brand-font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #f1f2f5;--fg: #16161a;--muted: #6b7280;--border: #e3e3e8;--dot: rgba(22, 22, 34, .05);--footer-bg: #ffffff}:root[data-theme=dark]{--bg: #0d0d12;--fg: #f3f4f7;--muted: #9aa0aa;--border: rgba(255, 255, 255, .12);--dot: rgba(255, 255, 255, .06);--footer-bg: #111119}body{background-color:var(--bg);background-image:radial-gradient(1100px 520px at 50% -60px,rgba(226,55,68,.1),transparent 62%),radial-gradient(var(--dot) 1px,transparent 1.6px);background-size:100% 100%,22px 22px;background-repeat:no-repeat,repeat;background-position:center top,center}.topbar{justify-content:center;padding:22px;border-bottom:none;background:radial-gradient(130% 220% at 50% -75%,rgba(255,255,255,.2),transparent 55%),linear-gradient(120deg,#1b0a12,#6e1322 48%,#e23744);box-shadow:0 12px 34px #6e10204d;position:relative;overflow:hidden;z-index:2}.brand{position:relative;z-index:1}.brand__name{color:#fff;font-size:18px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}.topbar:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-18deg);animation:header-shine 1.4s ease-in-out 3s both}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}@keyframes header-shine{0%{left:-60%}to{left:130%}}@media (prefers-reduced-motion: reduce){.topbar:before{animation:none}}.vp{box-shadow:0 12px 32px #00000038,0 0 54px #e2374442}.caption{margin:4px 0 0;text-align:center;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.caption__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:8px;vertical-align:middle}.caption.is-live .caption__dot{background:#ff3b3b;animation:vp-pulse 1.6s infinite}.caption__hint{margin:10px 0 0;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}.caption__reload{color:var(--accent);text-decoration:underline;cursor:pointer}.caption__reload:hover{opacity:.85}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;margin-top:100px;background:var(--footer-bg);border-top:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.footer__themes{display:flex;align-items:center;gap:10px}.footer__sep{opacity:.5}.footer__link{color:var(--muted);text-decoration:none;cursor:pointer}.footer__link:hover{color:var(--fg)}.footer__link.is-active{color:var(--accent)}