:root { color-scheme: dark light; --bg:#0f1218; --card:#171c25; --fg:#e6e9ef; --muted:#8b93a3; --line:#262d3a; --ok:#3ecf8e; --warn:#f5b84b; --bad:#ef5b5b; --acc:#6aa8ff; }
@media (prefers-color-scheme: light) { :root { --bg:#f5f6f8; --card:#fff; --fg:#161a22; --muted:#5d6676; --line:#dde1e8; --ok:#16875c; --warn:#a56a00; --bad:#c23030; --acc:#2559c8; } }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.45 system-ui, sans-serif; background:var(--bg); color:var(--fg); padding:1.5rem; max-width:1100px; margin-inline:auto; }
h1 { margin:0 0 .25rem; font-size:1.5rem; }
header p { margin:0 0 1rem; color:var(--muted); }
.banner { background:color-mix(in srgb, var(--warn) 18%, transparent); border:1px solid var(--warn); padding:.6rem .9rem; border-radius:8px; }
main { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:1rem; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1rem 1.1rem; }
.card h2 { margin:0; font-size:1.1rem; display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.badge { font-size:.75rem; padding:.15rem .55rem; border-radius:999px; border:1px solid currentColor; text-transform:uppercase; letter-spacing:.04em; }
.online { color:var(--ok); } .starting { color:var(--warn); } .offline { color:var(--bad); } .unknown { color:var(--muted); }
dl { display:grid; grid-template-columns:auto 1fr; gap:.3rem .9rem; margin:.8rem 0 0; }
dt { color:var(--muted); } dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
code { font:inherit; font-weight:600; letter-spacing:.06em; }
button { font:inherit; background:none; color:var(--acc); border:1px solid var(--line); border-radius:6px; padding:.1rem .5rem; cursor:pointer; }
.note { color:var(--muted); font-size:.8rem; margin:.7rem 0 0; }
pre { max-height:280px; overflow:auto; font:12px/1.4 ui-monospace, monospace; background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:.6rem; white-space:pre-wrap; overflow-wrap:anywhere; margin:.7rem 0 0; }