:root{color-scheme:light dark;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--page: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--series-1: #2a78d6;--good: #0ca30c;--critical: #d03b3b;--shadow: 0 8px 24px rgba(0, 0, 0, .15)}@media(prefers-color-scheme:dark){:root{--page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #f0efec;--text-secondary: #c3c2b7;--grid: #2c2c2a;--axis: #383835;--series-1: #3987e5;--shadow: 0 8px 24px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html{font-family:var(--font);font-size:14px;background:var(--page);color:var(--text-primary)}body{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.topbar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;background:var(--surface-1);border-bottom:1px solid var(--grid)}.brand{font-size:16px;font-weight:600}.brand-sub{margin-left:8px;font-size:13px;font-weight:400;color:var(--text-muted)}.tabs,.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--grid)}.tab,.segmented button{padding:5px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary)}.tab[aria-selected=true],.segmented button[aria-pressed=true]{background:var(--surface-1);color:var(--text-primary);font-weight:600}.ghost{padding:4px 10px;border:1px solid var(--axis);border-radius:6px;background:transparent;color:var(--text-secondary)}.search{position:relative;margin-left:auto}.search input{width:240px;padding:7px 10px;font:inherit;color:var(--text-primary);background:var(--page);border:1px solid var(--axis);border-radius:8px}.search-results{position:absolute;top:100%;right:0;z-index:3;min-width:300px;margin:4px 0 0;padding:4px;list-style:none;background:var(--surface-1);border:1px solid var(--grid);border-radius:8px;box-shadow:var(--shadow)}.search-results button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:6px 10px;border:0;border-radius:6px;background:transparent;text-align:left}.search-results button:hover,.search-results button:focus{background:var(--grid)}.status{position:relative}.status summary{display:flex;align-items:center;gap:8px;list-style:none;color:var(--text-secondary);cursor:pointer}.status summary::-webkit-details-marker{display:none}.status-body{position:absolute;top:100%;right:0;z-index:3;min-width:420px;margin-top:8px;padding:12px;background:var(--surface-1);border:1px solid var(--grid);border-radius:8px;box-shadow:var(--shadow)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.dot.ok{background:var(--good)}.dot.bad{background:var(--critical)}.banner{box-sizing:border-box;width:calc(100% - 40px);max-width:1680px;margin:20px auto 0;padding:10px 16px;color:var(--critical);background:color-mix(in srgb,var(--critical) 10%,var(--surface-1));border:1px solid var(--critical);border-radius:8px;font-weight:500}main{display:grid;gap:20px;max-width:1720px;margin:0 auto;padding:20px}.windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:16px}.card{min-width:0;padding:14px 16px;overflow-x:auto;background:var(--surface-1);border:1px solid var(--grid);border-radius:10px}.card h2{margin:0 0 10px;font-size:14px;font-weight:600}.card h2 small{margin-left:6px;font-weight:400;color:var(--text-muted)}.card h3{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--text-secondary)}.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-head h2,.card-head h3{margin:0}.controls{display:flex;align-items:center;gap:8px}.fade{opacity:.6;transition:opacity .2s}table{width:100%;border-collapse:collapse}th,td{padding:5px 8px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--grid)}th{font-size:12px;font-weight:500;color:var(--text-muted)}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.rank{width:28px;color:var(--text-muted)}.key-btn{max-width:160px;padding:0;overflow:hidden;border:0;background:transparent;font-weight:600;text-overflow:ellipsis;vertical-align:bottom}.key-btn:hover{text-decoration:underline}.muted{color:var(--text-muted)}.empty{padding:16px 0;color:var(--text-muted);text-align:center}.chart{width:100%}.ranked{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranked h3{margin-top:4px}.chart-table{max-height:240px;margin-top:8px;overflow:auto;border:1px solid var(--grid);border-radius:8px}details.numbers summary{margin:4px 0 8px;font-size:12px;color:var(--text-muted);cursor:pointer}dialog.detail{width:min(1100px,94vw);max-height:92vh;padding:0;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--grid);border-radius:12px}dialog::backdrop{background:#00000073}.detail-head{position:sticky;top:0;display:flex;align-items:baseline;gap:12px;padding:16px 20px;background:var(--surface-1);border-bottom:1px solid var(--grid)}.detail-head h2{margin:0;font-size:20px;overflow-wrap:anywhere}.detail-head .close{margin-left:auto}.detail-body{display:grid;gap:24px;padding:16px 20px 24px}.detail-body h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.tags{display:inline-flex;gap:4px}.tag{padding:1px 6px;border-radius:4px;font-size:11px;color:var(--text-secondary);background:var(--grid)}
