@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: #f8f5ed;--surface: #fffdf8;--surface-lift: #fffaf0;--ink: #1b1a18;--muted: #6f675b;--muted-strong: #5c5549;--border: #ddd4c6;--danger: #c23b2a;--danger-bg: #fff3ef;--body: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "Consolas", monospace;font-family:var(--body);line-height:1.4;font-weight:400;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;max-width:100%}body{background:radial-gradient(1200px 480px at 12% -8%,rgba(56,189,248,.14),transparent),radial-gradient(1000px 420px at 92% 0%,rgba(251,146,60,.16),transparent),var(--bg)}@media (max-width: 980px){html,body,#root{overflow-x:hidden}}.page{width:min(1220px,100%);max-width:100%;margin:0 auto;padding:32px 20px 56px;box-sizing:border-box;display:grid;gap:24px;min-width:0}.hero-block{border:1px solid var(--border);border-radius:20px;padding:28px;background:radial-gradient(1200px 260px at -8% -50%,rgba(251,146,60,.14),transparent),radial-gradient(1000px 280px at 108% -30%,rgba(14,165,233,.14),transparent),var(--surface);min-width:0}h1{margin:0;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.03;letter-spacing:-.02em}.lede{margin:18px 0 0;max-width:76ch;font-size:1.03rem;color:var(--muted-strong)}.hero-jumps{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.hero-jumps a{border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--surface-lift);text-decoration:none}.hero-jumps a:hover{background:#fff}.panel{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:22px;min-width:0}.panel.error{border-color:var(--danger);background:var(--danger-bg)}.section-head h2{margin:0;font-size:1.5rem}.section-head p{margin:8px 0 0;color:var(--muted)}.section-head-with-action{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.token-toggle-btn{border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--surface-lift);cursor:pointer;white-space:nowrap}.token-toggle-btn:hover{background:#fff}.rankings-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface-lift)}.rankings-toggle-btn{border:none;border-right:1px solid var(--border);background:transparent;color:var(--muted-strong);padding:8px 12px;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono);cursor:pointer}.rankings-toggle-btn:last-child{border-right:none}.rankings-toggle-btn.active{background:#fff;color:var(--ink);font-weight:700}.standings-table{margin-top:14px;border:1px solid var(--border);border-radius:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.standings-head,.standings-row{display:grid;grid-template-columns:60px 1.2fr 1fr 1fr;gap:10px;align-items:center;padding:11px 12px;min-width:620px}.standings-head{background:var(--surface-lift);border-bottom:1px solid var(--border);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:var(--mono)}.standings-row{border-bottom:1px solid var(--border)}.standings-row:last-child{border-bottom:none}.standings-row .rank{font-family:var(--mono);color:var(--muted)}.standings-row .model,.standings-row .triplet,.standings-row .triplet-pct{font-family:var(--mono);font-size:.9rem}.standings-row .model{display:grid;gap:2px}.standings-row .model strong{font-size:.9rem;letter-spacing:.05em}.standings-row .model small{font-size:.68rem;color:var(--muted);letter-spacing:.02em;text-transform:none}.standings-row .triplet{transform:translate(-22px)}.standings-row .triplet-pct{text-align:center;font-weight:700;justify-self:center;width:100%}.standings-head span:nth-child(4){text-align:center;justify-self:center;width:100%}.rankings-chart{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:#fffaf2;padding:12px;display:grid;gap:12px}.rankings-bar-row{display:grid;grid-template-columns:92px 1fr 56px;gap:10px;align-items:center}.rankings-bar-label{font-family:var(--mono);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.rankings-bar-track{position:relative;height:20px;border-radius:4px;border:1px solid var(--border);background:#f7f2e8;overflow:hidden}.rankings-bar-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(111,103,91,.2) 1px,transparent 1px);background-size:20% 100%;pointer-events:none;z-index:2}.rankings-bar-fill{height:100%;min-width:2px;position:relative;z-index:1}.rankings-bar-value{text-align:right;font-family:var(--mono);font-size:.8rem}.rankings-axis{margin-left:102px;margin-right:56px;display:grid;gap:6px}.rankings-axis-line{border-top:1px solid var(--border)}.rankings-axis-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.66rem;color:var(--muted)}.rankings-axis-title{text-align:center;font-size:.68rem;color:var(--muted-strong)}.token-table-wrap{margin-top:14px;border:1px solid var(--border);border-radius:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.token-table{width:100%;border-collapse:collapse;min-width:680px}.token-table thead th{background:var(--surface-lift);border-bottom:1px solid var(--border);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);text-align:left;padding:11px 12px}.token-table tbody td{border-bottom:1px solid var(--border);padding:11px 12px;font-family:var(--mono);font-size:.88rem}.token-table tbody tr:last-child td{border-bottom:none}.token-grand-row td{background:var(--surface-lift);font-weight:700}.token-matchup-block{margin-top:14px}.token-matchup-block h3{margin:0 0 10px;font-size:1rem}.token-matchup-table td:first-child{min-width:210px}.prompt-wrap{margin-top:14px;display:grid;gap:10px}.prompt-block{margin:0;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface-lift);color:var(--ink);font-family:var(--mono);font-size:.83rem;line-height:1.45;white-space:pre-wrap}.starter-panel{margin-top:14px;display:grid;gap:12px}.starter-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.starter-controls label{display:grid;gap:6px;font-size:.83rem;color:var(--muted)}.starter-controls select{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-family:var(--body);font-size:.92rem;padding:8px 10px}.starter-chart-card{border:1px solid var(--border);border-radius:12px;background:var(--surface-lift);padding:12px}.starter-meta{display:flex;flex-wrap:wrap;gap:8px}.starter-meta span{border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.73rem;color:var(--muted);font-family:var(--mono);background:#fff}.starter-bars{margin-top:12px;display:grid;gap:10px}.starter-bar-row{display:grid;grid-template-columns:160px 1fr 220px;gap:10px;align-items:center}.starter-bar-label{font-size:.82rem;font-family:var(--mono)}.starter-bar-track{height:13px;border-radius:999px;background:#e8edf5;overflow:hidden}.starter-bar-fill{height:100%}.starter-bar-starter{background:#2563eb}.starter-bar-nonstarter{background:#0f766e}.starter-bar-deadlock{background:#b45309}.starter-bar-value{font-size:.8rem;font-family:var(--mono);text-align:right}.heatmap-wrap{--heatmap-corner-col: 160px;--heatmap-cell-min: 130px;margin-top:16px;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.heatmap-grid{display:grid;gap:8px;width:max-content;min-width:100%}.heat-row{display:contents}.heat-head,.heat-side{display:grid;place-items:center;min-height:44px;border:1px solid var(--border);border-radius:10px;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-lift)}.corner{justify-content:start;padding-left:12px;text-transform:none;letter-spacing:0;font-family:var(--body);font-size:.86rem}.heat-cell{border:1px solid var(--border);border-radius:10px;min-height:82px;padding:10px 8px;display:grid;place-items:center;text-align:center}.heat-cell-self,.heat-cell-missing{color:var(--muted)}.diag-mark,.na-mark{font-family:var(--mono);font-size:.94rem}.cell-triplet{font-family:var(--mono);font-size:1.01rem;font-weight:700}.cell-key{margin-top:1px;font-family:var(--mono);font-size:.67rem;letter-spacing:.07em;color:var(--muted)}.cell-rate{margin-top:2px;font-size:.89rem;font-weight:700}.cards{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface-lift)}.card-model{margin:0;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted)}.card h3{margin:6px 0 0;font-size:1.07rem}.card-note{margin-top:8px;font-size:.92rem;color:var(--muted);min-height:46px}.card dl{margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card dl div{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface)}.card dt{font-size:.69rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.card dd{margin:4px 0 0;font-family:var(--mono);font-size:.89rem}.t-note{margin:14px 0 0;color:var(--muted)}.error-text{color:var(--danger)}.model-pills{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.model-pill{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-lift);display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.model-pill img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--border)}.model-pill.active{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb}.pill-copy{display:grid;gap:2px}.pill-copy strong{font-family:var(--mono);font-size:.86rem}.pill-copy small{color:var(--muted);font-size:.72rem}.transcript-controls{margin-top:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.transcript-controls label{display:grid;gap:6px;font-size:.83rem;color:var(--muted)}.transcript-controls select{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-family:var(--body);font-size:.92rem;padding:8px 10px}.trial-nav{display:flex;gap:8px}.trial-nav button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-lift);color:var(--ink);cursor:pointer}.trial-nav button:disabled{opacity:.45;cursor:not-allowed}.transcript-panel{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-lift);padding:12px;max-height:620px;display:grid;grid-template-rows:auto 1fr}.transcript-meta{display:flex;flex-wrap:wrap;gap:8px}.transcript-meta span{border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.73rem;color:var(--muted);font-family:var(--mono);background:#fff}.turns{margin-top:12px;display:grid;gap:8px;max-height:520px;overflow-y:auto;padding-right:4px}.turn{border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px}.turn-selected-model{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb33}.turn header{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.74rem;color:var(--muted);font-family:var(--mono)}.speaker{font-weight:700;color:var(--ink)}.turn p{margin:0;white-space:pre-wrap;line-height:1.35;font-size:.93rem}.site-credit{margin-top:4px;text-align:center;color:var(--muted);font-size:.82rem;letter-spacing:.01em}@media (max-width: 980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.standings-head,.standings-row{grid-template-columns:44px 1fr 1fr 1fr;padding:10px}.model-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.transcript-controls,.starter-controls{grid-template-columns:1fr}.starter-bar-row{grid-template-columns:1fr;gap:6px}.starter-bar-value{text-align:left}.hero-block,.panel{padding:18px}.hero-jumps{gap:8px}.section-head-with-action{flex-direction:column;align-items:stretch}.token-toggle-btn,.rankings-toggle{width:fit-content}}@media (max-width: 680px){.page{padding:16px 10px 32px;gap:14px}.cards{grid-template-columns:1fr}.standings-head,.standings-row{grid-template-columns:34px minmax(152px,1fr) 104px 104px;min-width:430px;gap:7px;padding:7px 8px}.standings-head{font-size:.58rem}.standings-row .model,.standings-row .triplet,.standings-row .triplet-pct{font-size:.72rem}.standings-row .model strong{font-size:.74rem}.standings-row .model small{font-size:.56rem}.standings-row .triplet{transform:translate(-4px)}.standings-row .triplet,.standings-row .triplet-pct{grid-column:auto;text-align:inherit;font-size:.72rem}.rankings-toggle{width:100%;justify-content:stretch}.rankings-toggle-btn{flex:1;padding:7px 8px;font-size:.62rem}.rankings-bar-row{grid-template-columns:74px 1fr 44px;gap:8px}.rankings-bar-label{font-size:.7rem}.rankings-bar-track{height:14px}.rankings-bar-value{font-size:.68rem}.rankings-axis{margin-left:82px;margin-right:44px;gap:4px}.rankings-axis-ticks{font-size:.56rem}.rankings-axis-title{font-size:.58rem}.model-pills{grid-template-columns:1fr}.heat-cell{min-height:48px;padding:5px 3px}.heatmap-wrap{--heatmap-corner-col: 86px;--heatmap-cell-min: 72px}.heatmap-grid{gap:3px}.heat-head,.heat-side{min-height:28px;font-size:.54rem}.corner{padding-left:5px;font-size:.58rem}.diag-mark,.na-mark,.cell-triplet{font-size:.64rem}.cell-key{font-size:.44rem}.cell-rate{font-size:.6rem}.starter-meta span{padding:2px 8px;font-size:.64rem}.starter-bar-label{font-size:.72rem}.starter-bar-value{font-size:.7rem}.token-table thead th{font-size:.62rem;padding:8px 9px}.token-table tbody td{font-size:.76rem;padding:8px 9px}.standings-table,.token-table-wrap,.heatmap-wrap{overflow-x:auto}.transcript-panel{max-height:500px}.turns{max-height:410px}}