:root{color-scheme:dark;--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}#login-screen,#connect-screen{align-items:center;justify-content:center;padding:24px;overflow-y:auto}.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}.recents{display:flex;flex-direction:column;gap:8px}.recents-label{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3)}.recents-list{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:10px;overflow-x:auto}.recent-item{position:relative;flex:0 0 120px;display:flex;flex-direction:column;gap:5px}.recent-pick{display:block;width:100%;aspect-ratio:16 / 9;padding:0;overflow:hidden;background:var(--navy-soft);border:1px solid var(--stroke);border-radius:10px;cursor:pointer}.recent-pick:hover{border-color:var(--orange)}.recent-pick img{display:block;width:100%;height:100%;object-fit:cover}.recent-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;opacity:.6}.recent-name{width:100%;padding:3px 6px;font-size:12px;text-align:center;background:transparent;border:1px solid transparent;border-radius:6px}.recent-name:hover,.recent-name:focus{background:var(--surface);border-color:var(--stroke)}.recent-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;padding:0;line-height:1;color:var(--text);background:#060b18bf;border:0;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .12s}.recent-item:hover .recent-remove{opacity:1}.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;overflow:auto;display:flex}#cursor-btn.active{background:var(--accent, #e8820e);color:#0e182f}#remote{width:100%;height:100%;object-fit:contain;display:block;outline:none;cursor:default}#remote.zoomed{width:auto;height:auto;margin:auto;flex:none}#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}.connect-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.connect-head h2{margin:0;font-size:18px}.linkish{padding:4px 0;font-size:13px;font-weight:500;color:var(--text-2);background:none;border:none;text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--amber)}#setup-fields{display:flex;flex-direction:column;gap:12px}.warn-text{color:var(--amber);line-height:1.45}body.scrollable{overflow:auto}.downloads{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:56px 24px 40px}.brand.center{justify-content:center;margin-bottom:22px}.lead{max-width:560px;margin:0 auto 34px;text-align:center;font-size:16px;line-height:1.55;color:var(--text-2)}.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.platform{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 20px;text-align:center;background:#0e182fb8;backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--stroke);border-radius:20px}.platform.recommended{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 18px 44px #e8820e29}.platform.soon{opacity:.55}.os-icon{width:40px;height:40px;fill:var(--text);opacity:.9}.platform h3{margin:0;font-size:18px}.requirement{margin:0;font-size:12px;color:var(--text-3)}.download{margin-top:6px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;color:var(--navy-deep);background:linear-gradient(135deg,var(--amber),var(--orange));border-radius:var(--radius)}.download:hover{filter:brightness(1.08)}.platform .meta{margin:0;font-size:11px;color:var(--text-3);line-height:1.5}.steps{margin-top:46px;padding:26px 28px;background:var(--surface);border:1px solid var(--stroke);border-radius:20px}.steps h2{margin:0 0 14px;font-size:17px}.steps ol{margin:0;padding-left:20px;color:var(--text-2);line-height:1.75}.steps strong{color:var(--text)}.fineprint{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--text-3)}.foot{margin-top:34px;display:flex;justify-content:center;gap:10px;font-size:13px;color:var(--text-3)}.foot a{color:var(--text-2)}.remember{display:flex;align-items:center;gap:9px;font-size:13px;color:#ffffffb8;cursor:pointer;user-select:none}.remember input{width:15px;height:15px;accent-color:var(--orange);cursor:pointer}