
:root{color-scheme:dark;
  --c1:#58a6ff;--c2:#d29922;--c3:#bc8cff;--c4:#39c5cf;--c5:#f78166;--c6:#8ddb8c;--c7:#ffa7c4}
*{box-sizing:border-box}
body{margin:0;background:#0b0e14;color:#c9d1d9;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
a{color:#58a6ff;text-decoration:underline}
a:hover{color:#79b8ff}
.wrap{max-width:1080px;margin:0 auto;padding:32px 20px 64px}
header h1{font-size:20px;margin:0 0 4px;letter-spacing:.5px}
header p{margin:0;color:#8b949e}
nav{margin:14px 0 28px;display:flex;gap:16px;flex-wrap:wrap}
nav a,.filters a{text-decoration:none}
nav a:hover,.filters a:hover{text-decoration:underline}
.panel{background:#11161f;border:1px solid #21262d;border-radius:10px;padding:18px 20px;margin:16px 0}
.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#8b949e;margin:0 0 14px}
.ua-string{font-size:15px;word-break:break-all;background:#0b0e14;border:1px solid #21262d;border-radius:8px;padding:14px;color:#e6edf3}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:7px 10px;border-bottom:1px solid #21262d;vertical-align:top}
th{color:#8b949e;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.scrollbox{max-height:420px;overflow:auto;border:1px solid #21262d;border-radius:8px}
.scrollbox table{width:100%}
.scrollbox thead th{position:sticky;top:0;background:#161c27;z-index:1}
.mono-break{word-break:break-all;max-width:520px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.card{background:#11161f;border:1px solid #21262d;border-radius:10px;padding:16px}
.card .n{font-size:26px;font-weight:700;color:#e6edf3}
.card .l{color:#8b949e;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px}
.tag.bot{background:#3d1d1d;color:#ff7b72;border:1px solid #5a2a2a}
.tag.human{background:#1d3d24;color:#7ee787;border:1px solid #2a5a34}
.bar{position:relative;background:#0b0e14;border-radius:5px;height:26px;overflow:hidden;border:1px solid #21262d}
.bar>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1f6feb,#388bfd)}
.bar>b{position:relative;padding:0 8px;line-height:26px;font-weight:600;color:#e6edf3;mix-blend-mode:difference}
.swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:1px}
.muted{color:#8b949e}
.controlbar{display:flex;gap:16px;align-items:center;margin:-10px 0 22px;flex-wrap:wrap}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filters a{padding:2px 12px;border:1px solid #21262d;border-radius:999px;color:#8b949e}
.filters a:hover{background:#161c27}
.filters a.on{background:#1f6feb;border-color:#1f6feb;color:#fff}
.divider{width:1px;height:18px;background:#21262d}
.secnav{display:flex;gap:14px;flex-wrap:wrap;margin:-8px 0 22px;font-size:12.5px}
.secnav a{color:#8b949e}
section{margin-top:36px}
section:first-of-type{margin-top:0}
.section-title{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;padding-left:12px;border-left:3px solid var(--accent,#58a6ff)}
.section-title h2{font-size:18px;font-weight:600;color:#e6edf3;text-transform:none;letter-spacing:normal;margin:0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.overview-row{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.overview-row>.chart-col{flex:3;min-width:280px}
.overview-row>.ring-col{flex:1;min-width:140px;text-align:center}
footer{margin-top:40px;color:#8b949e;font-size:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
