:root{color-scheme:dark;--cyan:#51e9ff;--line:rgba(115,230,255,.2);--glass:rgba(4,12,22,.82)}
*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden;background:#02060c;color:#dffaff;font-family:Inter,Segoe UI,sans-serif}canvas{position:absolute;inset:0;width:100%;height:100%}.glass{border:1px solid var(--line);background:linear-gradient(135deg,rgba(8,24,40,.88),rgba(2,8,16,.74));box-shadow:0 16px 50px #0008,inset 0 0 30px #40ddff08;backdrop-filter:blur(12px)}header{position:absolute;left:28px;right:28px;top:24px;height:78px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}h1{font-size:22px;letter-spacing:.18em;margin:3px 0}.eyebrow{font:600 10px/1.2 ui-monospace,Consolas;letter-spacing:.23em;color:#68def1}.network{display:flex;gap:10px;align-items:center;font:600 11px ui-monospace,Consolas;letter-spacing:.12em}.network i{width:8px;height:8px;border-radius:50%;background:#ff4e67;box-shadow:0 0 12px #ff4e67}.network i.online{background:#54ffad;box-shadow:0 0 12px #54ffad}.network b{margin-left:20px;color:#8baebc}.telemetry{position:absolute;right:28px;top:122px;width:250px;padding:17px}.section-title{font:700 10px ui-monospace,Consolas;letter-spacing:.2em;color:#58dff8;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 18px;font:11px ui-monospace,Consolas;gap:7px}dt{color:#7392a1}dd{text-align:right;margin:0}.agent{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px 3px;border-bottom:1px solid #ffffff0a;font:11px ui-monospace,Consolas}.agent i{width:7px;height:24px;border-radius:2px}.agent small{color:#7893a0}.controls{position:absolute;left:28px;bottom:24px;right:28px;height:58px;padding:10px;display:flex;gap:10px;align-items:center}button{border:1px solid #4ddff766;color:#dffaff;background:#15354c;padding:10px 15px;font:700 10px ui-monospace,Consolas;letter-spacing:.12em;cursor:pointer}button:hover{background:#1d526b}button:disabled{opacity:.35;cursor:not-allowed}.controls span{margin-left:auto;font:11px ui-monospace,Consolas;color:#8cb3c1}.legend{position:absolute;left:28px;top:122px;padding:11px 14px;display:flex;gap:16px;font:9px ui-monospace,Consolas;letter-spacing:.1em}.legend span{display:flex;gap:6px;align-items:center}.zone{width:8px;height:8px;border-radius:50%}.entry{background:#4cd6ff}.meeting{background:#a06cff}.command{background:#ffbd59}dialog{border:1px solid #4ddff766;background:#071321;color:#dffaff;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#02060de6;backdrop-filter:blur(8px)}form{width:390px;padding:30px;display:grid;gap:13px}h2{margin:0;font-size:26px}form p{color:#88a6b3;font-size:13px}input{background:#020813;border:1px solid #28526a;color:white;padding:13px;font:12px ui-monospace,Consolas;outline:none}input:focus{border-color:var(--cyan)}
@media(max-width:800px){.telemetry{width:210px}.legend{display:none}header{left:12px;right:12px}.controls{left:12px;right:12px}.controls span{display:none}}