:root{--page:#eff8f8;--surface:#fff;--ink:#17333a;--muted:#547078;--line:#9bbbc0;--good:#18794e;--bad:#b42318;--accent:#087f8c}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.45 system-ui}main{width:min(1100px,calc(100% - 24px));margin:auto;padding:18px 0 44px}header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}h1{margin:0;font-size:22px}h2{margin:22px 0 8px;font-size:15px}p{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--surface)}table{width:100%;border-collapse:collapse}th,td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase}#waterfall{display:grid;gap:5px;margin-bottom:9px}.bar{display:grid;grid-template-columns:190px minmax(0,1fr) 70px;gap:8px;align-items:center}.track{height:16px;background:color-mix(in srgb,var(--line) 35%,var(--surface))}.fill{height:100%;background:var(--accent)}.failed,.timed_out{color:var(--bad)}.completed{color:var(--good)}details{margin-top:16px}pre{overflow:auto;padding:10px;border:1px solid var(--line);background:var(--surface);white-space:pre-wrap}@media(max-width:640px){header{display:block}.bar{grid-template-columns:110px minmax(0,1fr) 58px;font-size:11px}th,td{padding:6px}}@media(prefers-color-scheme:dark){:root{--page:#0e181b;--surface:#17262a;--ink:#edf7f8;--muted:#a8c0c5;--line:#48676e;--good:#63d6a1;--bad:#ff8d84;--accent:#55cbd6}}