:root{--bg:#050912;--panel:#0b1322;--panel-2:#0e192b;--border:#1d3150;--text:#f3f7ff;--muted:#92a8c4;--accent:#4aa8ff;--danger:#ff6c7b}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-height:100vh}button,input,video{font:inherit}.muted{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:12px;font-weight:800}.landing-shell,.player-shell{min-height:100vh;padding:32px}.landing-shell{place-items:center;display:grid}.landing-card{border:1px solid var(--border);background:var(--panel);border-radius:22px;width:min(760px,100%);padding:36px}.landing-card h1,.player-heading h1{margin:10px 0}.landing-note{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:14px;margin-top:24px;padding:16px}.player-shell{place-items:center;display:grid}.player-panel{width:min(1280px,100%)}.player-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.player-heading h1{font-size:clamp(24px,3vw,42px)}.status-pill{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;flex:none;padding:10px 14px;font-size:13px}.video-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 24px 70px #00000059}.video-frame video{background:#000;width:100%;height:100%;display:block}.player-error{color:var(--danger);background:#ff6c7b14;border:1px solid #ff6c7b73;border-radius:14px;flex-direction:column;gap:8px;margin-top:16px;padding:16px;display:flex}.player-meta{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin-top:16px;font-size:12px;display:flex}@media (max-width:720px){.landing-shell,.player-shell{padding:18px}.landing-card{padding:24px}.player-heading{flex-direction:column;align-items:flex-start}.status-pill{align-self:flex-start}}