:root{color-scheme:dark;--bg: #07111f;--bg-accent: #10243c;--panel: rgba(7, 17, 31, .72);--panel-border: rgba(161, 193, 255, .14);--text: #eef4ff;--muted: #b2c2db;--accent: #79e0c7;--accent-strong: #b8ff6a;--danger: #ff6b7b}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Satoshi,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(121,224,199,.14),transparent 30%),radial-gradient(circle at right,rgba(184,255,106,.12),transparent 22%),linear-gradient(180deg,var(--bg-accent),var(--bg))}button,input{font:inherit}a{color:inherit}.shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 5rem}.hero{padding:1rem 0 2.5rem}.eyebrow{margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}h1,h2,h3,p{margin:0}h1{max-width:11ch;font-size:clamp(3rem,9vw,6rem);line-height:.94}h2{font-size:1.4rem}h3{font-size:1rem}.lede{max-width:44rem;margin-top:1.5rem;color:var(--muted);font-size:1.08rem;line-height:1.6}.player-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:1rem;align-items:start}.panel{border:1px solid var(--panel-border);border-radius:1.4rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel{padding:1.35rem}.panel-copy{display:grid;gap:.45rem}.panel-copy p,.notes p{color:var(--muted);line-height:1.55}.config-form{display:grid;gap:.95rem;margin-top:1.4rem}.config-form label{display:grid;gap:.45rem}.config-form span{font-size:.92rem;color:var(--muted)}.config-form input{width:100%;min-height:3rem;padding:.8rem .95rem;color:var(--text);border:1px solid rgba(161,193,255,.18);border-radius:.9rem;background:#ffffff0a}.config-form input::placeholder{color:#b2c2dba6}.form-actions{display:flex;gap:.75rem;margin-top:.35rem}.form-actions button{min-height:2.9rem;padding:.8rem 1.15rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.form-actions button:hover{transform:translateY(-1px)}.primary{color:#04111a;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.ghost{color:var(--text);border-color:var(--panel-border);background:#ffffff0a}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem}.status-card{display:grid;gap:.3rem;padding:.95rem;border:1px solid rgba(255,107,123,.25);border-radius:1rem;background:#ff6b7b14}.status-card.ok{border-color:#79e0c740;background:#79e0c714}.status-card strong{font-size:.95rem}.status-card span{color:var(--muted);font-size:.92rem}.notes{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(161,193,255,.12)}.stage-panel{padding:1.2rem}.stage-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.stage-label,.stage-meta{color:var(--muted);font-size:.92rem}.stage-meta{padding-top:.2rem}.player-frame{overflow:hidden;border:1px solid rgba(161,193,255,.12);border-radius:1.2rem;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#02080fe6;min-height:320px}.player-frame :global(video-moq){display:block;width:100%}.empty-state{min-height:320px;display:grid;place-items:center;gap:.55rem;padding:2rem;text-align:center}.empty-state p{font-size:1.05rem}.empty-state span{max-width:32rem;color:var(--muted);line-height:1.55}.connection-summary{display:grid;gap:.85rem;margin-top:1rem}.connection-summary div{display:grid;gap:.25rem;padding:.9rem 1rem;border:1px solid rgba(161,193,255,.12);border-radius:1rem;background:#ffffff08}.connection-summary dt{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.connection-summary dd{margin:0;overflow-wrap:anywhere;line-height:1.45}@media(max-width:900px){.player-layout{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(100% - 1.25rem,1200px);padding-top:2rem}h1{max-width:none}.status-grid{grid-template-columns:1fr}.stage-header,.form-actions{flex-direction:column}}