:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--ring:#0b0b0b1a;--hover:#0b0b0b0d;--series-1:#2a78d6;--series-2:#eb6834;--series-other:#898781;--age-1:#86b6ef;--age-2:#5598e7;--age-3:#2a78d6;--age-4:#1c5cab;--age-5:#104281;--good:#006300;--critical:#b02a2a;--focus:#2a78d6}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#898781;--grid:#2c2c2a;--axis:#383835;--ring:#ffffff1a;--hover:#ffffff12;--series-1:#3987e5;--series-2:#d95926;--age-1:#184f95;--age-2:#256abf;--age-3:#3987e5;--age-4:#6da7ec;--age-5:#9ec5f4;--good:#0ca30c;--critical:#ec6a6a;--focus:#6da7ec}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#898781;--grid:#2c2c2a;--axis:#383835;--ring:#ffffff1a;--hover:#ffffff12;--series-1:#3987e5;--series-2:#d95926;--age-1:#184f95;--age-2:#256abf;--age-3:#3987e5;--age-4:#6da7ec;--age-5:#9ec5f4;--good:#0ca30c;--critical:#ec6a6a;--focus:#6da7ec}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,p{margin:0}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--ring)}.header-inner,.main{max-width:1120px;margin:0 auto;padding:0 16px}.header-top{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.brand{margin-right:auto;font-size:16px;font-weight:600}.who{color:var(--ink-2);font-size:13px}.nav{gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.nav a{color:var(--ink-2);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 12px;text-decoration:none}.nav a:hover{background:var(--hover)}.nav a.active{color:var(--ink);border-bottom-color:var(--series-1);font-weight:600}.main{gap:16px;padding-top:16px;padding-bottom:48px;display:grid}.btn{border:1px solid var(--ring);cursor:pointer;color:var(--ink);background:0 0;border-radius:6px;padding:5px 10px}.btn:hover{background:var(--hover)}.btn[aria-pressed=true]{border-color:var(--series-1);font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters label{color:var(--ink-2);align-items:center;gap:6px;display:flex}.filters select{background:var(--surface);border:1px solid var(--ring);border-radius:6px;padding:5px 8px}.presets{flex-wrap:wrap;gap:4px;display:flex}.card{background:var(--surface);border:1px solid var(--ring);border-radius:8px;min-width:0;padding:16px}.card-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.card-title{font-size:15px;font-weight:600}.card-sub{color:var(--ink-2);font-size:13px}.card-head .spacer{gap:4px;margin-left:auto;display:flex}.stale{opacity:.55;transition:opacity .15s}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:16px;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--ring);border-radius:8px;padding:12px 16px}.tile-label{color:var(--ink-2);font-size:13px}.tile-value{margin-top:2px;font-size:24px;font-weight:600}.tile-hero .tile-value{font-size:52px;line-height:1.1}.tile-delta{color:var(--ink-2);margin-top:2px;font-size:13px}.tile-delta .up{color:var(--good)}.tile-delta .down{color:var(--critical)}.legend{flex-wrap:wrap;gap:6px 14px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.legend button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;display:inline-flex}.legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch.line{border-radius:1px;width:16px;height:2px}.swatch.line.dashed{background:repeating-linear-gradient(90deg,currentColor 0 5px,#0000 5px 8px)}.chart{width:100%;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:inherit}.axis-text{fill:var(--muted);font-size:12px}.value-text{fill:var(--ink-2);font-size:12px}.grid-line{stroke:var(--grid);stroke-width:1px}.axis-line{stroke:var(--axis);stroke-width:1px}.hit{fill:#0000}.hit:focus-visible{stroke:var(--focus);stroke-width:2px;outline:none}.mark{transition:opacity .1s}.chart.has-hover .mark{opacity:.55}.chart.has-hover .mark.on{opacity:1}.tooltip{z-index:2;pointer-events:none;background:var(--surface);border:1px solid var(--ring);border-radius:6px;min-width:140px;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 16px #0000002e}.tooltip.below{transform:translate(-50%)}.tooltip-title{color:var(--ink-2);margin-bottom:4px}.tooltip-row{align-items:center;gap:8px;line-height:1.6;display:flex}.tooltip-row .key{border-radius:1px;flex:none;width:12px;height:2px}.tooltip-row .val{color:var(--ink);margin-left:auto;padding-left:12px;font-weight:600}.tooltip-row .name{color:var(--ink-2)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}caption{text-align:left;color:var(--ink-2);padding-bottom:6px}th,td{border-bottom:1px solid var(--grid);text-align:left;white-space:nowrap;padding:6px 10px}th{color:var(--ink-2);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{border-top:1px solid var(--axis);font-weight:600}tr.sub td{color:var(--ink-2)}.notice{border:1px solid var(--ring);border-left:3px solid var(--series-2);color:var(--ink-2);background:var(--surface);border-radius:6px;padding:8px 12px;font-size:13px}.empty,.error{color:var(--ink-2);text-align:center;padding:24px 8px}.error{color:var(--critical)}.center{text-align:center;place-items:center;gap:12px;min-height:60vh;padding:16px;display:grid}@media (width<=560px){.tile-hero .tile-value{font-size:40px}.card{padding:12px}}
