:root{--bg:#0e1113;--panel:#161a1d;--line:#262c30;--ink:#e7ecef;--ink-dim:#8b969d;--brand:#d0ff00;--signal:#d0ff00;--live:#4ad58a;--down:#e2574c;--mono:"SFMono-Regular", "JetBrains Mono", "Consolas", ui-monospace, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #1a2024 0%, var(--bg) 60%);color:var(--ink);font-family:var(--sans);place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);padding:28px 28px 20px;box-shadow:0 24px 60px -30px #000c}.panel__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{width:auto;height:30px;display:block}.env{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:5px 10px;font-size:11px}.env--production{color:var(--down);border-color:color-mix(in srgb, var(--down) 50%, var(--line))}.env--staging{color:#ffb648;border-color:color-mix(in srgb, #ffb648 50%, var(--line))}.env--development{color:var(--live);border-color:color-mix(in srgb, var(--live) 50%, var(--line))}.meter{align-items:flex-end;gap:3px;height:64px;margin:26px 0;padding:0 2px;display:flex}.meter__bar{background:linear-gradient(to top, var(--signal), color-mix(in srgb, var(--signal) 40%, transparent));opacity:.5;border-radius:2px 2px 0 0;flex:1;height:12%}.meter--on .meter__bar{animation:1.1s ease-in-out infinite pulse;animation-delay:calc(var(--i) * -.09s);opacity:1}.meter--off .meter__bar{background:var(--line);height:8%}@keyframes pulse{0%,to{height:14%}50%{height:92%}}@media (prefers-reduced-motion:reduce){.meter--on .meter__bar{height:50%;animation:none}}.readout{min-height:132px}.readout__msg{font-family:var(--mono);color:var(--ink-dim);margin:0}.readout__err .readout__detail{font-family:var(--mono);color:var(--down);margin:8px 0 0;font-size:13px}.readout__hint{color:var(--ink-dim);margin:6px 0 0;font-size:13px}.grid{grid-template-columns:auto 1fr;gap:10px 20px;margin:0;display:grid}.grid dt{color:var(--ink-dim);align-self:center;font-size:13px}.grid dd{text-align:right;margin:0;font-size:14px}.mono{font-family:var(--mono)}.accent{color:var(--live);text-transform:uppercase;letter-spacing:.08em}.panel__foot{border-top:1px solid var(--line);color:var(--ink-dim);font-size:12px;font-family:var(--mono);align-items:center;gap:8px;margin-top:22px;padding-top:14px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot--live{background:var(--live);box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 20%, transparent)}.dot--down{background:var(--down)}