:root{
  --bg:#e8dcc3; --bg2:#e0d2b4; --surface:#ece1ca; --line:#cdbb98;
  --ink:#2e2618; --muted:#6f6149; --faint:#9a8a6c;
  --a:#9a5a1e;        /* debater A — Qwen, deep amber */
  --b:#2f6690;        /* debater B — GPT, deep blue */
  --verdict:#3f7d54;  /* arbiter — DeepSeek, resolved green */
  --evi:#7a6f53;
  --danger:#a8412f; --ok:#3f7d54;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 80% at 50% -10%,#efe5cf 0%,var(--bg) 60%);
  color:var(--ink);font-family:var(--sans);line-height:1.55;min-height:100vh}
a{color:var(--b)}
.wrap{max-width:1080px;margin:0 auto;padding:30px 22px 80px}
.narrow{max-width:440px}

header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding-bottom:18px}
.brand{font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.01em}
.brand .amp{color:var(--a)}
.nav{font-family:var(--mono);font-size:12.5px;display:flex;gap:16px;align-items:center}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover,.nav a.on{color:var(--ink)}

.meter{font-family:var(--mono);font-size:12.5px;color:var(--muted);text-align:right}
.meter b{color:var(--ink);font-weight:500}
.meter .bar{height:4px;width:160px;background:var(--line);border-radius:2px;margin-top:6px;overflow:hidden}
.meter .bar i{display:block;height:100%;background:var(--verdict)}

label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--faint);margin:14px 0 6px}
input,select{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--ink);
  font-family:var(--sans);font-size:14px;padding:11px 13px;border-radius:9px}
input:focus,select:focus{outline:2px solid var(--b);outline-offset:1px;border-color:transparent}
input::placeholder{color:var(--faint)}
.row{display:flex;gap:10px}
.row>*{flex:1}

button{background:var(--ink);color:#efe5cf;border:0;font-family:var(--sans);font-weight:600;
  font-size:14px;padding:11px 20px;border-radius:9px;cursor:pointer}
button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
button.sm{padding:7px 13px;font-size:12.5px}
button:disabled{opacity:.45;cursor:default}

.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:18px 18px}
.card+.card{margin-top:16px}
.card h2{font-family:var(--serif);font-size:18px;font-weight:600;margin:0 0 4px}
.card .sub{color:var(--muted);font-size:13px;margin:0 0 6px}

.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);display:flex;align-items:center;gap:10px;margin:28px 0 12px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}

.pill{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}
.pill.ok{color:var(--ok);border-color:#34503f}
.pill.bad{color:var(--danger);border-color:#4a2e34}

.note{font-family:var(--mono);font-size:13px;border-radius:9px;padding:11px 13px;margin-top:12px}
.note.bad{color:var(--danger);background:#2a1f24;border:1px solid #4a2e34}
.note.ok{color:var(--ok);background:#1d2a22;border:1px solid #34503f}
.role-a{color:var(--a)} .role-b{color:var(--b)} .role-v{color:var(--verdict)} .role-s{color:var(--muted)}
.lamp{width:11px;height:11px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px rgba(255,255,255,.03);flex:0 0 auto;transition:background .2s}
.lamp.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.lamp.bad{background:var(--danger);box-shadow:0 0 8px var(--danger)}
.lamp.wait{background:var(--a);animation:p 1s infinite}
.testrow{display:flex;align-items:center;gap:10px;margin-top:12px}
.testrow .tdetail{font-family:var(--mono);font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes p{0%,100%{opacity:.35}50%{opacity:1}}
.hidden{display:none}