@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--line:#292929;background:#000;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;min-width:320px;min-height:100%;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:1px solid #fff}.app{background:#000;flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--line);background:#000;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,3vw,48px);display:flex;position:relative}.logo{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.logo img{object-fit:cover;object-position:50% 16%;filter:grayscale()contrast(1.35);border:1px solid #fff;width:38px;height:38px}.logo span{letter-spacing:.16em;font:500 11px/1 DM Mono,monospace}.connection-count{border:1px solid #333;align-items:center;height:36px;font-family:DM Mono,monospace;display:flex;position:absolute;left:50%;transform:translate(-50%)}.connection-count span{color:#777;letter-spacing:.1em;white-space:nowrap;padding:0 12px;font-size:8px}.connection-count strong{border-left:1px solid #333;place-items:center;min-width:44px;height:100%;font-size:11px;font-weight:400;display:grid}.header-actions{align-items:center;gap:8px;display:flex}.back,.user-chip{letter-spacing:.07em;background:#000;border:1px solid #333;align-items:center;gap:8px;height:36px;padding:0 11px;font:400 9px/1 DM Mono,monospace;display:flex}.back{cursor:pointer}.back:hover{color:#000;background:#fff}.user-chip small{color:#666;text-transform:uppercase;font-size:7px}.mobile-menu-button,.mobile-menu-scrim{display:none}.home-main,.detail-main{flex:1;width:min(1800px,100% - clamp(32px,6vw,96px));margin:0 auto}.home-main{padding:clamp(42px,6vw,80px) 0 64px}.home-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:26px;display:flex}h1{letter-spacing:-.065em;margin:9px 0 0;font-size:clamp(42px,5vw,76px);font-weight:500;line-height:.9}.home-command{flex-direction:column;align-items:flex-end;width:min(460px,44vw);display:flex}.home-actions{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.home-actions span{letter-spacing:.08em;color:#777;place-items:center;height:34px;font:400 7px/1 DM Mono,monospace;display:grid}.home-actions span+span{border-left:1px solid var(--line)}.device-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.device-column{min-width:0;padding:18px}.device-column+.device-column{border-left:1px solid var(--line)}.device-info{grid-template-columns:31px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;display:grid}.device-index{border:1px solid #3c3c3c;place-items:center;width:31px;height:31px;font:400 9px/1 DM Mono,monospace;display:grid}.device-copy{gap:5px;min-width:0;display:grid}.device-copy h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.device-copy span{white-space:nowrap;text-overflow:ellipsis;color:#666;text-transform:uppercase;font:400 7px/1 DM Mono,monospace;overflow:hidden}.screen-link{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.screen-link:focus-visible{outline-offset:5px}.screen{aspect-ratio:9/13;background:#0b0b0b;border:1px solid #3b3b3b;position:relative;overflow:hidden}.screen-top{color:#888;text-transform:uppercase;background:#080808;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;height:28px;padding:0 9px;font:400 6px/1 DM Mono,monospace;display:flex}.desktop{background:linear-gradient(145deg,#070707,#151515);position:absolute;inset:29px 0 0}.side-rail{border:1px solid #303030;flex-direction:column;align-items:center;gap:7%;width:8%;padding-top:15%;display:flex;position:absolute;top:5%;bottom:5%;left:5%}.side-rail i{aspect-ratio:1;background:#cfcfcf;width:45%}.window{color:#111;background:#dedede;border:1px solid #484848;position:absolute;overflow:hidden;box-shadow:0 7px 25px #000}.window-main{width:69%;height:54%;top:8%;left:18%}.window-small{width:58%;height:37%;top:55%;left:34%}.window-title{border-bottom:1px solid #aaa;align-items:center;height:18%;padding:0 5%;font-size:clamp(4px,.5vw,8px);display:flex}.window-body{height:82%;display:flex}.window-nav{background:#bdbdbd;width:22%}.lines{flex:1;padding:8%}.lines>i{background:#8a8a8a;height:3%;margin-bottom:8%;display:block}.lines>i:nth-child(2){width:72%}.lines>i:nth-child(3){width:90%}.lines>i:nth-child(4){width:55%}.bars{align-items:end;gap:6%;height:43%;display:flex}.bars b{background:#151515;flex:1}.bars b:first-child{height:35%}.bars b:nth-child(2){height:70%}.bars b:nth-child(3){height:52%}.bars b:nth-child(4){height:88%}.bars b:nth-child(5){height:61%}.tiles{gap:6%;height:82%;padding:8%;display:grid}.tiles i{background:#aaa}.pointer{filter:drop-shadow(0 1px #000);border-top:10px solid #fff;border-right:6px solid #0000;width:0;height:0;position:absolute;top:49%;left:58%}.scan{pointer-events:none;background:linear-gradient(#0000 50%,#ffffff05 50%) 0 0/100% 4px;position:absolute;inset:0}.detail-main{flex-direction:column;justify-content:center;padding:28px 0;display:flex}.detail-heading{margin-bottom:18px}.detail-heading .device-info{min-width:min(420px,70vw);min-height:auto}.detail-heading .device-copy h2{font-size:15px}.device-console{aspect-ratio:16/8.5;background:#0b0b0b;border:1px solid #3b3b3b;grid-template-columns:minmax(0,1fr) clamp(150px,15vw,210px);width:min(100%,128vh);max-height:68vh;margin:0 auto;display:grid}.ssh-console{background:radial-gradient(circle at 50% 45%,#151515,#050505 70%);min-height:0;position:relative;overflow:hidden}.terminal-bar{color:#777;letter-spacing:.08em;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;height:35px;padding:0 14px;font:400 8px/1 DM Mono,monospace;display:flex}.terminal-body{z-index:1;flex-direction:column;justify-content:center;height:calc(100% - 35px);padding:clamp(24px,5vw,70px);display:flex;position:relative}.terminal-body p{color:#656565;letter-spacing:.14em;margin:0 0 13px;font:400 8px/1 DM Mono,monospace}.terminal-body h2{letter-spacing:-.05em;margin:0 0 9px;font-size:clamp(25px,3vw,44px);font-weight:500}.terminal-body>span{color:#777;font-size:10px}.terminal-body code{overflow-wrap:anywhere;color:#bbb;background:#000;border:1px solid #343434;margin:27px 0 15px;padding:18px;font:400 clamp(8px,.75vw,11px)/1.7 DM Mono,monospace}.terminal-body code b{color:#fff}.terminal-body button{letter-spacing:.08em;cursor:pointer;background:#000;border:1px solid #393939;align-self:flex-start;align-items:center;gap:8px;height:38px;padding:0 13px;font:400 8px/1 DM Mono,monospace;display:flex}.terminal-body button:hover{color:#000;background:#fff}.controls{border-left:1px solid var(--line);grid-template-rows:repeat(10,minmax(0,1fr));min-height:0;display:grid}.controls button{letter-spacing:.05em;cursor:pointer;background:#000;border:0;align-items:center;gap:14px;min-width:0;min-height:0;padding:8px 12px;font:400 7px/1 DM Mono,monospace;display:flex;overflow:hidden}.controls button+button{border-top:1px solid var(--line)}.controls button span{color:#555;font-size:9px}.controls button:hover,.controls button.selected{color:#000;background:#fff}.controls button:hover span,.controls button.selected span{color:#000}@media (width<=1050px){.user-chip small{display:none}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-column:nth-child(odd):not(:first-child){border-left:0}.device-column:nth-child(n+3){border-top:1px solid var(--line)}.screen{aspect-ratio:16/12}}@media (width<=620px){.site-header{height:64px;padding:0 14px}.logo span,.connection-count,.header-actions>.back,.header-actions>.user-chip{display:none}.mobile-menu-button{background:#000;border:1px solid #333;place-items:center;width:44px;height:44px;display:grid}.mobile-menu-scrim{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad;display:block;position:fixed;inset:64px 0 0}.mobile-navigation{background:#050505;border-bottom:1px solid #333;border-left:1px solid #333;width:min(330px,100%);padding:14px;position:absolute;top:0;right:0}.mobile-navigation>div,.mobile-navigation>p,.mobile-navigation>button{background:0 0;border:0;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:10px;min-height:54px;margin:0;font:400 9px/1 DM Mono,monospace;display:flex}.mobile-navigation>button{cursor:pointer;justify-content:flex-start;width:100%}.home-main,.detail-main{width:calc(100% - 28px)}.home-main{padding:36px 0 48px}.home-heading{flex-direction:column;align-items:flex-start;gap:22px}h1{font-size:58px}.home-command{align-items:flex-start;width:100%}.home-actions{border:1px solid var(--line);grid-template-columns:1fr}.home-actions button{text-align:left;min-height:44px;padding:0 14px}.home-actions button+button{border-left:0;border-top:1px solid var(--line)}.device-grid{grid-template-columns:1fr}.device-column{padding:14px 0 20px}.device-column+.device-column{border-left:0;border-top:1px solid var(--line)}.screen{aspect-ratio:16/11}.detail-main{justify-content:flex-start;padding:24px 0 32px}.device-console{aspect-ratio:auto;grid-template-columns:1fr;max-height:none}.ssh-console{min-height:430px}.terminal-body{padding:28px 20px}.controls{border-left:0;border-top:1px solid var(--line);grid-template-rows:repeat(5,minmax(52px,auto));grid-template-columns:repeat(2,minmax(0,1fr))}.controls button+button{border-top:0}.controls button:nth-child(n+3){border-top:1px solid var(--line)}.controls button:nth-child(2n){border-left:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}input,select{color:#fff;font:inherit}input::placeholder{color:#515151}.session-loading{color:#777;letter-spacing:.16em;background:#000;place-content:center;justify-items:center;gap:28px;min-height:100dvh;font:400 8px/1 DM Mono,monospace;display:grid}.login-page{background:#000;grid-template-columns:minmax(360px,560px) 1fr;min-height:100dvh;display:grid}.login-panel{z-index:2;background:#000;border-right:1px solid #272727;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(28px,5vw,72px);display:flex;position:relative}.login-brand{justify-content:space-between;align-items:center;display:flex;position:absolute;top:clamp(24px,4vw,48px);left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px)}.login-logo{cursor:default}.security-state{color:#6d6d6d;letter-spacing:.12em;align-items:center;gap:7px;font:400 7px/1 DM Mono,monospace;display:flex}.security-state i{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #fff}.login-copy{margin-top:40px}.login-copy p,.eyebrow{color:#666;letter-spacing:.15em;margin:0;font:400 8px/1 DM Mono,monospace}.login-copy h1{margin:15px 0 18px;font-size:clamp(58px,7vw,92px)}.login-copy>span{color:#8b8b8b;font-size:12px}.login-form{gap:16px;margin-top:42px;display:grid}.login-form label,.create-fields label{gap:8px;display:grid}.login-form label>span,.create-fields label>span{color:#696969;letter-spacing:.12em;font:400 7px/1 DM Mono,monospace}.login-form input,.create-fields input,.create-fields select,.account-search,.account-controls input{background:#050505;border:1px solid #343434;border-radius:0;outline:0;height:46px;padding:0 13px;font:400 11px/1 DM Mono,monospace}.login-form input:focus,.create-fields input:focus,.create-fields select:focus,.account-search:focus-within,.account-controls input:focus{border-color:#8b8b8b}.primary-action{color:#000;letter-spacing:.1em;cursor:pointer;background:#fff;border:1px solid #fff;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 14px;font:500 8px/1 DM Mono,monospace;display:flex}.primary-action:hover{background:#d7d7d7}.primary-action:disabled{opacity:.55;cursor:wait}.login-arrow{transform:rotate(180deg)}.form-error,.form-message{color:#dca1a1;background:#160b0b;border:1px solid #633;align-items:center;min-height:34px;padding:10px 12px;font:400 8px/1.5 DM Mono,monospace;display:flex}.form-message{color:#a5d2b2;background:#09120c;border-color:#31583e}.login-footnote{color:#565656;letter-spacing:.04em;align-items:center;gap:8px;margin:22px 0 0;font:400 7px/1.4 DM Mono,monospace;display:flex}.login-art{background:radial-gradient(circle,#151515 0,#050505 44%,#000 72%);place-items:center;min-height:100%;display:grid;position:relative;overflow:hidden}.login-grid{background-image:linear-gradient(#1c1c1c 1px,#0000 1px),linear-gradient(90deg,#1c1c1c 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:-30%;transform:perspective(720px)rotateX(62deg)rotate(-22deg);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 64%);mask-image:radial-gradient(circle,#000 10%,#0000 64%)}.login-orbit{aspect-ratio:1;border:1px solid #353535;border-radius:50%;place-items:center;width:clamp(170px,25vw,320px);display:grid;position:relative;box-shadow:0 0 0 38px #ffffff05,0 0 0 76px #ffffff03}.login-orbit:before,.login-orbit:after{content:"";border:1px solid #242424;position:absolute;inset:15%;transform:rotate(45deg)}.login-orbit:after{background:#fff;inset:30%;transform:rotate(45deg)}.login-orbit span{z-index:1;color:#000;letter-spacing:-.12em;font:500 clamp(24px,4vw,46px)/1 DM Mono,monospace;position:relative}.login-art>p{color:#4f4f4f;text-align:right;letter-spacing:.12em;margin:0;font:400 7px/1.6 DM Mono,monospace;position:absolute;bottom:clamp(24px,5vw,56px);right:clamp(24px,5vw,64px)}.admin-button,.icon-action{letter-spacing:.08em;cursor:pointer;background:#000;border:1px solid #333;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 11px;font:400 8px/1 DM Mono,monospace;display:flex}.admin-button:hover,.icon-action:hover{color:#000;background:#fff}.icon-action{width:36px;padding:0}.empty-devices{text-align:center;background:radial-gradient(circle,#111 0,#050505 54%,#000 100%);border:1px solid #292929;flex-direction:column;justify-content:center;align-items:center;min-height:min(430px,52vh);display:flex}.empty-devices h2{letter-spacing:.08em;margin:18px 0 8px;font-size:13px;font-weight:500}.empty-devices p{color:#626262;max-width:360px;margin:0;font-size:10px}.admin-scrim{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-panel{background:#050505;border-left:1px solid #353535;width:min(780px,96vw);height:100%;overflow-y:auto;box-shadow:-30px 0 80px #000}.admin-panel>header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505ed;border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;min-height:92px;padding:22px 26px;display:flex;position:sticky;top:0}.admin-panel>header p{color:#666;letter-spacing:.14em;margin:0 0 7px;font:400 7px/1 DM Mono,monospace}.admin-panel>header h2{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:500;line-height:1}.create-account{border-bottom:1px solid #292929;gap:16px;padding:24px 26px;display:grid}.section-label{letter-spacing:.1em;align-items:center;gap:8px;font:400 8px/1 DM Mono,monospace;display:flex}.section-label strong{color:#888;border:1px solid #333;place-items:center;min-width:25px;height:22px;margin-left:auto;font-weight:400;display:grid}.create-fields{grid-template-columns:1fr 1fr 1.15fr;gap:10px;display:grid}.duration-input{grid-template-columns:minmax(0,.7fr) minmax(90px,1.3fr);display:grid}.duration-input input{border-right:0;min-width:0}.create-fields select{appearance:none;color:#aaa;min-width:0}.create-account .primary-action{justify-self:start;min-width:190px}.account-directory{padding:24px 26px 34px}.directory-tools{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.account-search{color:#777;align-items:center;gap:8px;width:min(260px,45%);display:flex}.account-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font:400 10px/1 DM Mono,monospace}.account-directory>.form-error,.account-directory>.form-message{margin-bottom:12px}.account-list{border-top:1px solid #2c2c2c}.account-row{border-bottom:1px solid #2c2c2c;grid-template-columns:38px minmax(130px,1fr) 125px minmax(235px,auto);align-items:center;gap:12px;min-height:76px;padding:12px 0;display:grid}.account-avatar{color:#aaa;background:#0d0d0d;border:1px solid #3a3a3a;place-items:center;width:38px;height:38px;font:400 9px/1 DM Mono,monospace;display:grid}.account-identity{gap:6px;min-width:0;display:grid}.account-identity strong{text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.account-identity span{text-overflow:ellipsis;color:#626262;white-space:nowrap;font:400 6px/1 DM Mono,monospace;overflow:hidden}.account-time{color:#9a9a9a;white-space:nowrap;align-items:center;gap:7px;font:400 8px/1 DM Mono,monospace;display:flex}.account-controls{grid-template-columns:58px repeat(3,34px);justify-content:end;gap:5px;display:grid}.account-controls input{width:58px;height:34px;padding:0 7px}.account-controls button{cursor:pointer;background:#090909;border:1px solid #343434;place-items:center;width:34px;height:34px;display:grid}.account-controls button:hover{color:#000;background:#fff}.account-controls .danger-action:hover{color:#fff;background:#c95858;border-color:#c95858}.locked-account{color:#656565;justify-content:flex-end;justify-self:end;align-items:center;gap:7px;min-width:110px;font:400 7px/1 DM Mono,monospace;display:flex}.directory-empty{color:#5a5a5a;text-align:center;letter-spacing:.1em;margin:0;padding:42px 0;font:400 8px/1 DM Mono,monospace}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-panel{border-right:0}.login-art{display:none}.create-fields{grid-template-columns:1fr 1fr}.create-fields label:last-child{grid-column:1/-1}.account-row{grid-template-columns:38px 1fr 120px}.account-controls,.locked-account{grid-column:2/-1;justify-content:start;justify-self:stretch}}@media (width<=620px){.desktop-signout,.header-actions>.admin-button{display:none}.mobile-navigation>div{flex-direction:column;justify-content:center;align-items:flex-start}.mobile-navigation small{color:#666;font-size:7px}.home-actions span{justify-items:start;min-height:36px;padding:0 12px}.home-actions span+span{border-left:0;border-top:1px solid var(--line)}.login-panel{justify-content:flex-start;padding:100px 24px 36px}.login-brand{top:24px;left:24px;right:24px}.login-copy{margin-top:38px}.login-copy h1{font-size:58px}.login-form{margin-top:34px}.admin-panel{width:100%}.admin-panel>header,.create-account,.account-directory{padding-left:16px;padding-right:16px}.create-fields{grid-template-columns:1fr}.create-fields label:last-child{grid-column:auto}.create-account .primary-action{justify-self:stretch}.directory-tools{flex-direction:column;align-items:stretch}.account-search{width:100%}.account-row{grid-template-columns:38px minmax(0,1fr)}.account-time,.account-controls,.locked-account{grid-column:2}}