:root{color:#e8e9eb;font-synthesis:none;--surface:#111316;--surface-2:#181b1f;--line:#ffffff17;--muted:#8d929a;--blue:#78aaf7;--green:#72d7ad;background:#090a0c;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.login-page{background:radial-gradient(circle at 12% 74%,#5e80b233,#0000 31%),#0a0b0d;grid-template-columns:42% 58%;min-height:100vh;display:grid}.login-page:before{content:"";border-right:1px solid var(--line);background:radial-gradient(circle at 45% 35%,#78aaf71f,#0000 18%),linear-gradient(145deg,#0000 20%,#ffffff09 50%,#0000 80%);grid-area:1/1}.login-brand{align-items:center;gap:11px;font-weight:650;display:flex;position:absolute;top:34px;left:42px}.login-form{grid-area:1/2;place-self:center;width:min(440px,100% - 70px)}.login-form h1{letter-spacing:-.055em;margin:0;font-size:clamp(46px,5vw,68px);font-weight:500}.login-form>p:not(.eyebrow),.login-form form>p{color:var(--muted);margin:17px 0 38px;font-size:14px}.login-form label{color:#a5a9b0;flex-direction:column;gap:8px;margin:17px 0;font-size:11px;display:flex}.login-form input{border:1px solid var(--line);color:#ebedef;background:#111317;border-radius:9px;outline:none;width:100%;height:44px;padding:0 12px}.login-form input:focus{border-color:#78aaf7a6;box-shadow:0 0 0 3px #78aaf714}.secret-input{position:relative}.secret-input svg{color:#727780;position:absolute;top:14px;left:12px}.secret-input input{padding-left:38px}.login-submit{width:100%;margin-top:15px}.login-note{color:#666c74;justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.inline-error,.page-error{color:#efa0a0;background:#e1727212;border:1px solid #e1727226;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;font-size:11px;display:flex}.page-error{margin:-18px 0 28px}.page-error span{flex:1}.page-error button{color:#f2b2b2;cursor:pointer;background:0 0;border:0}.empty-device{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#6f747c;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-device h2{color:#dadddf;margin:16px 0 7px;font-size:20px}.empty-device p{max-width:480px;margin:0;font-size:12px;line-height:1.6}.status-line.offline{color:#858a92}.status-line.offline .pulse-dot{box-shadow:none;background:#6d7279}.connect-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.spin{animation:1s linear infinite rotate}.connection-error{text-align:center;color:#e9a1a1;background:#e172720f;border:1px solid #e172722e;border-radius:11px;width:min(390px,84vw);padding:22px}.connection-error strong{color:#f1d8d8;margin-top:8px;display:block}.connection-error p{color:#a98383;font-size:11px;line-height:1.5}.connection-error button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;padding:8px 11px;font-size:10px}.connection-error-actions{justify-content:center;gap:8px;margin-top:15px;display:flex}.connection-error .retry-button{color:#dbe8ff;background:#78aaf721;border-color:#78aaf759}.connection-error small{color:#786f72;letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font:8px DM Mono,monospace;display:block}.live-viewport{place-items:center;width:100vw;height:100vh;padding:48px 55px 102px;transition:padding .3s;display:grid;position:relative;overflow:auto}.remote-video{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;background:#050607;border-radius:7px;width:100%;min-width:0;height:100%;min-height:0;transition:width .3s,height .3s;display:block;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff1f}.mode-fill .remote-video{object-fit:cover;width:100%;height:100%}.mode-100pct .remote-video{object-fit:none;width:auto;max-width:none;height:auto;max-height:none}.is-controlling .remote-video{cursor:none;box-shadow:0 30px 80px #000000a6,0 0 0 2px #78aaf7b8}.predicted-cursor{z-index:30;pointer-events:none;filter:drop-shadow(0 1px 1px #000000d9);width:15px;height:20px;position:fixed;transform:translate(-1px,-1px)}.predicted-cursor:before{content:"";transform-origin:0 0;border-top:16px solid #f7f8fa;border-right:10px solid #0000;width:0;height:0;display:block;transform:rotate(-12deg)}.predicted-cursor:after{content:"";transform-origin:0 0;border-top:13px solid #111;border-right:8px solid #0000;width:0;height:0;position:absolute;top:1px;left:1px;transform:rotate(-12deg)}.session-page:fullscreen .live-viewport{padding:0}.session-page:fullscreen .remote-video{border-radius:0}.session-connection-overlay{z-index:60;background:#090b0e;position:fixed;inset:0;overflow:auto}.session-notices{z-index:35;flex-direction:column;gap:8px;width:min(560px,100vw - 28px);display:flex;position:fixed;top:58px;left:50%;transform:translate(-50%)}.session-notices .input-warning{width:100%;position:static;transform:none}.display-reconnect{background:#1c2532;border:1px solid #597191;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.display-reconnect button{cursor:pointer;background:#2d4667;border:1px solid #789bcc;border-radius:5px;padding:7px 12px}.display-reconnect button:disabled{opacity:.5;cursor:default}.display-notice{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#d5d8dc;background:#121418eb;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:10px;padding:9px 9px 9px 14px;font-size:11px;line-height:1.45;display:flex;box-shadow:0 12px 35px #0006}.display-notice>svg{color:var(--blue);flex:none}.display-notice span{flex:1}.display-notice button{color:#9da1a8;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:25px;height:25px;display:grid}.display-notice button:hover{color:#fff;background:#ffffff14}.display-notice button.notice-action{color:#eef0f2;background:#ffffff14;width:auto;padding:0 10px;font-size:11px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}body{background:#090a0c;min-height:100vh}.app-shell{background:radial-gradient(circle at 72% 4%,#41577621,#0000 30%),#0b0c0e;min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 5.5vw;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin-left:-8px;padding:8px;font-size:16px;font-weight:650;display:flex}.brand-mark{justify-content:center;align-items:flex-end;gap:3px;width:25px;height:22px;display:inline-flex}.brand-mark>span{background:currentColor;border-radius:5px;width:5px;display:block}.brand-mark>span:first-child{opacity:.55;height:11px}.brand-mark>span:nth-child(2){height:19px}.brand-mark>span:nth-child(3){opacity:.75;height:15px}.top-actions{align-items:center;gap:14px;display:flex}.private-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.icon-button,.more-button{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:inherit;background:#ffffff06;border-radius:9px;place-items:center;text-decoration:none;display:grid}.icon-button:hover,.more-button:hover{background:#ffffff12}.avatar{color:#272b30;background:#d1d6dc;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:650;display:grid}.device-page,.diagnostics-page{width:min(1120px,89vw);margin:0 auto;padding:86px 0 40px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:44px;display:flex}.eyebrow,.section-label{color:#737983;letter-spacing:.16em;margin:0 0 15px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.page-heading h1,.diagnostic-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,5vw,66px);font-weight:500;line-height:.98}.lead,.diagnostic-heading>p:last-child{color:var(--muted);margin:19px 0 0;font-size:16px}.secondary-button,.panel-secondary{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;display:inline-flex}.secondary-button:hover,.panel-secondary:hover{background:#ffffff0d}.device-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:290px 1fr auto;align-items:center;gap:50px;min-height:262px;display:grid;position:relative;overflow:visible}.device-row:after{content:"";background:linear-gradient(90deg, var(--blue), transparent 58%);transform-origin:0;height:1px;transition:transform .45s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.25)}.device-row:hover:after{transform:scaleX(1)}.device-visual{place-items:center;height:210px;display:grid;position:relative}.display-frame{background:linear-gradient(145deg,#777d83,#25292e 55%);border-radius:8px;width:232px;height:148px;padding:7px;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:perspective(650px)rotateY(7deg);box-shadow:0 28px 44px #00000059}.device-row:hover .display-frame{transform:perspective(650px)rotateY(0)translateY(-3px)}.display-glow{background:radial-gradient(circle at 72% 26%,#78b3d0 0,#0000 23%),radial-gradient(circle at 20% 80%,#8a738e 0,#0000 24%),linear-gradient(145deg,#17354a,#23495f 45%,#66566a);border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden}.display-glow:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff21,#0000 53%);position:absolute;inset:0}.display-stand{border-bottom:5px solid #3e4349;width:62px;height:21px;position:absolute;bottom:17px}.display-stand:before{content:"";background:#444a50;width:10px;height:15px;position:absolute;top:-11px;left:26px}.status-line{color:var(--green);align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:12px;display:flex}.pulse-dot,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #72d7ad1a}.device-main h2{letter-spacing:-.035em;margin:13px 0 7px;font-size:32px;font-weight:550}.device-main>p{color:var(--muted);margin:0;font-size:13px}.device-meta{color:#a3a7ad;flex-wrap:wrap;gap:20px;margin-top:31px;font-size:12px;display:flex}.device-meta span{align-items:center;gap:7px;display:flex}.device-actions{align-items:center;gap:8px;display:flex}.device-rename{flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 7px;display:flex}.device-rename input{border:1px solid var(--line);color:#ebedef;max-width:360px;height:42px;font:inherit;background:#111317;border-radius:9px;outline:none;flex:220px;padding:0 12px;font-size:16px}.device-rename input:focus{border-color:#78aaf7a6;box-shadow:0 0 0 3px #78aaf714}.device-rename .connect-button,.device-rename .secondary-button{min-height:38px;padding:0 15px;font-size:12px}.device-main .inline-error{max-width:470px;margin-top:16px}.connect-button,.panel-primary{color:#111316;cursor:pointer;background:#ecedef;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.connect-button:hover,.panel-primary:hover{background:#fff;transform:translateY(-1px)}.connect-button span{color:#777c82;border-left:1px solid #c5c7ca;margin-left:8px;padding-left:13px;font-family:DM Mono,monospace;font-size:10px}.menu-wrap{position:relative}.device-menu{z-index:10;border:1px solid var(--line);background:#17191d;border-radius:10px;min-width:194px;padding:6px;animation:.16s ease-out menu-in;position:absolute;top:44px;right:0;box-shadow:0 20px 50px #00000073}.device-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:12px;display:flex}.device-menu button:hover{background:#ffffff0f}.device-menu .danger{color:#f19b9b}.activity-strip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 3px;display:flex}.activity-strip .section-label{margin-bottom:14px;display:block}.activity-strip p{color:#c8cace;margin:0;font-size:13px}.history-dot{background:#676d76;border-radius:50%;width:5px;height:5px;margin-right:10px;display:inline-block}.activity-strip time{color:#777d85;font-size:12px}.page-foot{color:#777d85;justify-content:space-between;padding:24px 2px;font-size:11px;display:flex}.page-foot>span{align-items:center;gap:10px;display:flex}.page-foot button{color:#91969d;cursor:pointer;background:0 0;border:0}.connecting-page{background:radial-gradient(circle at 50% 35%,#17212e 0,#0c0e11 38%,#090a0c 68%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.quiet-back{color:#8f949c;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:flex;position:absolute;top:28px;right:32px}.connection-orbit{width:148px;height:148px;margin-bottom:35px;position:relative}.orbit{border:1px solid #78aaf733;border-radius:50%;position:absolute;inset:18px}.orbit-one{animation:2.2s ease-out infinite orbit-pulse}.orbit-two{animation:2.2s ease-out .7s infinite orbit-pulse;inset:0}.orbit-center{color:#13161a;background:#e8e9eb;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50px;left:50px;box-shadow:0 0 38px #75a7f040}.orbit-device{background:#252a31;border:1px solid #454c56;border-radius:50%;place-items:center;width:36px;height:36px;animation:2.4s ease-in-out infinite float;display:grid;position:absolute;top:12px;right:1px}.connecting-page h1{letter-spacing:-.04em;margin:0 0 34px;font-size:40px;font-weight:500}.connection-steps{border-top:1px solid var(--line);width:min(390px,84vw)}.connection-steps>div{color:#575c64;border-bottom:1px solid #ffffff0b;grid-template-columns:24px 1fr auto;align-items:center;gap:11px;height:40px;font-size:12px;transition:color .3s;display:grid}.connection-steps>div>span{border:1px solid #373b41;border-radius:50%;place-items:center;width:18px;height:18px;font-family:DM Mono,monospace;font-size:9px;display:grid}.connection-steps p{margin:0}.connection-steps em{text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:9px;font-style:normal}.connection-steps .complete{color:#8e949c}.connection-steps .complete>span{color:var(--green);background:#72d7ad14;border-color:#72d7ad4d}.connection-steps .active{color:#f0f1f2}.connection-steps .active>span{border-color:var(--blue);box-shadow:0 0 0 4px #78aaf714}.connection-steps .active em{color:var(--blue)}.connection-note{color:#6d737b;align-items:center;gap:8px;margin-top:31px;font-size:11px;display:flex}.session-page{background:#060708;min-height:100vh;position:relative;overflow:hidden}.remote-viewport{place-items:center;width:100vw;height:100vh;padding:48px 55px 102px;transition:padding .3s;display:grid}.remote-desktop{aspect-ratio:16/9;transform-origin:50%;background:linear-gradient(145deg,#5c6f8a,#25364d 38%,#31283e 75%,#8c5264);border-radius:7px;width:min(100%,177.7vh - 266.55px);transition:width .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff1f}.mode-fill .remote-desktop{width:100%;min-width:100%}.mode-100pct .remote-desktop{width:1536px;max-width:none}.remote-desktop:before{content:"";background:radial-gradient(circle at 70% 20%,#68badbbf,#0000 25%),radial-gradient(circle at 15% 72%,#d07788a6,#0000 23%),linear-gradient(130deg,#0000 40%,#ffffff17 50%,#0000 68%);position:absolute;inset:0}.mac-menu-bar{z-index:2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#121418cc;background:#eeeff2b3;align-items:center;gap:15px;height:23px;padding:0 11px;font-size:clamp(6px,.68vw,10px);display:flex;position:relative}.apple-mark{font-size:7px}.menu-spacer{flex:1}.remote-window{z-index:2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#4d525b;background:#f8f8f9e0;border-radius:9px;display:flex;position:absolute;inset:15% 16% 16%;overflow:hidden;box-shadow:0 28px 60px #120f1659,inset 0 0 0 1px #ffffff80}.window-sidebar{background:#e1e3e7b8;flex-direction:column;gap:4px;width:23%;padding:13px 12px;font-size:clamp(6px,.66vw,10px);display:flex}.traffic-lights{gap:5px;height:16px;display:flex}.traffic-lights i{background:#fb615c;border-radius:50%;width:7px;height:7px}.traffic-lights i:nth-child(2){background:#fdbc40}.traffic-lights i:nth-child(3){background:#34c749}.window-sidebar p{color:#8a8e96;margin:8px 4px 2px;font-size:.82em;font-weight:600}.window-sidebar span{white-space:nowrap;border-radius:4px;padding:5px 6px}.window-sidebar .selected{background:#7276802e}.window-content{background:#fcfcfdd6;flex:1;position:relative}.finder-toolbar{border-bottom:1px solid #00000017;align-items:center;gap:10px;height:39px;padding:0 14px;font-size:clamp(6px,.72vw,11px);display:flex}.finder-toolbar div{flex:1}.file-grid{grid-template-columns:repeat(5,1fr);gap:13px;padding:9% 7% 0;display:grid}.file-icon{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.file-icon i{border-radius:3px;width:clamp(22px,3vw,46px);height:clamp(17px,2.3vw,35px);display:block;position:relative;box-shadow:0 3px 7px #0000001f}.file-icon i:before{content:"";background:inherit;filter:brightness(1.06);border-radius:2px 3px 0 0;width:43%;height:5px;position:absolute;top:-4px;left:2px}.file-icon i span{background:#ffffff2e;position:absolute;inset:5px 0 0}.file-icon p{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:clamp(5px,.62vw,9px);overflow:hidden}.welcome-note{position:absolute;bottom:9%;left:7%}.welcome-note span{color:#9a9da3;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(5px,.6vw,9px)}.welcome-note h2{letter-spacing:-.04em;color:#32363c;margin:4px 0 3px;font-size:clamp(14px,2.5vw,34px);font-weight:550}.welcome-note p{color:#7e8289;margin:0;font-size:clamp(6px,.75vw,11px)}.mac-dock{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#293442;background:#ededef73;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:5px;height:7%;min-height:24px;padding:4px 7px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mac-dock span{aspect-ratio:1;background:#ffffffad;border-radius:5px;place-items:center;height:100%;font-size:clamp(7px,1vw,16px);display:grid}.mac-dock i{background:#0003;width:1px;height:80%}.input-warning{z-index:12;color:#ffd5c6;background:#2d1813f0;border:1px solid #ff9b7680;border-radius:9px;align-items:flex-start;gap:10px;width:min(560px,100% - 28px);padding:11px 14px;font-size:11px;line-height:1.45;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0006}.input-warning svg{flex:none;margin-top:1px}.input-warning strong{color:#fff2ed;display:block}.is-controlling .remote-desktop{box-shadow:0 30px 80px #000000a6,0 0 0 2px #78aaf7b8}.escape-hint{z-index:20;color:#aaaeb5;background:#0e1013e0;border-radius:7px;padding:8px 11px;font-size:10px;animation:.25s ease-out panel-up;position:absolute;top:72px;left:50%;transform:translate(-50%)}kbd{color:#dfe1e4;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;padding:2px 5px;font-family:DM Mono,monospace;font-size:.85em}.toolbar-wrap{z-index:30;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.session-toolbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121418e3;border:1px solid #ffffff1f;border-radius:15px;align-items:stretch;height:62px;padding:6px;display:flex;box-shadow:0 16px 50px #00000080}.toolbar-controls>button{color:#91969e;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:61px;padding:0 8px;display:flex}.toolbar-controls>button svg{width:17px;height:17px}.toolbar-controls>button span{white-space:nowrap;font-size:8px}.toolbar-controls>button:hover,.toolbar-controls>button.active{color:#f0f1f2;background:#ffffff12}.session-toolbar .disconnect-button{color:#dc9494}.toolbar-controls{display:contents}.tool-divider{background:#ffffff17;align-self:center;width:1px;height:34px;margin:0 3px}.tool-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);width:360px;max-height:calc(100dvh - 160px - env(safe-area-inset-bottom));overscroll-behavior:contain;background:#14161af5;border:1px solid #ffffff1f;border-radius:14px;animation:.2s ease-out panel-up;position:absolute;bottom:72px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 25px 70px #0009}.panel-content{padding:21px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panel-head .section-label{margin-bottom:5px}.panel-head h3{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:550}.auto-badge{color:var(--green);text-transform:uppercase;letter-spacing:.08em;background:#72d7ad17;border-radius:5px;padding:4px 7px;font-family:DM Mono,monospace;font-size:8px}.quality-list{border-top:1px solid var(--line)}.quality-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:10px 2px;display:flex}.quality-list button>span{flex-direction:column;gap:3px;display:flex}.quality-list strong{font-size:11px;font-weight:500}.quality-list small{color:#767b83;font-size:9px}.quality-list .selected{color:var(--blue)}.fit-row{color:#969ba2;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;display:flex}.fit-row>div{border:1px solid var(--line);border-radius:7px;padding:2px}.fit-row button{color:#858a91;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:9px}.fit-row button.selected{color:#fff;background:#30343a}.clipboard-panel label{color:#9da1a8;flex-direction:column;gap:7px;font-size:10px;display:flex}.clipboard-panel textarea{resize:none;color:#e5e6e8;border:1px solid var(--line);background:#101215;border-radius:8px;height:78px;padding:10px;font-size:11px}.panel-primary,.panel-secondary{justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;margin-top:9px;font-size:10px;display:flex}.panel-primary:disabled{opacity:.4;cursor:default;transform:none}.panel-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel-actions .panel-primary,.panel-actions .panel-secondary{width:auto}.panel-status{color:#9da1a8;min-height:14px;margin:10px 0 0;font-size:9px;line-height:1.45}.panel-divider{color:#5e636a;text-transform:uppercase;align-items:center;gap:8px;height:23px;font-size:8px;display:flex}.panel-divider:before,.panel-divider:after{content:"";background:var(--line);flex:1;height:1px}.privacy-note{color:#666b73;text-align:center;margin:14px 0 0;font-size:8px;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.files-panel{flex-direction:column;display:flex}.file-action{color:#d8dade;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:38px 1fr;align-items:center;gap:11px;width:100%;padding:11px 2px;display:grid}.file-action:nth-of-type(2){border-bottom:1px solid var(--line)}.file-action:disabled{opacity:.45;cursor:default}.file-action>span{width:34px;height:34px;color:var(--blue);background:#78aaf717;border-radius:9px;place-items:center;display:grid}.file-action div{flex-direction:column;gap:3px;display:flex}.file-action strong{color:#e5e6e8;font-size:10px;font-weight:550}.file-action small{color:#737881;font-size:8px}.transfer-card{border:1px solid var(--line);background:#101215;border-radius:9px;margin-top:14px;padding:11px}.transfer-card>div:first-child{justify-content:space-between;gap:12px;display:flex}.transfer-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.transfer-card span{color:#8d929a;flex:none;font-size:8px}.transfer-card.complete span{color:var(--green)}.transfer-card.error span{color:#e39696}.transfer-track{background:#292d33;border-radius:3px;height:3px;margin-top:9px;overflow:hidden}.transfer-track i{border-radius:inherit;background:var(--blue);height:100%;transition:width .18s;display:block}.transfer-card.complete .transfer-track i{background:var(--green)}.transfer-card.error .transfer-track i{background:#e39696}.cancel-transfer{color:#c8cbd0;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:25px;height:25px;margin:-6px -6px -6px 0;display:grid}.cancel-transfer:hover{color:#fff;background:#ffffff14}.panel-copy{color:#858a92;font-size:10px;line-height:1.5}.modifier-row{grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0;display:grid}.modifier-row button{border:1px solid var(--line);cursor:pointer;background:#111317;border-radius:7px;height:39px;font-size:15px}.modifier-row button.selected{color:var(--blue);background:#78aaf726;border-color:#78aaf780}.shortcut-list{border-top:1px solid var(--line)}.shortcut-list button{border:0;border-bottom:1px solid var(--line);color:#92979e;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:11px 2px;font-size:9px;display:flex}.shortcut-list button span{gap:4px;display:flex}.clear-keys{color:#d09696;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:9px}.health-ring{width:31px;height:31px;color:var(--green);background:#72d7ad0f;border:1px solid #72d7ad59;border-radius:50%;place-items:center;display:grid}.metric-hero{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:15px;display:flex}.metric-hero strong{letter-spacing:-.06em;font-size:41px;font-weight:500}.metric-hero span{color:#737881;text-transform:uppercase;font-size:8px;line-height:1.4}.metric-grid{grid-template-columns:1fr 1fr;display:grid}.metric-grid div{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:11px 0;display:flex}.metric-grid div:nth-child(odd){border-right:1px solid var(--line)}.metric-grid div:nth-child(2n){padding-left:14px}.metric-grid span{color:#71767e;font-size:8px}.metric-grid strong{font-size:10px;font-weight:500}.diagnostics-page{padding-top:58px}.back-link{color:#8b9098;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:70px;font-size:12px;display:flex}.diagnostic-heading{max-width:640px}.diagnostic-heading h1{font-size:54px}.diagnostic-layout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:40% 60%;min-height:320px;margin-top:55px;display:grid}.score-block{border-right:1px solid var(--line);padding:48px 35px 40px 0}.score-ring{border:1px solid #72d7ad38;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;box-shadow:inset 0 0 30px #72d7ad0a}.score-ring span{width:48px;height:48px;color:var(--green);background:#72d7ad17;border-radius:50%;place-items:center;display:grid}.score-block h2{letter-spacing:-.03em;margin:20px 0 7px;font-size:23px;font-weight:550}.score-block p{color:#777d85;margin:0 0 26px;font-size:11px}.score-block .connect-button{min-height:38px;font-size:10px}.checks-list{padding:34px 0 34px 50px}.checks-list>div{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;min-height:62px;display:grid}.checks-list>div:last-child{border:0}.checks-list strong{font-size:11px;font-weight:500}.checks-list em{color:#797e86;font-size:10px;font-style:normal}.check-ok,.check-bad{width:19px;height:19px;color:var(--green);background:#72d7ad12;border-radius:50%;place-items:center;display:grid}.check-bad{color:#e39696;background:#e3969612}.agent-health{justify-content:space-between;align-items:center;margin-top:30px;padding:21px 0;display:flex}.agent-health>div{grid-template-columns:20px auto;align-items:center;display:grid}.agent-health .pulse-dot{grid-row:1/3}.agent-health strong{font-size:12px}.agent-health p{color:#767b82;grid-column:2;margin:3px 0 0;font-size:9px}.agent-health>span{color:#686d74;font-size:9px}@keyframes orbit-pulse{0%{opacity:0;transform:scale(.75)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes panel-up{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes panel-down{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes hint-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes status-breathe{to{opacity:.42;box-shadow:0 0 0 4px #ecb8651a}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-page:before{display:none}.login-form{grid-column:1;width:calc(100% - 40px)}.login-brand{top:22px;left:22px}.topbar{padding:0 18px}.private-label{display:none}.device-page,.diagnostics-page{width:calc(100% - 36px);padding-top:54px}.page-heading{flex-direction:column;align-items:flex-start;gap:28px}.page-heading h1{font-size:44px}.device-row{grid-template-columns:1fr auto;gap:20px;padding:30px 0}.device-visual{grid-column:1/3;width:100%}.device-actions{grid-area:2/2}.device-meta{gap:12px}.activity-strip{flex-direction:column;align-items:flex-start;gap:12px}.page-foot{gap:20px}.remote-viewport{padding:45px 8px 110px}.remote-desktop{width:100%}.live-viewport{padding:45px 8px calc(94px + env(safe-area-inset-bottom))}.remote-video{width:100%}.toolbar-wrap{bottom:calc(12px + env(safe-area-inset-bottom))}.session-toolbar{max-width:calc(100vw - 18px);overflow-x:auto}.toolbar-controls>button{min-width:54px}.toolbar-controls>button span{display:none}.tool-panel{width:min(360px,100vw - 22px)}.diagnostic-heading h1{font-size:42px}.diagnostic-layout{grid-template-columns:1fr}.score-block{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.checks-list{padding-left:0}.agent-health{align-items:flex-start;gap:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.connection-error details,.connection-panel details{text-align:left;max-width:100%}.connection-error pre,.connection-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:11px;overflow:auto}.layout-matched .live-viewport{padding:0}.layout-matched .remote-video,.layout-matched.is-controlling .remote-video{box-shadow:none;border-radius:0}.session-page .escape-hint{top:calc(58px + env(safe-area-inset-top));pointer-events:none;animation:4.5s ease-out forwards hint-fade}.session-page .session-notices{top:calc(96px + env(safe-area-inset-top))}.session-page .toolbar-wrap{z-index:36;padding-top:calc(5px + env(safe-area-inset-top));pointer-events:none;justify-content:center;display:flex;inset:0 0 auto;transform:none}.session-page .tool-panel{pointer-events:auto;max-height:calc(100dvh - 72px - env(safe-area-inset-top));animation:.2s ease-out panel-down;top:calc(100% + 8px);bottom:auto}.session-page .session-toolbar{opacity:.72;pointer-events:auto;interpolate-size:allow-keywords;border-radius:13px;align-items:stretch;max-width:calc(100vw - 16px);height:26px;padding:0;transition:height .16s,padding .16s,border-radius .16s,opacity .16s,box-shadow .16s;box-shadow:0 6px 22px #0000005c}.session-page .toolbar-controls{opacity:0;visibility:hidden;flex:none;align-items:center;gap:2px;width:0;transition:width .16s,opacity .12s,visibility 0s linear .16s;display:flex;overflow:hidden}.status-dot{background:var(--green);border-radius:50%;grid-area:dot;width:7px;height:7px;box-shadow:0 0 0 3px #72d7ad24}.toolbar-wrap:is(.recovering,.connecting) .status-dot{background:#ecb865;animation:1s ease-in-out infinite alternate status-breathe}.toolbar-handle{color:#dcdfe3;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 auto;grid-template:"dot name meta"/auto minmax(0,1fr) auto;align-items:center;column-gap:7px;min-width:0;max-width:300px;padding:0 11px 0 10px;display:grid}.handle-name{text-overflow:ellipsis;grid-area:name;font-size:11px;font-weight:600;overflow:hidden}.handle-meta{color:#a1a6ad;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff24;grid-area:meta;gap:6px;min-width:0;padding-left:7px;font-size:10.5px;font-weight:500;line-height:1.2;display:flex}.handle-meta .secondary-stat{display:none}.toolbar-wrap:is(.recovering,.connecting) .session-toolbar{opacity:1;border-color:#ecb86547}.toolbar-wrap:is(.recovering,.connecting) .handle-meta{color:#f2d09a;font-size:11px}.toolbar-wrap:is(.recovering,.connecting):not(:hover,.toolbar-open,:has(:focus-visible)) .handle-name{display:none}.toolbar-wrap:is(.recovering,.connecting):not(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta{border-left:0;padding-left:0}.session-page .toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .session-toolbar{opacity:1;border-radius:14px;height:44px;padding:4px;box-shadow:0 16px 50px #00000080}.session-page .toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .toolbar-controls{opacity:1;visibility:visible;width:auto;transition:width .16s,opacity .16s 40ms,visibility}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .toolbar-handle{cursor:default;grid-template:"dot name""dot meta"/auto minmax(0,1fr);row-gap:2px;padding:0 10px 0 8px}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-name{color:#eef0f2;font-size:11.5px;line-height:1.15}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta{color:#8d929a;border-left:0;padding-left:0;font-size:10px}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta .secondary-stat{display:inline}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta>span+span:before{content:"·";color:#50555c;margin-right:6px}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)).recovering .handle-meta,.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)).connecting .handle-meta{color:#f2d09a;font-size:10px}.session-page .toolbar-controls>button{border-radius:9px;flex-direction:row;flex:none;gap:6px;min-width:34px;height:34px;padding:0 9px}.session-page .toolbar-controls>button svg{flex:none;width:16px;height:16px}.session-page .toolbar-controls>button span{font-size:11px}.session-page .toolbar-controls>button:not(.labelled,.disconnect-button){padding:0}.session-page .toolbar-controls>button:not(.labelled,.disconnect-button) span{display:none}.session-page .session-toolbar .disconnect-button:hover{color:#f3b0b0;background:#e172721f}.session-page .tool-divider{flex:none;height:22px;margin:0 4px}@media (width<=800px){.session-page .session-toolbar{overflow:visible}.session-page .toolbar-controls>button{width:32px;min-width:32px;padding:0}.session-page .toolbar-controls>button span,.toolbar-wrap .handle-meta .secondary-stat.secondary-stat{display:none}.session-page .tool-divider{margin:0 3px}.toolbar-handle{max-width:min(260px,100vw - 24px)}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .toolbar-handle{grid-template:"dot meta"/auto auto;padding:0 8px 0 10px}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-name{display:none}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta{font-size:10.5px}.toolbar-wrap:is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta>span+span:before{content:none}.toolbar-wrap:is(.recovering,.connecting):is(:hover,.toolbar-open,:has(:focus-visible)) .handle-meta{display:none}}@media (prefers-reduced-motion:reduce){.session-page .escape-hint{animation:none}}.display-switch{background:#ffffff0b;border:1px solid #ffffff14;border-radius:11px;flex:none;align-self:center;gap:2px;height:42px;margin:0 4px 0 2px;padding:3px;display:flex}.display-switch button{color:#91969e;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;transition:background .15s,color .15s;display:flex}.display-switch button svg{flex:none;width:15px;height:15px}.display-switch button:hover{color:#f0f1f2;background:#ffffff0d}.display-switch button[aria-pressed=true]{color:#f4f6f8;background:#78aaf733;box-shadow:inset 0 0 0 1px #78aaf761}.session-page .display-switch{height:34px;padding:2px}@media (width<=800px){.display-switch button{padding:0 8px}.display-switch button span{display:none}}.layout-mac .live-viewport{padding:calc(44px + env(safe-area-inset-top)) 16px 16px}.account-loading{color:#5e646c;background:#0a0b0d;place-items:center;min-height:100vh;display:grid}.login-form .login-submit+.login-submit{margin-top:10px}.login-form .secondary-button.login-submit{min-height:44px}.login-form .inline-error{margin:0 0 4px}.login-form strong{color:#dfe2e5;font-weight:550}.text-button{color:#8b9098;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:16px;padding:4px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#dfe2e5}.inline-error .text-button{color:#f2b2b2;white-space:nowrap;margin:0 0 0 auto;font-size:11px}.inline-error span{flex:1}.human-check:not(:empty){margin:4px 0 12px}.secondary-button:disabled,.account-notice-action:disabled{opacity:.45;cursor:not-allowed}.account-notice{color:#d5dcea;background:#78aaf70f;border:1px solid #78aaf738;border-radius:9px;align-items:center;gap:11px;width:min(1120px,89vw);margin:22px auto 0;padding:9px 9px 9px 14px;font-size:12px;display:flex}.account-notice>svg{color:var(--blue);flex:none}.account-notice span{flex:1}.account-notice-action{color:#dbe8ff;cursor:pointer;background:#78aaf721;border:1px solid #78aaf759;border-radius:7px;padding:6px 12px;font-size:11px}.account-notice-dismiss{color:#9da1a8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.account-notice-dismiss:hover{color:#fff;background:#ffffff14}.account-page{width:min(760px,89vw);margin:0 auto;padding:58px 0 80px}.account-page .back-link{margin-bottom:48px}.account-page h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4vw,46px);font-weight:500}.account-page .lead{margin-bottom:44px}.account-section{border-top:1px solid var(--line);padding:30px 0}.account-section-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.account-section h2{letter-spacing:-.02em;align-items:center;gap:9px;margin:0 0 7px;font-size:19px;font-weight:550;display:flex}.account-section-head p,.account-empty{max-width:470px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.account-section .inline-error{margin-top:16px}.account-section .account-warning{color:#ecc58a;background:#ecb86512;border-color:#ecb86538}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-actions .secondary-button,.account-section-head>.secondary-button,.account-list .secondary-button{white-space:nowrap;padding:9px 13px;font-size:12px}.account-empty{margin-top:18px}.account-list{border-top:1px solid var(--line);margin:18px 0 0;padding:0;list-style:none}.account-list li{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:9px 0;display:grid}.account-list li>svg{color:#8d929a}.account-list strong{align-items:center;gap:9px;font-size:13px;font-weight:550;display:flex}.account-list small{color:#777d85;margin-top:3px;font-size:11px;display:block}.account-badge{color:var(--green);letter-spacing:.04em;text-transform:uppercase;background:#72d7ad1a;border-radius:5px;padding:2px 7px;font:9px DM Mono,monospace}.account-section label{color:#a5a9b0;flex-direction:column;gap:8px;margin:16px 0;font-size:11px;display:flex}.account-section label strong{color:#dfe2e5}.account-section input{border:1px solid var(--line);color:#ebedef;width:100%;max-width:360px;height:42px;font:inherit;background:#111317;border-radius:9px;outline:none;padding:0 12px}.account-section input:focus{border-color:#78aaf7a6;box-shadow:0 0 0 3px #78aaf714}.totp-setup{grid-template-columns:180px 1fr;align-items:start;gap:28px;margin-top:22px;display:grid}.totp-setup p,.backup-codes p{color:#b5b9bf;margin:0 0 12px;font-size:12px;line-height:1.6}.totp-qr{border-radius:8px;width:180px;height:180px}.qr-light{fill:#f4f5f6}.qr-dark{fill:#0b0c0e}.totp-secret{border:1px solid var(--line);color:#dfe2e5;letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#111317;border-radius:8px;padding:10px 12px;font:12px DM Mono,monospace;display:block}.approval-code{border:1px solid var(--line);color:#ebedef;letter-spacing:.14em;text-align:center;-webkit-user-select:all;user-select:all;background:#111317;border-radius:10px;margin:0 0 22px;padding:16px;font:500 30px DM Mono,monospace;display:block}.login-form .inline-error+.inline-error,.login-form .approval-code+.inline-error{margin-bottom:8px}.backup-codes{background:#ecb8650d;border:1px solid #ecb86538;border-radius:10px;margin-top:20px;padding:18px}.backup-codes ul{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.backup-codes code{color:#eef0f2;-webkit-user-select:all;user-select:all;font:13px DM Mono,monospace}.danger-zone h2{color:#f1b4b4}.danger-zone h2 svg{color:#e17272}.account-section .connect-button{min-height:38px;padding:0 15px;font-size:12px}.danger-button{color:#f5c3c3;cursor:pointer;background:#e172721f;border:1px solid #e1727266;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.danger-button:hover:not(:disabled){background:#e1727233}.danger-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=800px){.account-page{width:calc(100% - 36px);padding-top:40px}.account-section-head{flex-direction:column;gap:14px}.totp-setup{grid-template-columns:1fr}.account-notice{width:calc(100% - 36px)}}