:root{color-scheme:dark;--bg:#101217;--panel:#171a21;--line:#30343e;--ink:#f4f3ef;--muted:#b2b6c2;--amber:#f0b44c;--green:#94e2bb;--red:#ffb3ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding-inline:32px}header{padding-block:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.brand{font-weight:750;letter-spacing:.1em;text-decoration:none}.brand span{color:var(--muted);font-weight:400}h1{font-size:clamp(38px,5.8vw,76px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 24px;font-weight:650}em{color:var(--amber);font-style:normal}.intro{padding:66px 0 42px;max-width:800px}.intro p{max-width:690px;color:var(--muted)}.intro .lead{font-size:21px;color:var(--ink)}.eyebrow,.label{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:var(--amber)!important}.bench{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.control{padding:28px;border-right:1px solid var(--line)}label{display:block;font-size:13px;color:var(--muted);margin-top:18px}input,select,button{font:inherit;width:100%;border:1px solid #484d59;border-radius:6px;background:#101217;color:var(--ink);padding:11px 12px}input,select{margin:5px 0 10px;font-size:14px}button{font-size:13px;cursor:pointer;margin-top:9px;transition:background .15s}button:hover{background:#30343e}button.primary{background:var(--amber);color:#1b160d;border-color:var(--amber);font-weight:750}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.hint{color:var(--muted);font-size:12px;line-height:1.6}.section-label{margin-top:30px}.pair,.bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}#message{min-height:52px;color:var(--green);font-size:13px}.output{min-width:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:28px;gap:16px;border-bottom:1px solid var(--line)}.metrics strong{display:block;font:38px/1.2 ui-monospace,monospace}.metrics span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.board{padding:24px 28px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:13px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.status{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:4px 6px;white-space:nowrap}.succeeded{color:var(--green)}.needs_review{color:var(--red)}.retry,.running{color:var(--amber)}.checks{list-style:none;padding:0;display:grid;gap:9px;font-size:13px}.checks li{color:var(--green)}.checks li.bad{color:var(--red)}.trail{margin-top:30px;border:1px solid var(--line);border-radius:14px;padding:24px 28px}.trail-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.trail h2{font-size:19px;margin:0}.trail-head span{font:12px ui-monospace,monospace;color:var(--muted)}#log{list-style:none;padding:0;max-height:330px;overflow:auto;font:12px/1.7 ui-monospace,monospace}#log li{display:grid;grid-template-columns:44px 95px 145px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}#log .empty{display:block;color:var(--muted)}#log .kind{color:var(--amber)}#log .detail{color:var(--muted)}.explain{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:60px 0}.explain h2{font-size:25px;letter-spacing:-.03em}.explain p{color:var(--muted);font-size:14px}.source{display:inline-block;margin:12px 0;color:var(--amber)}footer{border-top:1px solid var(--line);padding-block:25px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}@media(max-width:850px){.bench{grid-template-columns:1fr}.control{border-right:0;border-bottom:1px solid var(--line)}.intro{padding-top:40px}.explain{gap:25px}#log li{grid-template-columns:30px 85px 1fr}#log .detail{grid-column:2/4}.metrics{gap:10px}}@media(max-width:520px){header,main,footer{padding-inline:18px}header{font-size:11px}.brand span{display:block}.intro .lead{font-size:18px}.control,.board,.trail{padding:20px}.metrics{padding:20px}.metrics strong{font-size:31px}.explain{grid-template-columns:1fr;gap:15px}footer{display:block}footer a{display:block;margin-top:10px}th,td{padding:10px 5px;font-size:11px}}