:root { color-scheme: dark; --bg:#0b0c0e; --fg:#d7d3cb; --dim:#6f6a62; --acc:#c8a15a; --ok:#6bbf73; --bad:#d4736a; --line:#23252a; }
  * { box-sizing: border-box; }
  body { margin:0; background:var(--bg); color:var(--fg); font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
  .wrap { max-width: 860px; margin:0 auto; padding: 28px 16px 60px; }
  h1 { font-size:20px; letter-spacing:.16em; color:var(--acc); margin:0 0 2px; }
  .sub { color:var(--dim); margin:0 0 22px; }
  .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; margin-bottom:22px; }
  .card { background:#131417; border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
  .card b { display:block; font-size:24px; color:var(--fg); font-weight:600; }
  .card span { color:var(--dim); font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
  .status { display:flex; align-items:center; gap:9px; margin-bottom:18px; padding:11px 14px; border:1px solid var(--line); border-radius:8px; background:#131417; }
  .dot { width:9px; height:9px; border-radius:50%; background:var(--dim); flex:none; }
  .dot.on { background:var(--ok); box-shadow:0 0 9px var(--ok); }
  table { width:100%; border-collapse:collapse; }
  th,td { text-align:left; padding:6px 9px; border-bottom:1px solid var(--line); vertical-align:top; }
  th { color:var(--dim); font-size:11px; letter-spacing:.09em; text-transform:uppercase; font-weight:600; }
  td.t { color:var(--dim); white-space:nowrap; }
  .tag { display:inline-block; padding:1px 7px; border-radius:4px; background:#1d1f24; color:var(--acc); font-size:12px; }
  .tag.tool { color:#8fb7d8; }
  .tag.err { color:var(--bad); }
  .who { color:var(--ok); }
  .empty { color:var(--dim); padding:26px 9px; text-align:center; }
  code { background:#131417; border:1px solid var(--line); border-radius:4px; padding:1px 5px; color:var(--acc); }
