:root{--bg:#0f1720;--surface:#17212b;--surface-2:#1e2a37;--border:#2b3947;--text:#e6edf3;--muted:#8b98a5;--accent:#4c9aff;--accent-weak:#1c3652;--up:#4ade80;--down:#f87171;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:baseline;gap:1rem;padding:1rem 1.5rem;display:flex}.app-header h1{margin:0;font-size:1.15rem}.app-header .sub{color:var(--muted);font-size:.85rem}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}input,select,button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem}input:focus,select:focus{outline:1px solid var(--accent)}button{cursor:pointer}button.primary{background:var(--accent-weak);border-color:var(--accent);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:.55rem .75rem}th{background:var(--surface);color:var(--muted);font-weight:600;position:sticky;top:0}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.pager{color:var(--muted);align-items:center;gap:.75rem;margin-top:1rem;display:flex}.badge{background:var(--accent-weak);border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.badge.up{color:var(--up);border-color:color-mix(in srgb, var(--up) 40%, transparent)}.badge.down{color:var(--down);border-color:color-mix(in srgb, var(--down) 40%, transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.kv{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem 1.5rem;display:grid}.kv .k{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.kv .v{font-size:.95rem}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:2rem}.error{border:1px solid var(--down);background:color-mix(in srgb, var(--down) 12%, transparent);color:var(--text);border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.split{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:1rem 1.25rem;display:grid}.side-head{align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface-2);border:none;border-left:1px solid var(--border);border-radius:0;padding:.4rem .9rem}.seg button:first-child{border-left:none}.seg button.active{background:var(--accent-weak);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.bar{background:linear-gradient(to left, var(--accent-weak) var(--w,0%), transparent var(--w,0%));border-radius:4px;min-width:6ch;padding:0 .35rem;display:inline-block}details.ts{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:.6rem}details.ts>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}details.ts>summary::-webkit-details-marker{display:none}details.ts[open]>summary{border-bottom:1px solid var(--border)}details.ts .body{padding:.75rem 1rem}