:root{--bg:#0c1218;--ink:#e8eef4;--muted:#8a9aab;--accent:#c45c26;--accent-2:#2f6f8f;--panel:#0c1218b8;--line:#e8eef424;--warn:#c9a227;--danger:#c45c5c;color:var(--ink);background:var(--bg);font-family:Barlow,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}button{font:inherit;cursor:pointer}kbd{border:1px solid var(--line);background:#161e27;border-radius:3px;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.boot.error{color:#f0a0a0;text-align:center;padding:2rem}.launch{background:radial-gradient(900px 500px at 0% 0%, #c45c2638, transparent 55%), radial-gradient(700px 400px at 100% 100%, #2f6f8f40, transparent 50%), var(--bg);grid-template-columns:minmax(18rem,28rem) 1fr;min-height:100vh;display:grid}@media (width<=860px){.launch{grid-template-columns:1fr}.launch-visual{order:-1;min-height:42vh}}.launch-panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:3rem 2.5rem;animation:.7s both rise;display:flex}.eyebrow{letter-spacing:.28em;color:var(--accent);margin:0;font-family:Syne,sans-serif;font-size:.78rem;font-weight:800}.launch-panel h1{letter-spacing:-.03em;margin:.35rem 0 0;font-family:Syne,sans-serif;font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:.95}.lede{color:var(--muted);max-width:28ch;margin:1.1rem 0 0;font-size:1.05rem}.who{color:var(--ink);margin:1.5rem 0 0;font-size:.95rem}.launch-checklist{gap:.55rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.launch-checklist li{color:var(--muted);align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.launch-checklist .check{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:2px;flex:none;width:.85rem;height:.85rem;margin-top:.25rem;box-shadow:0 0 0 1px #e8eef414}.error{color:#f0a0a0;margin:1rem 0 0}.error-block{background:#3a151573;border:1px solid #c45c5c59;margin-top:1rem;padding:.85rem 1rem}.error-block .error{margin:0}.error-hint{color:var(--muted);margin:.45rem 0 0;font-size:.85rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.primary,.ghost,.chrome-btn{border:1px solid #0000;border-radius:2px;padding:.7rem 1.15rem}.primary{background:var(--accent);color:#fff;letter-spacing:.02em;font-weight:700;transition:transform .2s,background .2s}.primary:hover:not(:disabled){background:#d96a30;transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:wait}.ghost{color:var(--ink);border-color:var(--line);background:0 0}.ghost:hover{border-color:var(--muted)}.launch-visual{place-items:end start;padding:2.5rem;animation:1.1s both fade;display:grid;position:relative;overflow:hidden}.launch-visual-gradient{background:linear-gradient(125deg,#0c121833,#0c1218d9),radial-gradient(circle at 70% 30%,#c45c2659,#0000 42%),radial-gradient(circle at 20% 80%,#2f6f8f66,#0000 45%),repeating-linear-gradient(-18deg,#0000,#0000 18px,#e8eef408 18px 19px);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:0}.launch-visual-copy{z-index:1;max-width:34ch;animation:.9s .15s both rise;position:relative}.visual-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700}.visual-title{letter-spacing:-.02em;margin:.55rem 0 0;font-family:Syne,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.1}.visual-body{color:var(--muted);margin:.75rem 0 0;font-size:1rem}.session{background:#000;grid-template-rows:auto 1fr;height:100vh;display:grid}.session-chrome{border-bottom:1px solid var(--line);z-index:5;background:#101820;align-items:center;gap:1rem;padding:.45rem .85rem;font-size:.88rem;display:flex}.session-chrome[data-status=reconnecting]{background:#3a2a12}.session-chrome[data-status=error]{background:#3a1515}.session-chrome[data-status=idle-warn]{background:#3a3218}.session-brand{align-items:center;gap:.65rem;min-width:9rem;display:flex}.session-mark{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:1px;width:.7rem;height:1.55rem}.session-brand-text{flex-direction:column;line-height:1.1;display:flex}.session-brand-text strong{letter-spacing:.08em;font-family:Syne,sans-serif;font-size:.92rem}.session-sub{color:var(--muted);font-size:.72rem}.session-meta{min-width:0;color:var(--muted);flex-wrap:wrap;flex:1;align-items:center;gap:.65rem;display:flex}.session-pill{border:1px solid var(--line);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:.15rem .5rem;font-size:.75rem}.session-pill[data-tone=connected]{color:#9ec9de;border-color:#2f6f8f8c}.session-pill[data-tone=reconnecting],.session-pill[data-tone=idle-warn]{color:#f0d78a;border-color:#c9a2278c}.session-pill[data-tone=error]{color:#f0a0a0;border-color:#c45c5c8c}.session-desktop{color:var(--ink);font-weight:600}.session-timer,.session-user{white-space:nowrap}.session-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.chrome-btn{color:var(--ink);border-color:var(--line);background:#1c2833;padding:.35rem .7rem;font-size:.82rem}.chrome-btn:hover{border-color:var(--muted)}.chrome-btn.ghost{background:0 0}.session-stage{background:#000;min-height:0;position:relative}.session-toast{color:#f5e6b8;z-index:4;background:#3a3218f0;border-bottom:1px solid #c9a22759;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .9rem;font-size:.88rem;display:flex;position:absolute;top:0;left:0;right:0}.client-frame{background:#000;border:0;width:100%;height:100%;display:block}.shortcuts-overlay{z-index:40;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.shortcuts-backdrop{cursor:pointer;background:#060a0eb8;border:0;position:absolute;inset:0}.shortcuts-panel{z-index:1;border:1px solid var(--line);background:#121a22;width:min(28rem,100%);padding:1.15rem 1.25rem 1.25rem;animation:.25s both rise;position:relative}.shortcuts-panel header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.shortcuts-panel h2{letter-spacing:.04em;margin:0;font-family:Syne,sans-serif;font-size:1.1rem}.shortcuts-panel ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.shortcuts-panel li{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.shortcuts-note{color:var(--muted);margin:1rem 0 0;font-size:.82rem}@media (width<=720px){.session-chrome{flex-wrap:wrap}.session-meta{order:3;width:100%}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.06)translate(-1.5%,-1%)}}