:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#dbe3ec;--text:#0f172a;--muted:#5b6b80;--accent:#0f766e;--pass:#047857;--fail:#b91c1c;--warn:#b45309;--catch:#c2410c;--mono:ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.65}.app{max-width:1120px;margin:0 auto;padding:2.4rem 1.4rem 3rem}.eyebrow{font:600 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem}.page-header h1{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 .7rem;max-width:34ch;letter-spacing:-.02em}.page-sub{color:var(--muted);font-size:.93rem;max-width:78ch;margin:0 0 1.5rem}.stats{display:flex;flex-wrap:wrap;gap:1.4rem;margin:0;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.stats div{display:flex;flex-direction:column;gap:.1rem}.stats dt{font:600 .62rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stats dd{margin:0;font:700 1rem/1.2 var(--mono)}.stat-ok{color:var(--pass)}.stat-bad{color:var(--fail)}.stat-warn{color:var(--warn)}.panel-block{margin:2.2rem 0 0}.panel-heading{font:600 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.panel-hint{font-size:.82rem;color:var(--muted);margin:0 0 .9rem;max-width:84ch}.label{font:600 .62rem/1 var(--mono);text-transform:uppercase;color:var(--muted);margin-right:.4rem}.catch{border:1px solid var(--border);border-left:4px solid var(--catch);border-radius:10px;background:var(--surface);padding:1.1rem 1.2rem}.catch-kicker{font:600 .72rem/1 var(--mono);text-transform:uppercase;color:var(--catch);margin:0 0 .7rem}.catch-shortcut{font-size:.84rem;color:var(--muted);margin:.5rem 0}.catch-note{border-left:3px solid var(--pass);padding:.5rem .8rem;background:#ecfdf5;border-radius:0 6px 6px 0;color:#065f46;font-size:.86rem;margin:.7rem 0 0}.pair-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.pair-tab{display:flex;flex-direction:column;gap:.15rem;text-align:left;cursor:pointer;padding:.45rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.74rem;max-width:320px}.pair-tab.is-active{border-color:var(--accent);color:var(--text);background:var(--surface-2)}.tab-id{font:700 .64rem/1 var(--mono);color:var(--accent)}.tab-prompt{font-weight:500}.pair{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:1.2rem 1.3rem}.pair-prompt{font-size:.88rem;margin:0 0 .9rem}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media(max-width:820px){.pair-grid{grid-template-columns:1fr}}.side{border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;background:var(--bg)}.side--winner{border-color:var(--pass);border-left-width:4px}.side-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.side-id{font:700 .7rem var(--mono);color:var(--accent)}.side-label{font-size:.74rem;color:var(--muted);flex:1}.side-total{font:700 .78rem var(--mono)}.side-text{font-size:.84rem;margin:0 0 .7rem;white-space:pre-wrap}.bars{display:grid;gap:.25rem}.bar-row{display:grid;grid-template-columns:6.4rem 1fr 1.2rem;gap:.4rem;align-items:center;font-size:.68rem;color:var(--muted)}.bar-track{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent)}.bar-num{font:700 .66rem var(--mono);text-align:right}.pair-catches{font-size:.84rem;color:var(--muted);border-left:3px solid var(--catch);padding-left:.8rem;margin:1rem 0 0}.band{display:inline-block;font:700 .58rem/1.7 var(--mono);padding:0 6px;border-radius:4px;white-space:nowrap}.band--good{color:var(--pass);background:#d1fae5}.band--warn{color:var(--warn);background:#fef3c7}.band--bad{color:var(--fail);background:#fee2e2}.matrix-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.matrix{width:100%;border-collapse:collapse;min-width:960px;font-size:.76rem}.matrix th,.matrix td{border-bottom:1px solid var(--border);padding:.45rem .5rem;text-align:left;vertical-align:middle}.matrix thead th{font:600 .58rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface-2)}.row-win{background:color-mix(in srgb,var(--pass) 7%,transparent)}.pair-cell{vertical-align:top;min-width:110px}.pid{display:block;font:700 .72rem var(--mono);color:var(--accent)}.pid-shortcut{display:block;font:.6rem var(--mono);color:var(--muted)}.side-cell{font:700 .7rem var(--mono);color:var(--muted);text-align:center}.num{text-align:center;font-family:var(--mono)}.num.strong{font-weight:700}.pick-cell{text-align:center;font:700 .72rem var(--mono);color:var(--muted)}.pick-cell--rubric{color:var(--accent)}.pick-cell.is-win{color:var(--pass)}.yes{color:var(--pass);font-weight:700}.no{color:var(--fail);font-weight:700}.limits-list{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.84rem}.empty-state{color:var(--muted);font-size:.84rem}.page-footer{border-top:1px solid var(--border);padding-top:1.2rem;margin-top:2.4rem;font-size:.8rem;color:var(--muted)}.page-footer a{color:var(--accent)}