:root { color-scheme: light dark; --bar:#7f9cff; --bg:#0b0d12; --fg:#e7e9ee; --mut:#9aa2b2; --card:#11141d; --bd:#1e2432; }
@media (prefers-color-scheme: light) { :root { --bg:#fbfbfd; --fg:#1c1e26; --mut:#5a6072; --card:#fff; --bd:#e2e5ee; } }
* { box-sizing: border-box; }
body { margin:0; padding:40px 20px 72px; background:var(--bg); color:var(--fg);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:920px; margin:0 auto; }
h1 { font-size:2rem; margin:0 0 6px; letter-spacing:-0.02em; }
.lede { color:var(--mut); margin:0 0 20px; }
a { color:#7f9cff; text-decoration:none; }
a:hover { text-decoration:underline; }
.pills { margin:0 0 26px; }
.pills a, .tab { display:inline-block; border:1px solid var(--bd); border-radius:999px;
  padding:6px 14px; margin:4px 6px 4px 0; font-size:0.9rem; color:var(--fg); cursor:pointer; background:none; }
.tab.active { background:var(--bar); color:#fff; border-color:var(--bar); }
h2 { font-size:1.15rem; margin:26px 0 12px; }
.row { display:flex; align-items:center; gap:12px; margin:7px 0; }
.row .name { width:132px; flex:none; font-size:0.9rem; }
.row .track { flex:1; background:var(--card); border:1px solid var(--bd); border-radius:8px; height:26px; overflow:hidden; }
.row .fill { height:100%; background:var(--bar); border-radius:7px 0 0 7px; min-width:2px; }
.row .val { width:96px; flex:none; text-align:right; font-variant-numeric:tabular-nums; font-size:0.9rem; }
table { width:100%; border-collapse:collapse; font-size:0.86rem; margin-top:4px; }
th,td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--bd); white-space:nowrap; }
th { color:var(--mut); font-weight:600; }
td.num { text-align:right; font-variant-numeric:tabular-nums; }
.scroll { overflow-x:auto; }
.muted { color:var(--mut); font-size:0.88rem; }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; margin:6px 0; }
.cta { background:var(--card); border:1px solid var(--bd); border-radius:12px; padding:16px 18px; margin:26px 0; }