:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0a0f14;color:#d7e6f0}*{box-sizing:border-box}body{margin:0}.page{max-width:1080px;margin:0 auto;padding:22px 16px 48px}.page-head{display:flex;align-items:baseline;justify-content:space-between}.page-head h1{font-size:20px;margin:0 0 14px}.disconnect{background:none;border:1px solid #345063;color:#7d9ab0;border-radius:5px;padding:4px 10px;cursor:pointer;font-size:11px}.error{color:#ef9a8f;background:#3a1d1d66;border:1px solid #7a3a3a;border-radius:6px;padding:8px 12px}.gate{min-height:100vh;display:grid;place-items:center}.gate-card{width:min(440px,92vw);display:flex;flex-direction:column;gap:12px;padding:26px;background:#101922;border:1px solid #2c4356;border-radius:10px}.gate-card h1{font-size:18px;margin:0}.gate-card p{color:#93aec2;font-size:12px;line-height:1.5;margin:0}.gate-card label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#7d9ab0;text-transform:uppercase;letter-spacing:.06em}.gate-card input{padding:9px 10px;background:#0a1219;border:1px solid #345063;border-radius:6px;color:#d7e6f0;font-size:13px}.gate-card button{padding:10px;background:#c96a28;border:0;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.chart{margin:10px 0 18px;padding:12px;background:#101922;border:1px solid #2c4356;border-radius:8px}.chart-legend{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:#93aec2}.chart-range{margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.fps{background:#8fd8a0}.dot.p95{background:#e0a94b}.chart svg{width:100%;height:auto;display:block}.chart .axis{stroke:#2c4356;stroke-width:1}.chart .tick{fill:#7d9ab0;font-size:9px}.chart .line.fps{stroke:#8fd8a0;stroke-width:1.6}.chart .line.p95{stroke:#e0a94b;stroke-width:1.4;stroke-dasharray:4 3}.chart .pt.fps{fill:#8fd8a0}.table-wrap{background:#101922;border:1px solid #2c4356;border-radius:8px;overflow:hidden}.filters{display:flex;gap:8px;padding:10px;border-bottom:1px solid #2c4356}.filters input,.filters select{padding:7px 9px;background:#0a1219;border:1px solid #345063;border-radius:6px;color:#d7e6f0;font-size:12px}.filters input:first-child{flex:1}.compare-btn{margin-left:auto;padding:7px 12px;background:#24506e;border:1px solid #3a6f93;border-radius:6px;color:#d7e6f0;cursor:pointer}.compare-btn:disabled{opacity:.45;cursor:default}.reports{width:100%;border-collapse:collapse;font-size:12px}.reports th{padding:8px;text-align:left;color:#7d9ab0;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.reports td{padding:7px 8px;border-top:1px solid #1d2f3d;font-variant-numeric:tabular-nums}.reports th.num,.reports td.num{text-align:right}.reports tr:hover td{background:#16222d}.reports tr.marked td{background:#1c3040}.reports .link{color:#8fc3e8;cursor:pointer}.reports .empty{text-align:center;color:#7d9ab0;padding:22px}.num.good{color:#8fd8a0}.num.mid{color:#e0c06a}.num.bad{color:#ef9a8f}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;color:#7d9ab0;font-size:11px}.table-foot button{background:#24506e;border:1px solid #3a6f93;border-radius:5px;color:#d7e6f0;padding:5px 10px;cursor:pointer}.detail-wrap{background:#101922;border:1px solid #2c4356;border-radius:8px;padding:16px}.detail-wrap h2{font-size:16px;margin:4px 0 6px}.detail-wrap h3{font-size:12px;margin:16px 0 8px;color:#b8d2e4;text-transform:uppercase;letter-spacing:.08em}.detail-wrap h4{font-size:12px;margin:12px 0 6px;color:#b8d2e4}.back{background:none;border:0;color:#8fc3e8;cursor:pointer;padding:0;font-size:12px}.sysline{color:#93aec2;font-size:12px;line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0 4px}.stat-grid>div{padding:8px 9px;background:#16222d;border:1px solid #3d5a7055;border-radius:6px}.stat-grid small{display:block;color:#7d9ab0;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.stat-grid strong{display:block;margin-top:3px;font-size:14px;color:#e6f2fa;font-variant-numeric:tabular-nums}.reports.detail{margin-top:6px}.raw{margin-top:14px}.raw summary{cursor:pointer;color:#8fc3e8;font-size:12px}.raw pre{max-height:380px;overflow:auto;padding:10px;background:#0a1219;border:1px solid #2c4356;border-radius:6px;font-size:10.5px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delta.good{color:#8fd8a0}.delta.bad{color:#ef9a8f}.compare-seg{margin-bottom:8px}