:root{--bg: #0f1117;--panel: #171a23;--border: #2a2f3d;--text: #e6e8ee;--muted: #8b92a5;--ok: #3fb950;--down: #f85149;--idle: #6b7280;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:720px;margin:0 auto;padding:56px 16px 64px}.muted{color:var(--muted)}.err{color:var(--down)}.hero{text-align:center;margin-bottom:40px}.hero h1{font-size:26px;margin:14px 0 6px}.beacon{width:56px;height:56px;border-radius:50%;margin:0 auto;position:relative}.beacon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.beacon.ok{background:#3fb9502e}.beacon.ok:after{background:var(--ok);top:16px;right:16px;bottom:16px;left:16px;box-shadow:0 0 18px var(--ok)}.beacon.down{background:#f851492e}.beacon.down:after{background:var(--down);top:16px;right:16px;bottom:16px;left:16px;box-shadow:0 0 18px var(--down)}.beacon.idle{background:#6b72802e}.beacon.idle:after{background:var(--idle);top:16px;right:16px;bottom:16px;left:16px}.services{display:flex;flex-direction:column;gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card-head{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.ok{background:var(--ok)}.dot.down{background:var(--down)}.dot.idle{background:var(--idle)}.name{font-weight:600;color:var(--text)}.name:hover{text-decoration:underline}.badge{margin-left:auto;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}.badge.ok{color:var(--ok);background:#3fb9501f}.badge.down{color:var(--down);background:#f851491f}.badge.idle{color:var(--idle);background:#6b72801f}.spark{display:flex;gap:2px;align-items:flex-end;height:28px;margin:14px 0 12px}.spark .bar{flex:1;min-width:0;height:100%;border-radius:2px}.spark .bar.ok{background:var(--ok);opacity:.85}.spark .bar.down{background:var(--down)}.spark .bar.empty{background:var(--border);opacity:.4}.metrics{display:flex;gap:18px;font-size:13px}footer{text-align:center;margin-top:40px;font-size:12px}