:root{color-scheme:dark;--bg:#10151a;--card:#192128;--line:#303d46;--ink:#eef3f4;--muted:#a6b5bf;--accent:#a0e2ca;--error:#ffb4aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent)}h1{font-size:25px;font-weight:600;margin:4px 0}h2{font-size:19px;margin:0}nav{display:flex;gap:20px}a{color:var(--accent);text-underline-offset:4px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.stage{position:relative;min-height:220px;background:#080c0f;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:20px}video,img#live{display:block;width:100%;max-height:65vh;object-fit:contain;min-height:180px}video:not([srcObject]){background:#080c0f}#empty,#viewer-empty{position:absolute;text-align:center;color:var(--muted);padding:25px}#record-indicator{position:absolute;top:12px;left:12px;background:#8d2525;padding:5px 12px;border-radius:6px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}input,select,button{font:inherit;border-radius:9px;min-height:46px}input,select{background:#10171d;color:var(--ink);border:1px solid var(--line);padding:10px;width:100%}button{border:0;background:var(--accent);color:#112b22;padding:10px 20px;font-weight:650;cursor:pointer;white-space:nowrap}button.secondary{background:#29363f;color:var(--ink);border:1px solid #41525f}button:disabled{opacity:.4;cursor:default}.row{display:flex;align-items:center;gap:12px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}.capture-row{margin-top:16px;flex-wrap:wrap}.capture-row label{margin:0}.capture-row select{min-width:90px}.hint,.muted,footer{color:var(--muted);font-size:13px}.hint{margin-bottom:6px}.error{color:var(--error);font-size:14px}.status-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 20px}.status-bar strong{font-size:14px}.status-bar span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#6b737b}.dot.online{background:var(--accent);box-shadow:0 0 0 4px #a0e2ca15}.capture{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.capture:first-child{border-top:0}.capture strong{font-size:14px;font-weight:550}.capture small{display:block;color:var(--muted);font-size:12px}.capture a{align-self:center;font-size:13px}footer{padding-top:0}#pairing{max-width:540px;margin:40px auto}#pair-code{letter-spacing:.2em}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:16px}header{align-items:flex-start}h1{font-size:20px}nav{flex-direction:column;gap:8px;font-size:12px;white-space:nowrap}.card{padding:16px}.section-title{align-items:flex-start;flex-direction:column}.controls{grid-template-columns:1fr 1fr}.controls label:last-child{grid-column:1 / -1}.row{flex-wrap:wrap}#pair-form .row{flex-wrap:nowrap}.stage{min-height:200px}.status-bar span:last-child{width:100%;margin-left:18px}.capture-row label{flex:1}button{padding:10px 16px}.capture{grid-template-columns:1fr auto}}