:root{color-scheme:light;--bg: #f6f6f4;--surface-1: #fcfcfb;--surface-2: #ffffff;--border: #e4e3df;--grid: #ebeae6;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7b7a75;--accent: #2a78d6;--status-good: #1a7f37;--status-critical: #c62828;--status-warning: #9a6700;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #4a3aa7;--series-8: #e34948;--radius: 10px;font-family:Inter,system-ui,sans-serif;font-size:14px}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--bg: #121211;--surface-1: #1a1a19;--surface-2: #222220;--border: #33332f;--grid: #2a2a27;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--accent: #3987e5;--status-good: #4ac26b;--status-critical: #ff6b6b;--status-warning: #d4a72c;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.num{font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--surface-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar h1{font-size:15px;margin:0;font-weight:700}.topbar nav{display:flex;gap:4px}.topbar nav button{background:none;border:0;padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary)}.topbar nav button[aria-current=page]{background:var(--bg);color:var(--text-primary);font-weight:600}.topbar .who{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--text-secondary)}main{max-width:1280px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.card h2{font-size:14px;margin:0 0 4px;font-weight:600}.card .sub{color:var(--text-muted);font-size:12.5px;margin:0 0 12px}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}.seg button{border:0;background:none;padding:6px 12px;cursor:pointer;color:var(--text-secondary)}.seg button[aria-pressed=true]{background:var(--text-primary);color:var(--surface-2)}.btn{border:1px solid var(--border);background:var(--surface-2);padding:7px 14px;border-radius:8px;cursor:pointer}.btn:hover{border-color:var(--text-muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--status-critical)}.btn:disabled{opacity:.5;cursor:default}select,input[type=text],input[type=email],input[type=number]{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:6px 10px}textarea{width:100%;min-height:420px;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:12px;resize:vertical}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tile{position:relative;padding-left:24px}.tile:before{content:"";position:absolute;left:12px;top:18px;bottom:18px;width:4px;border-radius:2px;background:var(--swatch)}.tile .name{font-weight:600;display:flex;gap:8px;align-items:center}.tile .hero{font-size:32px;font-weight:700;margin:6px 0 2px}.tile .meta{display:flex;gap:16px;color:var(--text-secondary);font-size:12.5px;flex-wrap:wrap}.badge{font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);font-weight:500}.delta-worse{color:var(--status-critical)}.delta-better{color:var(--status-good)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--grid);vertical-align:top}th{color:var(--text-muted);font-weight:500;font-size:12.5px}td.num,th.num{text-align:right}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--swatch);flex:none}.ok{color:var(--status-good)}.fail{color:var(--status-critical)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--text-secondary)}.legend span{display:inline-flex;gap:6px;align-items:center}.tooltip{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px #0000001f;font-size:12.5px}.tooltip .t{color:var(--text-muted);margin-bottom:4px}.tooltip .r{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:180px}.login{min-height:100vh;display:grid;place-items:center}.login .card{max-width:380px;text-align:center;padding:32px}.error{color:var(--status-critical);background:color-mix(in srgb,var(--status-critical) 8%,transparent);padding:8px 12px;border-radius:8px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{background:none;border:0;padding:8px 14px;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.split{display:grid;grid-template-columns:260px 1fr;gap:16px}.list button{display:flex;width:100%;gap:8px;align-items:center;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}.list button[aria-current=true]{background:var(--bg);font-weight:600}pre.result{background:var(--bg);padding:12px;border-radius:8px;overflow:auto;max-height:320px}@media(max-width:800px){.split{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}