:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3f8;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%}body{background:radial-gradient(circle at 80% 0,#3dd6ad1f,#0000 35rem),#080b10;min-height:100vh;margin:0}main{width:min(1180px,100% - 32px);margin:0 auto;padding:52px 0}header{max-width:760px;margin-bottom:32px}.eyebrow{color:#49dcaf;letter-spacing:.16em;font:700 12px/1.4 ui-monospace,monospace}h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(32px,6vw,58px);line-height:1}.intro,.help,#details{color:#8d99a8}form{background:#0f141be6;border:1px solid #26303b;border-radius:16px;padding:22px}label span{margin-bottom:8px;font-size:13px;font-weight:700;display:block}input{width:100%;color:inherit;font:inherit;background:#090d12;border:1px solid #35414f;border-radius:9px;padding:11px 12px}input:focus{outline-offset:1px;outline:2px solid #49dcaf}.help{margin:8px 0 18px;font-size:12px}.settings{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.actions{gap:10px;margin-top:20px;display:flex}button{color:#06100d;cursor:pointer;background:#49dcaf;border:0;border-radius:9px;padding:11px 18px;font:750 14px/1 inherit}button.secondary{color:#dce4ec;background:#252e39}button:disabled{opacity:.45;cursor:default}.small{padding:8px 12px}.text-button{color:#9fb0c2;background:0 0;padding:7px 2px}.icon-button{color:#aab7c5;background:0 0;padding:8px 10px;font-size:18px}.icon-button.danger{color:#ff827c}.inline-actions,.account-actions{align-items:center;gap:10px;display:flex}.notice{background:#18222d;border-radius:9px;padding:11px 13px}.notice.error{color:#ff918b;background:#82222238}.loading-state{text-align:center;color:#8d99a8;padding:20vh 0}.account-panel,.device-panel{max-width:860px;margin:0 auto}.account-panel{padding-top:8vh}.account-panel .account-actions{margin:28px 0 12px}.recovery-form{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:16px;display:grid}.legacy-connect{color:#8d99a8;max-width:860px;margin:28px auto 0}.legacy-connect summary,.security-panel summary{cursor:pointer;font-weight:700}.legacy-connect form{margin-top:12px}.dashboard-title{justify-content:space-between;align-items:end;gap:24px;display:flex}.host-list{gap:10px;margin:26px 0 18px;display:grid}.host-card{background:#0f141be0;border:1px solid #26303b;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:15px 16px;display:grid}.presence{background:#566170;border-radius:50%;width:9px;height:9px}.presence.online{background:#49dcaf;box-shadow:0 0 14px #49dcaf99}.host-copy{gap:4px;min-width:0;display:grid}.host-copy strong{text-overflow:ellipsis;overflow:hidden}.host-copy span{color:#7f8b99;font-size:12px}.empty-state{color:#8995a3;text-align:center;border:1px dashed #35414f;border-radius:13px;padding:28px}.dashboard-settings{margin:18px 0}.pair-form{margin-top:18px}.pair-form h2{margin-top:0;font-size:18px}.pair-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.security-panel{color:#9aa7b5;border:1px solid #26303b;border-radius:13px;margin-top:18px;padding:16px 18px}.recovery-banner{background:#6b4d0f33;border:1px solid #98792d;border-radius:13px;gap:9px;max-width:860px;margin:0 auto 18px;padding:16px 18px;display:grid}.recovery-banner code{color:#ffe19a;overflow-wrap:anywhere;font-size:16px}.recovery-banner span{color:#baa879;font-size:12px}.viewer{aspect-ratio:16/9;background:#020304;border:1px solid #26303b;border-radius:16px;place-items:center;min-height:320px;margin-top:24px;display:grid;overflow:hidden}.viewer>*{grid-area:1/1}canvas{width:100%;height:auto;display:block}.telemetry{justify-content:space-between;gap:20px;padding:14px 2px;font-size:13px;display:flex}#status.error{color:#ff766f}.control-gate{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05090dc7;border-radius:14px;justify-items:center;gap:10px;padding:20px;display:grid}.control-gate span{color:#a9b4c0;font-size:12px}.remote-toolbar{display:none}.remote-cursor{z-index:2;clip-path:polygon(0 0,0 78%,24% 61%,42% 100%,57% 92%,40% 57%,78% 57%);filter:drop-shadow(1px 2px 1px #000000b3);pointer-events:none;background:#000;width:22px;height:30px;display:none;position:fixed;transform:translate(-2px,-2px)}.remote-cursor:after{content:"";clip-path:polygon(0 0,0 78%,24% 61%,42% 100%,57% 92%,40% 57%,78% 57%);background:#fff;position:absolute;inset:2px}body.remote-active{overscroll-behavior:none;background:#000;overflow:hidden}body.remote-active main{width:100%;height:100dvh;margin:0;padding:0}body.remote-active header,body.remote-active form,body.remote-active .account-panel,body.remote-active .device-panel,body.remote-active .legacy-connect,body.remote-active .recovery-banner,body.remote-active .loading-state,body.remote-active .telemetry{display:none}body.remote-active .viewer{aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100dvh;min-height:0;margin:0;position:fixed;inset:0}body.remote-active .remote-toolbar{z-index:4;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#c9d2dc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c11d1;border:1px solid #ffffff24;border-radius:10px;gap:8px;min-width:280px;padding:7px 8px;font-size:12px;transition:opacity .2s;display:grid;position:fixed}.remote-toolbar-main{align-items:center;gap:12px;display:flex}.remote-toolbar-main>#remote-status{flex:1}.performance-toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.performance-toggle input{accent-color:#49dcaf;width:14px;height:14px;margin:0}.performance-toggle span{margin:0;font-size:12px}.performance-stats{font-variant-numeric:tabular-nums;background:#00000047;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:8px;display:grid}.performance-stats div{justify-content:space-between;gap:8px;display:flex}.performance-stats dt{color:#8492a1}.performance-stats dd{color:#eef3f8;margin:0}.mobile-controls,.mobile-toolbar-handle{display:none}.remote-toolbar button.active{color:#effff9;background:#297e68}.remote-toolbar button{color:#eef3f8;background:#303a46;padding:7px 10px}.remote-toolbar .error{color:#ff766f}body.control-active:not(.touch-control-active) .remote-toolbar{opacity:.15;pointer-events:none}body.control-active:not(.touch-control-active) .remote-toolbar.show-performance{opacity:.85}body.control-active canvas{cursor:none}body.control-active .remote-cursor{display:block}body.touch-control-active canvas{touch-action:none}.diagnostics-page{width:min(1180px,100%);margin:0 auto;padding:50px 24px}.diagnostics-header{max-width:800px;margin-bottom:26px}.diagnostics-header h1{margin:8px 0 12px;font-size:clamp(30px,5vw,52px)}.diagnostics-header>p:not(.eyebrow){color:#9aa7b5;line-height:1.7}.diagnostics-warning{color:#d8c38e;background:#6b4d0f2e;border:1px solid #735f2b;border-radius:10px;margin-top:18px;padding:12px 14px;font-size:13px;line-height:1.6}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.diagnostic-card{background:#0d131a;border:1px solid #26303b;border-radius:13px;gap:10px;padding:15px;display:grid}.diagnostic-card button{text-align:left;width:100%}.diagnostic-card code{color:#8fa1b4;overflow-wrap:anywhere;font-size:12px}.diagnostic-result{color:#687788;overflow-wrap:anywhere;min-height:38px;margin:0;font-size:12px;line-height:1.55}.diagnostic-result.running{color:#89c8ff}.diagnostic-result.success{color:#77dfb5}.diagnostic-result.error{color:#ff8d87}.diagnostics-actions{align-items:center;gap:18px;margin-top:22px;display:flex}.diagnostics-actions a{color:#8cdac2}.diagnostics-unsupported{margin-bottom:18px}@media (max-width:640px){main{padding-top:30px}.settings{grid-template-columns:1fr}.telemetry{flex-direction:column;gap:6px}.dashboard-title{align-items:start}.host-card{grid-template-columns:auto minmax(0,1fr) auto}.host-card .icon-button{display:none}.pair-fields,.recovery-form{grid-template-columns:1fr}.account-actions{flex-direction:column;align-items:stretch}.diagnostics-page{padding:30px 16px}.diagnostics-grid{grid-template-columns:1fr}}@media (max-width:640px),(any-pointer:coarse){button{min-height:44px}body.remote-active .remote-toolbar{top:auto;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:auto;min-width:0;max-width:calc(100vw - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right)));overscroll-behavior:contain;opacity:.96;border-radius:14px;max-height:min(58dvh,460px);padding:8px;left:auto;overflow-y:auto}.remote-toolbar-main{display:none}.remote-toolbar-main>#remote-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performance-toggle{min-height:40px}.performance-toggle input{width:18px;height:18px}.mobile-controls{gap:8px;display:grid}.mobile-toolbar-handle{border-radius:9px;min-width:52px;min-height:44px;padding:7px 10px;display:block;background:#297e68f0!important}body.remote-active .remote-toolbar.mobile-toolbar-hidden{border-radius:10px;padding:3px}.mobile-quick-actions{gap:5px;display:flex}.mobile-quick-actions>button{min-width:48px;padding:7px}.touch-mode-switch{gap:3px;display:flex}.touch-mode-switch button{width:100%;min-width:58px;padding:7px 8px}.mobile-stop{background:#59363b!important}.mobile-panel{gap:7px;display:grid}.touch-help{color:#8795a4;text-align:center;margin:0;font-size:11px}.mobile-display-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mobile-display-actions button{padding:8px 4px;font-size:12px}.mobile-keyboard{gap:8px;display:grid}.mobile-keyboard input{min-height:44px;padding:9px 11px;font-size:16px}.virtual-key-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.virtual-key-grid.modifiers{grid-template-columns:repeat(4,1fr)}.virtual-key-grid button{min-width:0;padding:8px 4px}.control-gate{max-width:calc(100vw - 32px)}}@media (max-width:420px){.mobile-quick-actions>button{min-width:44px;padding-inline:4px}.touch-mode-switch button{min-width:52px;padding-inline:6px}}