:root{--night: #0b1020;--surface: #151b30;--surface-raised: #1d2540;--line: #2a3350;--text: #eef1f8;--text-muted: #8a93ae;--amber: #f3b25b;--mint: #7ed9b8;--alarm: #e8806f;--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;margin:0 0 .4rem}h1{font-size:clamp(1.9rem,6vw,2.6rem)}h2{font-size:1.3rem}p{margin:0 0 1rem;color:var(--text-muted)}.shell{max-width:560px;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) 1.25rem 4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.35rem}input[type=text],input[type=password],select{width:100%;padding:.85rem .9rem;background:var(--night);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button{font:inherit;font-weight:600;border-radius:10px;border:1px solid transparent;padding:.85rem 1.1rem;cursor:pointer;transition:filter .15s ease}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--amber);color:#17130a;width:100%}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-danger{background:transparent;border-color:var(--alarm);color:var(--alarm)}.stack>*+*{margin-top:1rem}.row{display:flex;gap:.6rem}.row>*{flex:1}.hint{font-size:.85rem;color:var(--text-muted)}.error{font-size:.9rem;color:var(--alarm)}meter{display:block;width:100%;height:1rem}video{width:100%;border-radius:var(--radius);background:#000;display:block;aspect-ratio:4 / 3;object-fit:cover}.status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.status.alert{color:var(--amber);font-weight:600}.dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex:none}.dot.live{background:var(--mint);animation:breathe 2.6s ease-in-out infinite}.dot.waiting{background:var(--amber)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.dimmed{filter:brightness(.35)}.live{display:flex;flex-direction:column;gap:1rem}.media{position:relative}.fullscreen{position:absolute;right:.6rem;bottom:.6rem;display:grid;place-items:center;padding:.5rem;border:0;border-radius:10px;background:#0b1020a6;color:var(--text);cursor:pointer}video:fullscreen{object-fit:contain;border-radius:0}@media (orientation: landscape) and (min-width: 640px){.shell:has(.live){max-width:1100px}.live{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);align-items:start;gap:1.5rem}.media{position:sticky;top:1rem}.live video{max-height:calc(100dvh - 2rem)}}