:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e9f3ff;background:#08111e;--line:#23344a;--muted:#92aac6;--cyan:#45ded5}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 5vw;border-bottom:1px solid var(--line);background:#0c1828}header strong{letter-spacing:4px;font-size:24px}header span{margin-left:18px;font-size:11px;letter-spacing:3px;color:var(--muted)}#who{margin-left:auto;color:var(--muted)}main{max-width:1450px;margin:auto;padding:30px 4vw}h1{font-size:30px;margin:0 0 10px}h2{font-size:20px}p,small{color:var(--muted);line-height:1.6}.card{background:linear-gradient(140deg,#112138,#0d1929);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:20px}.narrow{max-width:480px;margin:8vh auto}label{display:block;margin:15px 0;color:var(--muted);font-size:14px}input,select,textarea{display:block;width:100%;padding:13px;margin-top:7px;color:#e9f3ff;background:#081422;border:1px solid #304762;border-radius:10px;font:inherit}textarea{min-height:100px}button{padding:12px 17px;border:1px solid #304762;border-radius:10px;background:#142940;color:#fff;font:inherit;cursor:pointer}button:hover{border-color:var(--cyan)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--cyan);color:#062522;border:0;font-weight:650}.danger{border-color:#e76877;color:#ff9ca6}.heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px}.layout{display:grid;grid-template-columns:300px 1fr;gap:22px}aside button{display:block;width:100%;text-align:left;margin-bottom:12px;padding:20px}aside button.selected{border-color:var(--cyan);background:#163b48}.pill{font-size:12px;padding:5px 9px;border-radius:8px;background:#173343;color:var(--cyan)}.offline{background:#352935;color:#ffb6ba}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{padding:18px;background:#081422;border-radius:13px}.metric strong{display:block;font-size:23px;margin-top:8px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline input,.inline select{width:auto;flex:1;min-width:130px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left}#notice{padding:14px;border-radius:12px;background:#183849;margin-bottom:20px;display:none;white-space:pre-wrap}dialog{max-width:500px;width:90vw;border:1px solid #304762;border-radius:20px;background:#112138;color:#fff;padding:28px}dialog::backdrop{background:#0009}svg{width:100%;max-height:250px;background:#061626;border-radius:15px}.coordinates{font-variant-numeric:tabular-nums}@media(max-width:800px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}header span{display:none}header{gap:10px}main{padding:20px 4vw}.card{padding:18px}.heading{align-items:flex-start}aside{display:flex;overflow:auto;gap:10px}aside button{min-width:210px}table{font-size:11px}}