:root { color-scheme: dark; --bg:#10131a; --panel:#181d27; --muted:#91a0b5; --text:#eef3fb; --accent:#78d5bb; --warn:#f1bf74; --line:#2b3443; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at top right,#1c2930 0,#10131a 42%); color:var(--text); font:15px/1.5 system-ui,sans-serif; }
.topbar, main { width:100%; max-width:none; margin:0; padding:24px 32px; }
.topbar { display:flex; justify-content:space-between; align-items:end; gap:20px; }
h1 { margin:0; font-size:clamp(2rem,5vw,3.7rem); letter-spacing:-.05em; }
.eyebrow { color:var(--accent); font-size:.75rem; letter-spacing:.16em; margin:0 0 4px; }
.toggle { color:var(--muted); border:1px solid var(--line); background:var(--panel); padding:10px 14px; border-radius:999px; }
.toggle input { accent-color:var(--accent); }
.status { color:var(--muted); min-height:28px; }
.tabs { display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--line); margin:14px 0 20px; }
.tab { color:var(--muted); background:none; border:0; padding:12px 6px; cursor:pointer; border-bottom:2px solid transparent; }
.tab.active { color:var(--text); border-color:var(--accent); }
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:18px; }
.stat,.empty { background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--line); border-radius:14px; padding:16px; }
.stat strong { display:block; font-size:1.7rem; }
.stat span,.muted,.empty p { color:var(--muted); }
.baseline { display:grid; gap:8px; margin-bottom:16px; }
.runtime-sweep { margin-bottom:16px; }
.runtime-card { background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--line); border-radius:14px; padding:14px 16px; }
.runtime-card summary { display:flex; flex-wrap:wrap; gap:12px; cursor:pointer; }
.runtime-card summary span,.runtime-note { color:var(--muted); font-size:.86rem; }
.runtime-note { margin:10px 0 12px; max-width:1100px; }
.runtime-grid { display:grid; grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,1fr)); gap:0; overflow-x:auto; }
.runtime-header { color:var(--muted); font-size:.78rem; font-weight:650; border-bottom:1px solid var(--line); }
.runtime-header span,.runtime-row > div { padding:9px 10px; border-right:1px solid color-mix(in srgb,var(--line) 70%,transparent); }
.runtime-row { display:contents; }
.runtime-row > div strong,.runtime-row > div small { display:block; }
.runtime-row > div small { color:var(--muted); margin-top:3px; }
.banner { background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:10px; padding:10px 14px; }
.banner.warn { border-left-color:var(--warn); }
.banner strong { display:block; }
.banner span { color:var(--muted); font-size:.86rem; }
.unscored { color:var(--muted); }
.baseline-tag { color:var(--accent); }
.rank-total { color:var(--muted); font-weight:400; font-size:.82rem; }
.selection { background:#21352f; border:1px solid #396a5b; border-radius:14px; padding:12px 16px; margin-bottom:16px; color:var(--accent); }
.model-scope-controls { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.model-scope { color:var(--muted); border:1px solid var(--line); border-radius:999px; background:var(--panel); padding:7px 11px; cursor:pointer; font:inherit; }
.model-scope:hover,.model-scope.active { color:var(--accent); border-color:var(--accent); }
.list-shell { overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.model-list { min-width:1040px; }
.model-list.header-row,.model-row { display:grid; grid-template-columns:minmax(240px,1.7fr) minmax(120px,.8fr) minmax(190px,1.2fr) minmax(250px,1.7fr) minmax(105px,.65fr) minmax(80px,.5fr) minmax(125px,.8fr) minmax(115px,.75fr) minmax(120px,.85fr) minmax(170px,1.05fr) minmax(145px,1fr) minmax(190px,1.25fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(115px,.7fr) minmax(190px,1.25fr) minmax(145px,.9fr) minmax(115px,.7fr); }
.candidate-list .model-list.header-row,.candidate-list .model-row { grid-template-columns:minmax(240px,1.7fr) minmax(120px,.8fr) minmax(190px,1.2fr) minmax(250px,1.7fr) minmax(105px,.65fr) minmax(80px,.5fr) minmax(125px,.8fr) minmax(115px,.75fr) minmax(120px,.85fr) minmax(145px,1fr) minmax(190px,1.25fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(115px,.7fr) minmax(190px,1.25fr) minmax(145px,.9fr) minmax(115px,.7fr); }
.header-row { position:sticky; top:0; z-index:1; background:#202733; border-bottom:1px solid var(--line); }
.sort-button { display:flex; justify-content:space-between; gap:8px; width:100%; border:0; border-right:1px solid var(--line); background:none; color:var(--muted); cursor:pointer; font:inherit; font-weight:650; padding:13px 14px; text-align:left; }
.static-header { padding:13px 14px; border-right:1px solid var(--line); color:var(--muted); font:inherit; font-weight:650; }
.static-header small { display:block; margin-top:3px; font-weight:400; }
.sort-button:hover,.sort-button[aria-sort="asc"],.sort-button[aria-sort="desc"] { color:var(--accent); }
.model-row { border-bottom:1px solid var(--line); }
.model-row:last-child { border-bottom:0; }
.model-row:hover { background:#1d2530; }
.model-row.baseline-row { background:#1d2c2c; border-block:1px solid color-mix(in srgb,var(--accent) 55%,var(--line)); }
.model-row.baseline-row:hover { background:#223736; }
.baseline-row .model-cell:first-child { border-left:3px solid var(--accent); }
.model-cell { min-width:0; padding:14px; border-right:1px solid color-mix(in srgb,var(--line) 70%,transparent); overflow-wrap:anywhere; }
.model-cell strong { display:block; color:var(--text); }
.model-cell small { display:block; color:var(--muted); margin-top:4px; overflow-wrap:anywhere; }
.model-name { display:flex; flex-direction:column; align-items:flex-start; }
.model-name input { float:left; accent-color:var(--accent); margin:2px 8px 4px 0; }
.badges { display:flex; flex-wrap:wrap; gap:6px; }
.badge { border:1px solid var(--line); border-radius:999px; padding:2px 8px; font-size:.76rem; color:var(--muted); white-space:nowrap; }
.badge.improves { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); }
.badge.warn { color:var(--warn); }
.row-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.row-actions button { border:1px solid var(--line); border-radius:6px; background:#252e3b; color:var(--text); padding:5px 8px; cursor:pointer; font:inherit; font-size:.78rem; }
.row-actions button:hover { border-color:var(--accent); color:var(--accent); }
.discard-button { color:var(--warn) !important; }
@media (max-width:700px) { .topbar, main { padding:18px; } .topbar { align-items:start; flex-direction:column; } .list-shell { margin-inline:-4px; } }