:root{
  --primary:#17171c; --ink:#212121; --deep-green:#003c33; --dark-navy:#071829;
  --canvas:#fff; --soft-stone:#eeece7; --pale-green:#edfce9; --pale-blue:#f1f5ff;
  --hairline:#d9d9dd; --muted:#93939f; --slate:#75758a; --coral:#ff7759;
  --red:#b30000; --orange:#ff7759; --yellow:#f7c948;
}
*{box-sizing:border-box} body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Arial,ui-sans-serif,system-ui;line-height:1.5}
.announce{height:36px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.02em}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--hairline)}
.logo{font-size:18px;font-weight:600;letter-spacing:-.02em}.nav a{color:var(--ink);text-decoration:none;margin-left:22px;font-size:14px}.btn{border:0;border-radius:32px;background:var(--primary);color:#fff;padding:12px 22px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block}.btn.outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}
.hero{padding:72px 64px 48px}.hero h1{font-size:72px;line-height:1;letter-spacing:-1.44px;font-weight:400;margin:0 0 24px}.hero p{font-size:18px;max-width:900px;color:#616161}
.container{padding:32px 64px 80px}.band{background:var(--deep-green);color:white;border-radius:22px;padding:32px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #f2f2f2;border-radius:8px;padding:24px}.stone{background:var(--soft-stone)}.card h3{font-size:24px;font-weight:400;margin:0 0 10px}.metric{font-size:44px;letter-spacing:-.04em;line-height:1}.muted{color:var(--muted);font-size:14px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid var(--hairline);padding:12px;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;color:var(--slate);font-weight:500}.pill{border-radius:9999px;padding:5px 10px;font-size:12px;display:inline-block;border:1px solid var(--hairline);min-width:60px;text-align:center}.red{background:#fee2e2;color:#991b1b}.orange{background:#ffedd5;color:#9a3412}.yellow{background:#fef9c3;color:#854d0e}.green{background:#dcfce7;color:#166534}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-card{background:#fff;border-radius:22px;padding:32px;border:1px solid var(--hairline)}input,select,textarea{border:1px solid var(--hairline);border-radius:4px;padding:10px 12px;font:inherit}.tooltip{max-width:360px}.reason{font-size:13px;color:#616161}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.02em}.section-title{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-.48px;margin:32px 0 18px}@media(max-width:900px){.grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero,.container{padding:28px}.nav{padding:0 20px}}
.label{min-width:80px}
.evaluation{min-width:180px}

/* Human evaluation status */
.small { font-size: 12px; margin-top: 4px; }
.muted-pill { background:#f2f2f2; color:#616161; border:1px solid #d9d9dd; }
.eval-actions { margin-top: 8px; gap: 6px; flex-wrap: nowrap; }
.eval-ok { color:#003c33; font-size: 13px; margin-bottom: 4px; }
.eval-bad { color:#b30000; font-size: 13px; margin-bottom: 4px; }
.btn.outline.selected { background:#17171c; color:#fff; border-color:#17171c; }

/* Progress Bar */
.progress-panel {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: #ffffff;
}

.progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.progress-title {
  font-size: 16px;
  font-weight: 500;
  color: #212121;
}

#progress-percent {
  font-size: 14px;
  color: #616161;
}

.progress-track {
  width: 100%;
  height: 14px;
  background: #eeece7;
  border-radius: 9999px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background: #003c33;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

.progress-message {
  margin-top: 10px;
  font-size: 14px;
  color: #75758a;
}

.compare-showcase{margin:34px 0 44px;padding:34px;border-radius:30px;background:radial-gradient(circle at 15% 10%,rgba(255,119,89,.18),transparent 24%),radial-gradient(circle at 84% 12%,rgba(24,99,220,.20),transparent 24%),linear-gradient(135deg,#003c33 0%,#071829 100%);color:#fff;overflow:hidden;position:relative}.compare-showcase:after{content:"";position:absolute;right:-90px;top:-80px;width:260px;height:260px;border-radius:999px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 38px rgba(255,255,255,.035)}.compare-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.compare-eyebrow{font-family:monospace;font-size:13px;letter-spacing:.08em;color:#ffad9b;text-transform:uppercase;margin-bottom:10px}.compare-head h2{margin:0;font-size:clamp(32px,5vw,56px);line-height:1;letter-spacing:-1.2px;font-weight:400}.compare-sub{color:rgba(255,255,255,.72);max-width:620px;margin-top:14px}.compare-visual{min-width:220px;height:150px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(8px)}.compare-visual svg{width:170px;height:110px}.compare-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.model-compare-card{background:rgba(255,255,255,.94);color:#212121;border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.32)}.model-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.model-name{font-size:26px;line-height:1.1;letter-spacing:-.3px}.model-id{color:#75758a;font-size:13px;margin-top:5px;word-break:break-all}.winner-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.badge-coral,.badge-blue,.badge-green{font-size:12px;border-radius:999px;padding:5px 9px;white-space:nowrap}.badge-coral{background:#ffad9b;color:#17171c}.badge-blue{background:#f1f5ff;color:#1863dc}.badge-green{background:#edfce9;color:#003c33}.compare-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compare-metric{background:#eeece7;border-radius:16px;padding:14px}.compare-metric .label{color:#616161;font-size:12px;margin-bottom:8px}.compare-metric .value{font-size:23px;letter-spacing:-.4px}.bar-set{margin-top:20px;display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:92px 1fr 52px;gap:10px;align-items:center;font-size:13px}.bar-track{height:11px;background:#f2f2f2;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:#003c33}.bar-fill.accuracy{background:#003c33}.bar-fill.human{background:#1863dc}.bar-fill.speed{background:#ff7759}.dist-stack{margin-top:18px}.dist-title{color:#616161;font-size:13px;margin-bottom:8px}.dist-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#f2f2f2}.dist-target{background:#b30000}.dist-ref{background:#ff7759}.dist-non{background:#f7c948}.dist-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:#616161;font-size:12px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:4px}.compare-empty{background:rgba(255,255,255,.92);color:#212121;border-radius:22px;padding:26px}@media(max-width:900px){.compare-head,.compare-grid{grid-template-columns:1fr;display:grid}.compare-visual{min-width:0}}

.table td {
  vertical-align: middle;
}

.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.table th,
.table td {
  display: table-cell;
  vertical-align: middle;
  padding: 12px;
  border-bottom: 1px solid var(--hairline);
}

.table td.actions {
  display: table-cell !important;
  white-space: nowrap;
  vertical-align: middle;
}

.table td.actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
  padding: 0 16px;
  margin-right: 8px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.table td.actions .btn:last-child {
  margin-right: 0;
}