:root{--bg0: #0c1118;--bg1: #131b26;--bg2: #1a2533;--line: #2a3a4d;--text: #e8eef6;--muted: #8fa3b8;--accent: #3dd6c6;--accent-dim: #2a9e92;--warn: #f0b429;--danger: #e85d5d;--ok: #5dce7a;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a3a45 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1e2a4a 0%,transparent 50%),var(--bg0);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:8px;padding:.55rem .9rem}button.primary{background:linear-gradient(180deg,var(--accent),var(--accent-dim));border-color:transparent;color:#04201c;font-weight:600}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;background:var(--bg0);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.6rem .75rem}label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted)}.card{background:color-mix(in srgb,var(--bg1) 88%,transparent);border:1px solid var(--line);border-radius:14px;padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stack{display:grid;gap:.85rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;border:1px solid var(--line)}.badge.online{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.badge.offline{color:var(--muted)}.shell{max-width:1100px;margin:0 auto;padding:1.5rem}.brand{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.brand span{color:var(--accent)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(420px,100%)}.device-list{display:grid;gap:.75rem}.device-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg1)}.session-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-height:100dvh;background:#000;display:grid;grid-template-rows:auto minmax(0,1fr);z-index:20;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.session-toolbar{display:flex;gap:.45rem;flex-wrap:nowrap;align-items:center;padding:.4rem .55rem;background:color-mix(in srgb,var(--bg1) 92%,transparent);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:0;flex-shrink:0}.session-toolbar>*{flex:0 0 auto}.session-toolbar .session-title{white-space:nowrap}.video-stage{position:relative;min-height:0;min-width:0;overflow:hidden;background:#050505;width:100%;height:100%}.video-stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.video-stage.cad-locked,.video-stage.controlling{cursor:none}.local-cursor{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f4f7fb;border-radius:50%;box-shadow:0 0 0 1px #0000008c;pointer-events:none;z-index:6;display:none;will-change:transform}@media(hover:none)and (pointer:coarse){.local-cursor{display:none!important}}.local-cursor:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#f4f7fb}.session-hint{position:absolute;left:12px;bottom:12px;padding:8px 12px;border-radius:8px;background:#0c1118d9;border:1px solid #2a3a4d;color:#8fa3b8;font-size:.85rem;pointer-events:none;max-width:min(90%,28rem);z-index:4}.telemetry-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:.75rem;flex-wrap:nowrap;padding:.35rem .65rem;font-family:var(--mono);font-size:.7rem;color:var(--muted);background:linear-gradient(transparent,#000000b8);border:none;overflow-x:auto;pointer-events:none;z-index:5}.telemetry-bar>*{flex:0 0 auto;white-space:nowrap}.telemetry-bar button{pointer-events:auto}.touch-scroll-rail,.touch-bar{display:none}.touch-ime{position:absolute;opacity:.01;width:1px;height:1px;left:8px;bottom:4.2rem;border:0;padding:0;z-index:8;caret-color:transparent;color:transparent;background:transparent}@media(max-width:900px),(hover:none)and (pointer:coarse){.session-toolbar{padding:.35rem .45rem}.hide-sm{display:none!important}.session-hint{font-size:.75rem;bottom:3.6rem;left:8px;padding:6px 10px}.touch-bar{display:flex;gap:.4rem;position:absolute;left:0;right:0;bottom:1.6rem;z-index:7;padding:.35rem .5rem;justify-content:center;flex-wrap:wrap;pointer-events:auto;background:linear-gradient(transparent,#0000008c)}.touch-scroll-rail{display:flex;flex-direction:column;position:absolute;right:6px;top:18%;bottom:28%;z-index:8;width:2.6rem;gap:.35rem;pointer-events:auto}.touch-scroll-rail button{flex:1;min-height:3rem;font-size:1rem;padding:.35rem;border-radius:10px;background:#0c1118b8;border:1px solid #2a3a4d}.touch-bar button{min-width:3.2rem;padding:.45rem .55rem;font-size:.8rem}.touch-keys-panel{display:flex;flex-direction:column;gap:.35rem;position:absolute;left:0;right:0;bottom:4.4rem;z-index:8;padding:.4rem .45rem;max-height:42vh;overflow-y:auto;background:#080c12eb;border-top:1px solid #2a3a4d;pointer-events:auto}.touch-keys-row{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:center}.touch-keys-row button,.touch-keys-arrows button{min-width:2.2rem;padding:.4rem .45rem;font-size:.75rem}.touch-keys-arrows{display:grid;grid-template-columns:repeat(3,2.6rem);gap:.28rem;justify-content:center;margin:.15rem auto}.telemetry-bar{font-size:.65rem}}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500}.error{color:var(--danger);font-size:.9rem}