:root{--navy-deep: #060b18;--navy: #0e182f;--navy-soft: #162545;--orange: #e8820e;--amber: #fbba41;--success: #2ed483;--cyan: #32b4e6;--danger: #f14a51;--surface: rgba(255, 255, 255, .055);--surface-hover: rgba(255, 255, 255, .095);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-2: rgba(255, 255, 255, .62);--text-3: rgba(255, 255, 255, .38);--radius: 14px;--font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--navy-deep);overflow:hidden}.aurora{position:fixed;inset:0;overflow:hidden;z-index:0}.aurora span{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:.4;animation:drift 26s ease-in-out infinite alternate}.aurora span:nth-child(1){background:var(--orange);top:-14vmax;left:-10vmax}.aurora span:nth-child(2){background:var(--cyan);bottom:-18vmax;right:-12vmax;animation-delay:-9s}.aurora span:nth-child(3){background:#5c4fe5;top:30%;left:45%;opacity:.28;animation-delay:-17s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vmax,4vmax,0) scale(1.15)}}@media(prefers-reduced-motion:reduce){.aurora span{animation:none}}.screen{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}#connect-screen{align-items:center;justify-content:center;padding:24px}.hidden{display:none!important}.card{width:min(420px,100%);padding:28px;display:flex;flex-direction:column;gap:16px;background:#0e182fb8;backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 24px 60px #00000073}.connect-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,420px);gap:20px;align-items:start;width:100%;max-width:780px}@media(max-width:760px){.connect-layout{grid-template-columns:minmax(0,420px);justify-content:center}#vault-panel{order:2}}.vault{padding:20px;gap:12px;max-height:78vh;overflow-y:auto}.vault-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vault-head h2{margin:0;font-size:16px}.badge{padding:3px 9px;font-size:11px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--stroke);border-radius:999px}.badge.open{color:var(--navy-deep);background:var(--success);border-color:transparent}#vault-unlock,.site-form{display:flex;flex-direction:column;gap:12px}.sites{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sites li{display:flex;align-items:center;gap:6px}.site{flex:1;min-width:0;padding:9px 11px;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius)}.site:hover{background:var(--surface-hover);border-color:var(--stroke-strong)}.site .company{display:block;font-size:13px;font-weight:600}.site .machine{display:block;font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{flex:none;width:30px;height:30px;font-size:13px;color:var(--text-2);background:var(--surface);border:1px solid var(--stroke)}.icon:hover{color:var(--text);background:var(--surface-hover)}.wide{width:100%;padding:9px;font-size:13px}.row{display:flex;gap:8px}.row button{padding:9px 13px;font-size:13px}.row .primary{flex:1}.danger-text{color:var(--danger)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}.brand .mark{width:48px;height:48px;flex:none}.brand h1{margin:0;font-size:24px;letter-spacing:-.02em}.tagline{margin:2px 0 0;font-size:13px;color:var(--text-2)}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3)}input,select{width:100%;padding:11px 13px;font:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);outline:none;transition:border-color .15s,background .15s}input:focus,select:focus{border-color:var(--orange);background:var(--surface-hover)}input::placeholder{color:var(--text-3)}#device-id,#code{font-variant-numeric:tabular-nums;letter-spacing:.14em}.advanced summary{cursor:pointer;font-size:13px;color:var(--text-2);padding:4px 0;user-select:none}.advanced summary:hover{color:var(--text)}.advanced[open]{display:flex;flex-direction:column;gap:12px}button{font:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;transition:filter .15s,background .15s,border-color .15s}button:disabled{opacity:.5;cursor:progress}.primary{padding:12px 16px;font-size:15px;color:var(--navy-deep);background:linear-gradient(135deg,var(--amber),var(--orange))}.primary:hover:not(:disabled){filter:brightness(1.08)}.status{margin:0;min-height:18px;font-size:13px;color:var(--text-2)}.status.error{color:var(--danger)}.toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#060b18db;backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;min-width:0}.toolbar-left strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:var(--text-3);white-space:nowrap}.dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--text-3);transition:background .2s,box-shadow .2s}.dot.live{background:var(--success);box-shadow:0 0 0 4px #2ed48329}.dot.warn{background:var(--amber);box-shadow:0 0 0 4px #fbba4129}.pill{padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--stroke);border-radius:999px;width:auto}span.pill{font-variant-numeric:tabular-nums}.ghost{padding:6px 11px;font-size:12px;color:var(--text-2);background:var(--surface);border-color:var(--stroke)}.ghost:hover{color:var(--text);background:var(--surface-hover)}.danger{padding:6px 14px;font-size:13px;color:#fff;background:var(--danger)}.danger:hover{filter:brightness(1.1)}.stage{position:relative;flex:1;min-height:0;background:#000}#remote{width:100%;height:100%;object-fit:contain;display:block;outline:none;cursor:crosshair}#remote:focus-visible{box-shadow:inset 0 0 0 2px var(--orange)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#060b18d1;backdrop-filter:blur(6px);font-size:14px;color:var(--text-2)}.spinner{width:34px;height:34px;border:3px solid var(--stroke-strong);border-top-color:var(--orange);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.banner{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:8px 16px;font-size:13px;color:var(--navy-deep);background:var(--amber);border-radius:999px;box-shadow:0 8px 24px #0006}