:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f3f7f5;background:#07100d;font-synthesis:none;--acid: #caff38;--mint: #5de1ad;--ink: #07100d;--panel: #0b1713;--line: rgba(218, 241, 229, .13);--muted: #82968d}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}code{color:var(--acid);font-family:Cascadia Mono,Consolas,monospace}body{background:radial-gradient(circle at 78% 12%,rgba(66,205,151,.12),transparent 30rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--ink);background-size:auto,34px 34px,34px 34px,auto}main{width:min(1380px,100%);margin:0 auto;padding:0 42px 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:600 13px Cascadia Mono,Consolas,monospace;letter-spacing:.16em}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;color:var(--ink);background:var(--acid);font-size:15px;letter-spacing:-.1em;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.nav-status{display:flex;align-items:center;gap:9px;color:#91a79d;font:500 10px Cascadia Mono,Consolas,monospace;letter-spacing:.1em}.status-light{width:7px;height:7px;border-radius:50%;background:#6b7e76}.nav-status.connected .status-light{background:var(--mint);box-shadow:0 0 0 4px #5de1ad1a,0 0 14px #5de1ad80}.hero{min-height:470px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:1px solid var(--line)}.kicker{display:flex;align-items:center;gap:16px;color:var(--acid);font:500 10px Cascadia Mono,Consolas,monospace;letter-spacing:.18em}.kicker i{width:52px;height:1px;background:var(--acid)}h1{margin:26px 0 28px;font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-.065em;font-weight:900}.lede{max-width:610px;margin:0;color:#99aaa3;font-size:14px;line-height:1.95}.link-graphic{display:flex;align-items:center;justify-content:center}.cloud-node,.car-node{width:126px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 20px Cascadia Mono,Consolas,monospace}.cloud-node{color:#b9d0c6;border:1px solid #345147;border-radius:50%;background:#0b1713b3}.car-node{color:var(--ink);background:var(--acid);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}.cloud-node small,.car-node small{margin-top:7px;font-size:8px;letter-spacing:.18em}.link-line{position:relative;width:100px;height:1px;background:linear-gradient(90deg,#345147,var(--acid))}.link-line:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}.connection-panel,.control-console{padding:54px 0 62px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-index{margin:0 0 8px;color:var(--acid);font:500 9px Cascadia Mono,Consolas,monospace;letter-spacing:.16em}.section-heading h2{margin:0;font-size:27px;letter-spacing:-.04em}.setup-link{padding:7px 0;color:#baccc4;border:0;border-bottom:1px solid #52635c;background:none;cursor:pointer;font-size:12px}.connect-form{padding:26px;border:1px solid var(--line);background:#0a1813c2}.connect-form label{display:block;margin-bottom:10px;color:#82968d;font-size:11px}.address-row{display:grid;grid-template-columns:1fr 150px;gap:10px}.address-row input{min-width:0;height:52px;padding:0 15px;color:#f2faf6;border:1px solid #344c42;outline:0;background:#07110f;font:500 14px Cascadia Mono,Consolas,monospace}.address-row input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #caff3814}.address-row button{border:0;color:var(--ink);background:var(--acid);font-weight:800;cursor:pointer}.address-row button:disabled{opacity:.6;cursor:wait}.recent-devices{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:15px 0}.recent-devices span{margin-right:6px;color:#62766d;font-size:10px}.recent-devices button{padding:7px 10px;color:#a8bbb2;border:1px solid var(--line);background:#0b1713;cursor:pointer;font:500 10px Cascadia Mono,Consolas,monospace}.connection-message{min-height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#879b92;border:1px solid var(--line);background:#07100dbf}.connection-message p{flex:1;margin:0;font-size:11px}.connection-message button{color:#e5efeb;border:0;background:none;cursor:pointer;font-size:10px}.message-dot{width:7px;height:7px;border-radius:50%;background:#60736b}.connection-message.connecting .message-dot{background:#ffd166;box-shadow:0 0 12px #ffd16688}.connection-message.connected .message-dot{background:var(--mint);box-shadow:0 0 12px #5de1ad88}.connection-message.error .message-dot{background:#ff6474;box-shadow:0 0 12px #ff647488}.setup-help{margin-top:16px;padding:22px 24px;border-left:3px solid var(--acid);background:#caff380e}.setup-help strong{color:var(--acid)}.setup-help ol{margin:13px 0 0;padding-left:20px;color:#9db0a7;line-height:1.9;font-size:12px}.control-console{opacity:.72;transition:opacity .2s}.control-console.active{opacity:1}.device-label{color:#71877d;font:500 10px Cascadia Mono,Consolas,monospace}.console-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);border:1px solid var(--line);background:#0a1813c2}.video-shell{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line);background:#030604}.video-shell img{display:block;width:100%;height:100%;max-height:620px;object-fit:contain}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#52645c}.video-placeholder span{font:600 20px Cascadia Mono,Consolas,monospace;letter-spacing:.14em}.video-placeholder small{font-size:10px}.video-status{position:absolute;left:15px;bottom:14px;display:flex;align-items:center;gap:7px;padding:7px 9px;color:#8da098;background:#07100ddd;font:600 8px Cascadia Mono,Consolas,monospace;letter-spacing:.1em}.video-status i{width:6px;height:6px;border-radius:50%;background:#65776f}.video-status.online i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.video-status.error i{background:#ff6474}.control-pad{display:flex;flex-direction:column;justify-content:center;padding:30px}.control-pad>p{margin:0 0 24px;color:#8fa39a;text-align:center;font-size:12px}.controls{display:grid;grid-template-areas:". forward ." "left stop right" ". backward .";grid-template-columns:repeat(3,minmax(72px,96px));justify-content:center;gap:10px}.controls button{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#e8f2ed;border:1px solid #314a40;background:#0d1c17;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.controls button:hover:not(:disabled){border-color:var(--acid)}.controls button:active:not(:disabled){color:var(--ink);background:var(--acid);transform:scale(.97)}.controls button:disabled{opacity:.25;cursor:not-allowed}.controls button span{font-size:18px}.controls button small{font-size:10px}.controls .forward{grid-area:forward}.controls .backward{grid-area:backward}.controls .left{grid-area:left}.controls .right{grid-area:right}.controls .stop{grid-area:stop;color:#ff8290;border-color:#72333a}.control-pad>small{display:block;margin-top:22px;color:#5f736a;text-align:center;font-size:9px;line-height:1.6}footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:#4e6259;font:500 8px Cascadia Mono,Consolas,monospace;letter-spacing:.1em}footer p{color:#768a81}@media(max-width:900px){main{padding:0 22px 22px}.hero{grid-template-columns:1fr;padding:60px 0}.link-graphic{margin-top:50px}.console-grid{grid-template-columns:1fr}.video-shell{min-height:50vw;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:600px){main{padding:0 13px 15px}.topbar{height:70px}.nav-status{font-size:8px}.hero{min-height:auto;padding:48px 0}h1{font-size:clamp(43px,13vw,64px)}.lede{font-size:12px}.link-graphic{transform:scale(.76);margin:22px -40px -15px}.section-heading{align-items:flex-start;flex-direction:column}.address-row{grid-template-columns:1fr}.address-row button{height:50px}.video-shell{min-height:64vw}.control-pad{padding:24px 12px}.controls{grid-template-columns:repeat(3,minmax(70px,88px))}footer{justify-content:center}footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}html,body,#root{width:100%;height:100%;overflow:hidden}main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar,footer{flex:0 0 auto}.connect-view{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);align-items:center;gap:54px;overflow:hidden}.connect-view .hero{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;border:0}.connect-view .link-graphic{justify-content:flex-start;margin-top:42px;transform:scale(.72);transform-origin:left center}.connect-view .connection-panel{align-self:center;width:100%;padding:28px 0;border:0}.connect-view .section-heading{margin-bottom:18px}.setup-help{position:fixed;z-index:20;left:50%;top:50%;width:min(560px,calc(100vw - 32px));margin:0;transform:translate(-50%,-50%);border:1px solid rgba(202,255,56,.28);border-left:3px solid var(--acid);background:#0b1713;box-shadow:0 30px 100px #000}.control-console.control-view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:24px 0;border:0;opacity:1}.control-view .section-heading{flex:0 0 auto;margin-bottom:16px}.control-view .console-grid{flex:1 1 auto;min-height:0}.control-view .video-shell{min-height:0}.control-view .control-pad{padding:20px}.control-heading-actions{display:flex;align-items:center;gap:16px}.control-heading-actions button{padding:7px 0;color:#baccc4;border:0;border-bottom:1px solid #52635c;background:none;cursor:pointer;font-size:10px}footer{min-height:48px}@media(max-width:900px){main{padding:0 13px}.topbar{height:58px}.connect-view{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0}.connect-view .hero{height:auto;padding:18px 0 6px}.connect-view .kicker{margin:0}.connect-view h1{margin:9px 0 10px;font-size:clamp(30px,8.5vw,42px)}.connect-view .lede{font-size:11px;line-height:1.55}.connect-view .link-graphic{display:none}.connect-view .connection-panel{align-self:start;padding:10px 0}.connect-view .section-heading{flex-direction:row;align-items:center;margin-bottom:12px}.connect-view .section-heading h2{font-size:20px}.connect-form{padding:15px}.address-row input,.address-row button{height:44px}.recent-devices{padding:8px 0}.connection-message{min-height:42px}.control-console.control-view{padding:12px 0}.control-view .section-heading{flex-direction:row;align-items:center;margin-bottom:9px}.control-view .section-heading h2{font-size:19px}.control-view .console-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.control-view .video-shell{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.control-view .control-pad{padding:8px 10px}.control-pad>p{margin-bottom:8px;font-size:10px}.controls button{min-height:52px}.control-pad>small{display:none}.control-heading-actions{gap:9px}.device-label{display:none}footer{display:none}}@media(max-height:700px)and (min-width:901px){.connect-view h1{margin:14px 0;font-size:clamp(42px,5vw,64px)}.connect-view .link-graphic{margin-top:20px;transform:scale(.58)}.connect-form{padding:18px}.control-view .controls button{min-height:64px}}