:root{--bg:#0c1218;--ink:#e8eef4;--muted:#8a9aab;--accent:#c45c26;--accent-2:#2f6f8f;--panel:#0c1218b8;--line:#e8eef424;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}.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}.error{color:#f0a0a0;margin:1rem 0 0}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.primary,.ghost,.banner button{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{animation:1.1s both fade;position:relative;overflow:hidden}.launch-visual img{object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%;height:100%;animation:18s ease-in-out infinite alternate drift;display:block;transform:scale(1.02)}.launch-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c12188c,#0000 35%);position:absolute;inset:0}.session{background:#000;grid-template-rows:auto 1fr;height:100vh;display:grid}.banner{border-bottom:1px solid var(--line);background:#101820;align-items:center;gap:1rem;padding:.55rem 1rem;font-size:.9rem;display:flex}.banner[data-status=reconnecting]{background:#3a2a12}.banner[data-status=error]{background:#3a1515}.banner strong{letter-spacing:.08em;font-family:Syne,sans-serif}.banner span{color:var(--muted);flex:1}.banner-actions{gap:.5rem;display:flex}.banner button{color:var(--ink);border-color:var(--line);background:#1c2833;padding:.4rem .8rem}.client-frame{background:#000;border:0;width:100%;height: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%)}}