:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf1f7;background:#10151c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.brand-dot{display:inline-block;width:10px;height:10px;background:#a4e786;box-shadow:5px -5px 0 #75bb5b;margin-right:12px;flex:none}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 0 90%,#213e35 0,transparent 52%)}.login-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-right:1px solid #29332f;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px}.pixel-building{font-size:240px;line-height:1;color:#a4e786;text-shadow:12px 12px 0 #305444;transform:rotate(-8deg);filter:drop-shadow(0 28px 80px #63cf7620)}.orbit{position:absolute;width:340px;height:340px;border:1px solid #a4e78620;transform:rotate(25deg);border-radius:20px}.orbit.two{width:460px;height:460px;transform:rotate(-15deg)}.login-card{width:100%;max-width:530px;padding:80px 56px;align-self:center;justify-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;margin-bottom:36px}h1{font-size:40px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 22px}h1 span{color:#a4e786}.login-card>p{font-size:15px;line-height:1.7;color:#aab6c4;margin-bottom:28px}label{display:block;font-size:12px;font-weight:600;color:#c6cfdb;margin:18px 0 8px}input{width:100%;padding:13px 15px;border-radius:8px;background:#171f28;border:1px solid #35404c;color:#fff;outline:none}input:focus{border-color:#a4e786;box-shadow:0 0 0 3px #a4e78616}button{border:0;border-radius:8px;background:#a4e786;color:#152311;padding:13px 18px;font-weight:650}#login-submit{width:100%;display:flex;justify-content:space-between;margin-top:14px}.login-card small{display:block;color:#7f8c9c;font-size:11px;line-height:1.7;margin-top:24px}.login-card .error{margin:12px 0 0;color:#f4ad9e;font-size:13px;min-height:20px}.app{height:100dvh;display:flex;flex-direction:column}header{min-height:66px;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:10px 24px;border-bottom:1px solid #303744;background:#10151c;z-index:10}.brand{display:flex;align-items:center;font-size:22px;font-weight:800;letter-spacing:-.8px}.remote-label{margin-left:9px;align-self:center;color:#8c9aa9;border:1px solid #34404c;border-radius:4px;padding:3px 5px;letter-spacing:.7px;font-size:9px;text-transform:uppercase}.device-picker{display:flex;gap:12px;align-items:center}select{max-width:250px;border-radius:7px;border:1px solid #34404c;background:#19212c;color:#edf1f7;padding:9px 30px 9px 12px;cursor:pointer}.connection{color:#8794a6;font-size:11px;white-space:nowrap}.connection.online{color:#a4e786}.connection::before{content:'●';margin-right:5px;font-size:8px}.header-actions{display:flex;align-items:center;gap:20px}.quiet{padding:8px 12px;background:#1c2631;color:#bcc9d9;font-size:12px;border:1px solid #34404c}#counts{color:#95a3b6;font-size:11px}main{flex:1;position:relative;min-height:0}iframe{border:0;width:100%;height:100%;background:#12151d}.offline{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:radial-gradient(ellipse at 50% 50%,#19262c,#10151c 70%)}.offline-icon{font-size:64px;color:#a4e786;line-height:1.3}h2{font-size:25px;letter-spacing:-.6px;margin:18px 0 6px}.offline p{max-width:430px;color:#9eacbd;line-height:1.7;font-size:14px}.offline button{margin:12px}.offline small{max-width:360px;color:#6f8094;line-height:1.6;font-size:11px;margin-top:18px}.loading{height:100dvh;display:flex;justify-content:center;align-items:center;color:#aab6c4;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.login{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:48px 26px;max-width:460px}h1{font-size:36px}header{gap:10px;padding:10px 12px;flex-wrap:wrap;min-height:92px}.brand{font-size:19px}.header-actions{margin-left:auto}#counts{display:none}.device-picker{order:3;width:100%;justify-content:space-between;gap:8px}select{padding:7px 12px;font-size:12px;max-width:70%}.connection{font-size:10px}.remote-label{font-size:8px}.quiet{padding:6px 10px}.brand-dot{width:8px;height:8px}}