:root{color-scheme:dark;--bg:#10141d;--surface:#191f2c;--line:#2b3343;--muted:#929db1;--text:#edf1f8;--accent:#98e6ae;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:#222b3a;color:var(--text);transition:background .15s}button:hover{background:#303d50}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:226px;border-right:1px solid var(--line);padding:31px 20px;background:#121722}.brand{display:flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1px}.brand>span:last-child{color:var(--accent)}.mark{font-size:23px;width:34px;height:36px;display:grid;place-items:center;background:var(--accent);color:#102317;border-radius:9px;margin-right:11px;transform:skewY(-5deg)}.workspace{color:#66738a;font-size:10px;letter-spacing:1.6px;margin:56px 10px 17px}.nav{display:flex;gap:12px;width:100%;border:0;text-align:left;padding:13px}.nav.active{background:#22322f;color:var(--accent)}.sidebar-bottom{position:absolute;bottom:30px;line-height:25px;font-size:12px;color:#b5bfcf}.sidebar-bottom small{color:#65738a;font-size:11px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}main{margin-left:226px;padding:0 46px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}header>div{display:flex;align-items:center;gap:14px}.breadcrumb span{margin:0 13px;color:#526078}.quiet{background:transparent;padding:7px 10px}.login-view{min-height:calc(100dvh - 156px);display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding:55px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--accent);margin-bottom:18px}h1{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 22px;font-weight:650}p{color:var(--muted);line-height:1.8;margin:0}h2{font-size:18px;font-weight:600;margin:0 0 12px}.intro>p{font-size:15px}.feature-row{display:flex;flex-wrap:wrap;gap:18px;margin:27px 0;color:#c2ccda;font-size:11px}.terminal{margin-top:45px;max-width:385px;border:1px solid var(--line);border-radius:9px;background:#131924;overflow:hidden}.terminal>div{display:flex;align-items:center;gap:5px;padding:12px 16px;border-bottom:1px solid var(--line);color:#738199;font-size:10px}.terminal i{width:6px;height:6px;border-radius:50%;background:#3e4c62}.terminal span{margin-left:14px}.terminal code{display:block;padding:24px;font-size:12px;color:#65738a;line-height:2.4}.terminal b{color:var(--accent);font-weight:400;margin:0 8px}.terminal .cursor{color:var(--accent);margin:0}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:32px;box-shadow:0 18px 70px #0002}.panel-icon{width:42px;height:42px;display:grid;place-items:center;background:#293b35;color:var(--accent);font-size:25px;border-radius:10px;margin-bottom:24px}.login-panel{max-width:410px;width:100%;justify-self:end}.login-panel h2{font-size:24px;letter-spacing:-.6px}.login-panel>p{font-size:12px;margin-bottom:27px}label{display:block;font-size:12px;color:#c3ccda;margin:17px 0 9px}input,select{width:100%;border:1px solid #354054;border-radius:6px;background:#121925;color:var(--text);padding:12px}input::placeholder{color:#5c6a80}.primary{background:var(--accent);color:#173024;font-weight:650;border-color:var(--accent)}.primary:hover{background:#b8f5c9}.login-panel .primary{width:100%;display:flex;justify-content:space-between;margin:25px 0 17px;padding:13px 15px}.login-panel small{display:block;text-align:center;color:#748299;font-size:10px}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:#5f6c82;font-size:10px}footer b{color:#35445a;margin:0 10px}#dashboard{padding-top:46px;min-height:calc(100dvh - 155px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-heading h1{font-size:38px;margin-bottom:12px;letter-spacing:-1.5px}.page-heading .eyebrow{margin-bottom:13px}.page-heading p{font-size:12px}.accent{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0 40px;gap:18px}.stats>div{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:22px}.stats span{color:var(--muted);font-size:11px}.stats strong{display:block;font-size:33px;font-weight:550;margin:13px 0}.stats small{font-size:10px;color:#77869f}.stats .transport{font-size:25px;padding:5px 0}.transport span{font-size:24px;color:var(--accent);margin-left:8px}.list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.list-title h2{font-size:16px;margin:0}.list-title>span{font-size:10px;color:#718098}.machines{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.machine{padding:24px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#1d2635,#171e2a)}.machine-top{display:flex;justify-content:space-between;align-items:center}.computer-icon{width:43px;height:43px;border:1px solid #39465c;border-radius:10px;display:grid;place-items:center;font-size:23px;color:#b3c5dd}.badge{font-size:10px;padding:5px 9px;border:1px solid #364150;border-radius:20px;color:#8f9caf}.badge.online{color:var(--accent);border-color:#335c43;background:#203c2a}.machine h3{font-size:20px;margin:25px 0 7px;font-weight:600}.machine p{font-size:11px;min-height:20px}.machine-bottom{display:flex;gap:8px;border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.machine-bottom .primary{flex:1;font-size:12px}.delete{font-size:11px;background:transparent;color:#a8b3c7}.note{display:flex;gap:15px;margin:30px 0;padding:23px;border:1px dashed #303c50;border-radius:9px}.note>span{font-size:24px;color:#718fa6}.note b{font-size:12px;font-weight:500}.note p{font-size:11px;margin-top:4px}details{margin:20px 0;color:var(--muted);font-size:12px}pre{white-space:pre-wrap;max-height:250px;overflow:auto}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;max-width:450px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#050914bb;backdrop-filter:blur(4px)}dialog p{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;padding:15px 23px;background:#e6edf8;color:#182235;z-index:100;border-radius:8px;box-shadow:0 8px 40px #0005}#session{position:fixed;inset:0;z-index:20;background:#05070b;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.session-toolbar{display:flex;align-items:center;gap:8px;padding:9px;background:#151c28;flex-wrap:wrap}.session-toolbar button,.session-toolbar select{font-size:11px;padding:8px;width:auto}.session-brand{color:var(--accent);margin:0 10px}.session-brand b{color:var(--text);font-size:12px;margin-left:10px}#telemetry{font:10px ui-monospace,monospace;color:#b3c2d7;margin-right:auto}.danger{color:#ffbdc0;border-color:#63444a}#stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:none;outline:0;overflow:hidden}video{width:100%;height:100%;object-fit:contain;pointer-events:none}#stream-status{position:absolute;text-align:center;color:#a3b5c9;padding:25px}.touch-hint{font-size:10px;text-align:center;color:#63748c;padding:7px}#text-form{display:flex;padding:8px;gap:8px}#text-input{flex:1;min-width:0}.empty{padding:40px;color:var(--muted);border:1px dashed var(--line);border-radius:9px;grid-column:1/-1}@media(min-width:1600px){main{max-width:1500px;margin-left:auto;margin-right:auto;padding-left:260px}}@media(max-width:1100px){aside{width:180px;padding:28px 14px}main{margin-left:180px;padding:0 28px}.login-view{gap:30px}.feature-row{gap:12px}.login-panel{padding:25px}.intro h1{font-size:42px}}@media(max-width:800px){aside{position:static;width:auto;height:74px;padding:18px 22px;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:21px}.workspace,.nav,.sidebar-bottom{display:none}main{margin:0;padding:0 22px}header{height:65px}.breadcrumb{font-size:10px}#identity{font-size:10px}.login-view{display:flex;flex-direction:column;align-items:stretch;padding:35px 0;gap:30px}.intro h1{font-size:42px}.intro>p{font-size:13px}.terminal{display:none}.feature-row{margin-bottom:0}.login-panel{max-width:none}.stats{gap:9px;margin:27px 0}.stats>div{padding:16px 12px}.stats span{font-size:9px}.stats small{font-size:9px}.stats strong{font-size:27px}.stats .transport{font-size:17px;padding:6px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:31px}.page-heading>.primary{font-size:11px;white-space:nowrap}.list-title>span{font-size:9px}footer{gap:20px;line-height:1.8}.session-toolbar{gap:5px}.session-toolbar button,.session-toolbar select{font-size:10px}#telemetry{order:10;width:100%;text-align:center}.touch-hint{font-size:9px}.session-brand{margin-left:2px}.note{padding:18px}.transport span{margin:0}}

/* Session controls stay outside the remote desktop and collapse in immersive mode. */
body:has(#session:not([hidden])){overflow:hidden}
#session{height:100dvh;overscroll-behavior:none}
#stream-settings{padding:18px 24px;background:#151c28;border-top:1px solid var(--line);max-height:65dvh;overflow:auto}
#stream-settings h2{font-size:16px}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:14px;max-width:900px}
#stream-settings p{font-size:12px;margin:10px 0}#stream-settings select{max-width:440px}#stream-settings label{margin:8px 0}#live-quality{font-family:monospace;color:var(--accent)}
#reveal-menu{display:none;position:absolute;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));z-index:30;opacity:0;width:64px;height:44px}
#reveal-menu:focus-visible,#reveal-menu:hover{opacity:1}
#session.immersive{padding:0}#session.immersive .session-toolbar,#session.immersive .touch-hint,#session.immersive #stream-settings,#session.immersive #text-form{display:none}
#session.immersive #reveal-menu{display:block}
#stage:focus-visible{outline:none}#stage{user-select:none;-webkit-user-select:none}#stage:has(:not([hidden])){cursor:default}
#video{background:#000}#session.mouse-captured #stage{cursor:none}
.stats{grid-template-columns:repeat(2,1fr);max-width:680px}.stats>div:last-child{display:none}.login-view{min-height:calc(100dvh - 156px)}
@media(max-width:800px){.settings-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.touch-hint{padding-bottom:8px}.session-toolbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#stream-settings{padding:14px}.intro .feature-row{display:none}.intro h1{font-size:34px}.login-view{gap:22px}}