:root{--navy: #0b0e14;--navy-2: #121722;--panel: #161c28;--line: #232b3a;--cyan: #00f0ff;--aqua: #7fd4c1;--ink: #e7ecf3;--muted: #8a95a8;--good: #3ecf8e;--warn: #f5b544;--crit: #ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#12202b 0%,var(--navy) 55%);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.num,.stat-value,.meter-foot .num{font-variant-numeric:tabular-nums}.app{max-width:860px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:18px}.masthead{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.2px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.brand .sep{color:var(--line)}.muted{color:var(--muted);font-weight:400}.pill{font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:999px}.pill-mock{background:#f5b54426;color:var(--warn);border:1px solid rgba(245,181,68,.4)}.pill-live{background:#3ecf8e26;color:var(--good);border:1px solid rgba(62,207,142,.4)}.trust{background:linear-gradient(180deg,#7fd4c11a,#7fd4c108);border:1px solid rgba(127,212,193,.35);border-left:3px solid var(--aqua);border-radius:10px;padding:12px 14px;font-size:13.5px}.trust strong{color:var(--aqua)}.config{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.config input{background:var(--navy-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 10px;font:inherit}.config input:focus{outline:none;border-color:var(--cyan)}.config-actions{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.endpoint{font-size:12px;margin-left:auto}.todo{font-size:12px;margin:10px 0 0}button{background:var(--cyan);color:#04222a;border:0;font:inherit;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.banner{border-radius:10px;padding:12px 14px;font-size:13.5px}.banner-error{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:var(--crit)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.stat-prominent{background:linear-gradient(180deg,var(--panel),#1a2230)}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.stat-value{font-size:40px;font-weight:700;line-height:1.1;margin:4px 0 2px}.stat-prominent .stat-value{font-size:52px}.stat-sub{font-size:12px}.meters{display:flex;flex-direction:column;gap:12px}.meter{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.meter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.meter-label{font-weight:600}.chip{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:lowercase}.chip-good{background:#3ecf8e26;color:var(--good)}.chip-warn{background:#f5b54426;color:var(--warn)}.chip-critical{background:#ff6b6b26;color:var(--crit)}.track{height:8px;background:var(--navy-2);border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;transition:width .3s ease}.fill-good{background:var(--good)}.fill-warn{background:var(--warn)}.fill-critical{background:var(--crit)}.meter-foot{display:flex;align-items:baseline;gap:10px;margin-top:8px;font-size:12px}.meter-foot .num{font-size:15px;font-weight:600}.guardian-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}.guardian-badges .chip{font-size:12px;padding:4px 11px}.text-good{color:var(--good)}.text-warn{color:var(--warn)}.text-critical{color:var(--crit)}.empty{text-align:center;padding:44px 24px;background:var(--panel);border:1px dashed var(--line);border-radius:14px}.empty-mark{font-size:40px;color:var(--aqua);opacity:.8}.empty h2{margin:12px 0 6px;font-size:18px}.empty p{max-width:46ch;margin:0 auto;color:var(--muted);font-size:14px}.foot{font-size:12px;text-align:center;margin-top:8px}@media (max-width: 560px){.config-row,.summary{grid-template-columns:1fr}}