:root{color-scheme:dark;--bg: #0b0d10;--bg-elev: #141820;--fg: #eef1f4;--muted: #8a93a0;--accent: #4ade80;--warn: #f59e0b;--err: #ef4444;--border: #242a34;--radius: 10px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 10px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-feature-settings:"cv11","ss01"}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--accent);color:#0b0d10;border:none;border-radius:var(--radius);padding:.6rem 1rem;font-weight:600;cursor:pointer;font-size:.95rem;transition:filter .12s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}button.ghost.danger{color:var(--err);border-color:#ef444466}input[type=email],input[type=password],input[type=text]{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem;font-size:.95rem;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--err)}label.field{display:flex;flex-direction:column;gap:.35rem}label .label{font-weight:600;font-size:.9rem}label .hint{color:var(--muted);font-weight:400}.error-text{color:var(--err);font-size:.85rem}code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;white-space:pre-wrap;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;overflow-x:auto}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem}.row.gap{align-items:flex-start}.row-split{display:flex;justify-content:space-between;gap:.5rem}.grow{flex:1}.self-end{align-self:flex-end}.error{background:#ef44441a;color:var(--err);padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:440px;width:100%;box-shadow:var(--shadow-card)}.card h1,.card h2{margin:0}.shell{max-width:960px;margin:0 auto;padding:1.25rem}.topbar{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.brand{font-weight:700;font-size:1.1rem;color:var(--fg);letter-spacing:-.01em}.nav-link{color:var(--muted);font-size:.9rem;padding:.3rem .6rem;border-radius:6px}.nav-link:hover{color:var(--fg);background:var(--bg-elev);text-decoration:none}.spacer{flex:1}.shell .card{max-width:none}.device-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.device-list li{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px}.device-name{color:var(--fg);font-weight:600}.device-name:hover{color:var(--accent);text-decoration:none}.claim-code{margin-top:.5rem;padding:1.25rem;background:var(--bg);border:1px dashed var(--accent);border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:.6rem}.claim-code .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.9rem;font-weight:700;letter-spacing:.18em;color:var(--accent);-webkit-user-select:all;user-select:all}.claim-code details{text-align:left}.claim-code summary{cursor:pointer;color:var(--muted);font-size:.85rem;margin-bottom:.5rem}.stream{display:flex;flex-direction:column;gap:1rem;height:100vh;padding:1rem}.stream>header{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.stream>header .ghost{padding:.35rem .6rem;font-size:.85rem;text-decoration:none}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:#1f232a;color:var(--muted);font-weight:600;letter-spacing:.02em}.badge.state-live{background:#4ade8026;color:var(--accent)}.badge.state-error,.badge.state-disconnected{background:#ef444426;color:var(--err)}.badge.state-connecting,.badge.state-negotiating,.badge.state-waiting-for-device{background:#f59e0b26;color:var(--warn)}.detail{color:var(--muted)}.rtt{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.stage{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}.stage video{width:100%;height:100%;object-fit:contain}.focus{display:flex;flex-direction:column;gap:.5rem}.focus label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.focus .value{font-variant-numeric:tabular-nums;color:var(--muted)}.focus .value .pending{color:var(--warn)}.focus input[type=range]{width:100%;accent-color:var(--accent)}.scale{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}