@charset "UTF-8";
:root { color-scheme: light; --page:#fafaf7; --paper:#fff; --ink:#22261f; --muted:#66705d; --line:#dfe3d9; --soft:#f1f3ec; --accent:#ab4f34; --model-color:#7d8477; --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { min-height:100vh; margin:0; display:flex; flex-direction:column; background:var(--page); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
[hidden] { display:none!important; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:12px; left:16px; z-index:20; padding:12px 16px; background:var(--ink); color:#fff; }
.skip-link:not(:focus) { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.header-inner,.page-shell,.footer-inner { width:min(100% - 64px,1480px); margin-inline:auto; }
.site-header { flex:none; border-top:3px solid var(--ink); border-bottom:1px solid var(--line); background:var(--paper); }
.header-inner { min-height:73px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { display:inline-flex; align-items:center; gap:10px; font:700 15px var(--mono); letter-spacing:-.65px; }
.brand-mark { width:28px; height:28px; fill:none; stroke:var(--accent); stroke-width:1.8; }
.primary-nav,.footer-inner nav { display:flex; align-items:center; gap:32px; }
.primary-nav a { display:flex; align-items:center; min-height:48px; position:relative; font:11px var(--mono); text-transform:uppercase; letter-spacing:.5px; color:var(--muted); transition:color 140ms; }
.primary-nav a:hover,.primary-nav a[aria-current] { color:var(--ink); }
.primary-nav a[aria-current]::after { content:""; position:absolute; bottom:2px; left:0; right:0; height:2px; background:var(--accent); }
.page-shell { flex:1; }
.hero { position:relative; padding:54px 0 45px; text-align:center; animation:enter 450ms ease-out both; }
.hero::after { content:""; display:block; width:36px; height:2px; margin:30px auto 0; background:var(--accent); opacity:.65; }
.hero h1 { margin:0; font:600 clamp(34px,5.5vw,72px)/1.12 var(--mono); letter-spacing:-3.4px; }
.title-period { color:var(--accent); }
.hero-description { max-width:760px; margin:18px auto 0; color:var(--muted); font-size:17px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:27px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:43px; padding:11px 18px; border:1px solid var(--line); border-radius:5px; font:11px/1.5 var(--mono); transition:background 140ms,color 140ms,border-color 140ms; }
.button-primary { background:var(--ink); color:#fff; border-color:var(--ink); }
.button-primary:hover { background:#3c4236; border-color:#3c4236; }
.button-secondary { background:transparent; }
.button-secondary:hover { background:var(--soft); border-color:#b8c0af; }
.button span { font-size:15px; line-height:1; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.section-heading h2 { margin:0; font:600 25px/1.2 var(--mono); letter-spacing:-1px; }
.section-label { color:var(--muted); font:10px/1.5 var(--mono); }
.leaderboard-section { padding-bottom:58px; }
.leaderboards-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:30px; align-items:start; }
.board { min-width:0; scroll-margin-top:24px; }
.board-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
.board-count { color:var(--muted); font:10px/1.5 var(--mono); white-space:nowrap; }
.board-jump { display:flex; gap:22px; color:var(--muted); font:10px/1.5 var(--mono); }
.board-jump a { display:inline-flex; align-items:center; gap:10px; min-height:36px; }
.board-jump a:hover { color:var(--accent); }
.board-jump span { color:var(--accent); }
.board-header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; min-height:43px; padding-bottom:14px; }
.board-header h3 { margin:0; font:500 19px/1.3 var(--mono); letter-spacing:-.6px; }
.board-metric { margin:0; color:var(--muted); font:10px/1.5 var(--mono); }
.board-metric [data-field="metric-direction"],.direction { color:var(--accent); }
.table-scroll-hint { display:none; }
.table-frame { overflow-x:auto; overscroll-behavior-x:contain; border:1px solid var(--line); border-radius:7px; background:var(--paper); box-shadow:0 4px 20px #22261f04; scrollbar-width:thin; scrollbar-color:#b7c1aa #f3f5ee; }
.table-frame::-webkit-scrollbar { height:6px; }
.table-frame::-webkit-scrollbar-track { background:#f3f5ee; }
.table-frame::-webkit-scrollbar-thumb { background:#b7c1aa; border-radius:3px; }
table { width:100%; border-collapse:collapse; table-layout:fixed; }
.col-rank { width:10%; } .col-model { width:66%; } .col-score { width:24%; }
thead { background:var(--soft); }
thead th { height:48px; padding:8px 16px; color:var(--muted); font:500 10px/1.4 var(--mono); text-transform:uppercase; letter-spacing:.6px; }
.rank,.model { text-align:left; }
.score,.preference,.rank-interval { text-align:right; }
tbody tr { border-top:1px solid #ecefe6; box-shadow:inset 3px 0 var(--model-color); transition:background 140ms; }
tbody tr:first-child { background:#f8f9f4; }
tbody tr:first-child .model,tbody tr:first-child .score { font-weight:600; }
tbody tr:hover { background:color-mix(in srgb,var(--model-color) 6%,white); }
tbody td,tbody th { height:62px; padding:10px 16px; vertical-align:middle; }
tbody .rank { color:#6b745f; font:12px var(--mono); font-variant-numeric:tabular-nums; }
tbody .model { font-size:14px; line-height:1.45; font-weight:500; }
.model-identity { display:flex; align-items:center; gap:11px; min-width:0; }
.model-icon { display:flex; align-items:center; justify-content:center; width:24px; height:28px; flex:0 0 24px; }
.model-icon img { width:23px; height:23px; object-fit:contain; }
.model-name { overflow-wrap:anywhere; letter-spacing:-.15px; }
.unknown-mark { color:var(--muted); font:10px var(--mono); }
tbody .score { font:600 16px var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:-.5px; }
.score-chip { display:inline-block; }
.direction { font-size:10px; }
.column-detail { display:block; margin-top:3px; font-size:9px; line-height:1.3; }
.subjective-table table { min-width:600px; }
.subjective-table .col-rank { width:7%; } .subjective-table .col-model { width:32%; } .subjective-table .col-score { width:27%; } .col-preference { width:19%; } .col-interval { width:15%; }
.subjective-table thead th { padding-inline:10px; font-size:9px; letter-spacing:.2px; }
.subjective-table tbody td,.subjective-table tbody th { padding-inline:10px; }
.subjective-table tbody .model { font-size:14px; }
.subjective-table .model-identity { gap:9px; }
.subjective-table .model-icon { width:22px; flex-basis:22px; }
.subjective-table .model-icon img { width:21px; height:21px; }
.subjective-table tbody .score { font-size:14px; }
.confidence-interval { display:block; margin-top:6px; color:var(--muted); font:11px/1.3 var(--mono); letter-spacing:-.4px; }
tbody .preference,tbody .rank-interval { font:12px var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
abbr[title] { text-decoration:none; }
.empty-row td { height:180px; text-align:center; color:var(--muted); font-size:14px; }
.refresh-message { display:flex; align-items:baseline; gap:10px; color:var(--accent); font-size:12px; line-height:1.6; }
.refresh-message p:empty { display:none; }
.refresh-message button { border:0; padding:4px 0; background:none; color:var(--accent); text-decoration:underline; cursor:pointer; font:inherit; }
.site-footer { flex:none; border-top:1px solid var(--line); }
.footer-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:22px; color:var(--muted); }
.footer-wordmark { color:var(--ink); font:600 12px var(--mono); letter-spacing:-.4px; }
.footer-inner nav { gap:24px; }
.footer-inner nav a { display:flex; align-items:center; min-height:36px; font:10px var(--mono); }
.footer-inner a:hover { color:var(--accent); }
.content-page { width:min(100%,1040px); margin-inline:auto; padding:66px 0 80px; }
.page-intro { margin-bottom:44px; }
.eyebrow { margin:0 0 18px; color:var(--accent); font:10px/1.5 var(--mono); text-transform:uppercase; letter-spacing:1.2px; }
.page-intro h1 { margin:0; font:600 clamp(36px,4vw,50px)/1.15 var(--mono); letter-spacing:-2px; }
.page-intro > p:last-child { margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }
.empty-state { min-height:290px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; border-block:1px solid var(--line); text-align:center; }
.empty-state svg { width:48px; height:48px; fill:none; stroke:#a3ad97; stroke-width:1.3; }
.empty-state h2 { margin:0; font:400 16px/1.5 var(--mono); letter-spacing:-.4px; }
.text-link,.back-link { display:inline-flex; align-items:center; gap:12px; font:11px/1.6 var(--mono); }
.text-link:hover,.back-link:hover { color:var(--accent); }
.blog-page { max-width:920px; }
.post-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.post-list li { border-bottom:1px solid var(--line); }
.post-link { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 0; }
.post-link-content { max-width:760px; }
.post-link time { display:block; margin-bottom:11px; color:var(--muted); font:10px/1.5 var(--mono); }
.post-link h2 { margin:0; font:500 22px/1.4 var(--mono); letter-spacing:-.6px; }
.post-link p { margin:12px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.post-arrow { color:var(--muted); font:24px var(--mono); transition:transform 150ms,color 150ms; }
.post-link:hover h2 { color:var(--accent); }
.post-link:hover .post-arrow { color:var(--accent); transform:translate(2px,-2px); }
.latest-posts { max-width:1100px; margin:8px auto 68px; }
.author-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:38px; }
.author { min-width:0; padding:26px 0 28px; border-top:1px solid var(--line); }
.author h2 { margin:0 0 10px; font:500 19px/1.4 var(--mono); letter-spacing:-.55px; }
.author h2 a { display:inline-flex; align-items:center; gap:10px; }
.author h2 span { font-size:13px; color:#a7ad9f; }
.author h2 a:hover { color:var(--accent); }
.author p { margin:4px 0 0; color:var(--muted); font-size:13px; line-height:1.65; }
.paper-reference { margin-top:46px; padding-top:30px; border-top:1px solid var(--line); }
.paper-reference h2 { max-width:850px; margin:0 0 26px; font:400 20px/1.65 var(--sans); }
.article-page { width:min(100%,800px); margin-inline:auto; padding:52px 0 72px; }
.back-link { color:var(--muted); margin-bottom:35px; }
.article-header { padding-bottom:34px; border-bottom:1px solid var(--line); }
.article-header h1 { margin:0; font:600 clamp(29px,4vw,44px)/1.22 var(--mono); letter-spacing:-1.6px; overflow-wrap:anywhere; }
.article-summary { margin:22px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
.article-meta { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:25px; color:var(--muted); font:11px/1.7 var(--mono); }
.article-body { padding-top:16px; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre,.article-body figure,.article-table { margin:25px 0; }
.article-body h2 { margin:46px 0 16px; font:500 27px/1.4 var(--mono); letter-spacing:-.8px; }
.article-body h3 { margin:34px 0 14px; font:500 21px/1.5 var(--mono); letter-spacing:-.5px; }
.article-body a { text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:3px; }
.article-body a:hover { color:var(--accent); }
.article-body li { margin:6px 0; }
.article-body blockquote { padding:2px 0 2px 22px; border-left:2px solid var(--accent); color:var(--muted); }
.article-body blockquote p { margin:12px 0; }
.article-body code { padding:2px 5px; background:#edf0e6; font:.85em var(--mono); }
.article-body pre { padding:22px; overflow-x:auto; background:#edf0e6; border:1px solid var(--line); border-radius:4px; line-height:1.7; }
.article-body pre code { padding:0; font-size:12px; }
.article-body figure { margin-inline:0; }
.article-body figure img { display:block; width:auto; max-width:100%; height:auto; margin-inline:auto; }
.article-body figcaption { margin-top:12px; color:var(--muted); font-size:12px; text-align:center; }
.article-table { overflow:auto; border:1px solid var(--line); border-radius:4px; }
.article-table table { table-layout:auto; min-width:400px; background:var(--paper); }
.article-table tbody tr { box-shadow:none; }
.article-table th,.article-table td { padding:12px 16px; height:auto; font-size:13px; text-align:left; }
.article-end { border-top:1px solid var(--line); margin-top:48px; padding-top:28px; }
.not-found { max-width:720px; margin:80px auto; text-align:center; }
.not-found h1 { margin:0; font:500 clamp(30px,4vw,44px)/1.3 var(--mono); letter-spacing:-1.5px; }
.not-found > p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.7; margin:20px 0 30px; }
@keyframes enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1190px) {
  .leaderboards-grid { grid-template-columns:minmax(0,1fr); gap:34px; }
  .leaderboard-section { max-width:940px; margin-inline:auto; }
  .subjective-table tbody .model { font-size:14px; }
}
@media (max-width:800px) {
  .author-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:30px; }
  .primary-nav { gap:22px; }
  .hero-description { max-width:650px; }
}
@media (max-width:680px) {
  .table-scroll-hint { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin:-2px 0 10px; color:var(--muted); font:10px/1.5 var(--mono); }
  .table-scroll-hint span { font-size:15px; color:var(--accent); }
}
@media (max-width:600px) {
  .header-inner,.page-shell,.footer-inner { width:calc(100% - 36px); }
  .header-inner { padding-top:15px; flex-direction:column; align-items:flex-start; gap:7px; }
  .wordmark { font-size:14px; gap:8px; }
  .brand-mark { width:25px; height:25px; }
  .primary-nav { width:100%; justify-content:space-between; gap:14px; }
  .primary-nav a { min-height:43px; font-size:10px; }
  .primary-nav a[aria-current]::after { bottom:0; }
  .hero { padding:35px 0 32px; }
  .hero::after { margin-top:25px; }
  .hero h1 { font-size:clamp(29px,8.2vw,42px); letter-spacing:-1.5px; }
  .hero-description { max-width:380px; margin-top:16px; font-size:14px; line-height:1.75; }
  .hero-actions { gap:9px; margin-top:24px; }
  .button { padding:10px 13px; font-size:10px; gap:10px; }
  .section-heading { margin-bottom:20px; gap:8px; }
  .section-heading h2 { font-size:22px; }
  .section-label { font-size:9px; }
  .leaderboards-grid { gap:30px; }
  .board-header { min-height:40px; padding-bottom:12px; }
  .board-title { gap:9px; }
  .board-count { font-size:9px; }
  .board-jump { gap:18px; font-size:9px; }
  .board-header h3 { font-size:18px; }
  .board-metric { font-size:9px; }
  .col-rank { width:12%; } .col-model { width:63%; } .col-score { width:25%; }
  thead th { padding:8px 10px; font-size:9px; height:43px; letter-spacing:.2px; }
  tbody td,tbody th { height:57px; padding:9px 10px; }
  tbody .rank { font-size:11px; } tbody .model { font-size:12px; } tbody .score { font-size:14px; }
  .model-identity { gap:8px; }
  .model-icon { width:21px; flex-basis:21px; }
  .model-icon img { width:21px; height:21px; }
  .subjective-table tbody td,.subjective-table tbody th { height:62px; }
  .subjective-table tbody .model { font-size:14px; }
  .subjective-table .score { text-align:right; }
  .subjective-table .col-rank { width:7%; } .subjective-table .col-model { width:29%; } .subjective-table .col-score { width:29%; }
  .leaderboard-section { padding-bottom:40px; }
  .footer-inner { flex-direction:column; align-items:flex-start; gap:10px; padding-block:22px; }
  .footer-inner nav { width:100%; justify-content:space-between; gap:14px; }
  .content-page { padding:40px 0 50px; }
  .page-intro { margin-bottom:32px; }
  .page-intro h1 { font-size:35px; letter-spacing:-1.4px; }
  .page-intro > p:last-child { font-size:14px; margin-top:14px; }
  .eyebrow { margin-bottom:15px; font-size:9px; }
  .empty-state { min-height:260px; }
  .post-link { padding-block:25px; gap:16px; }
  .post-link h2 { font-size:19px; }
  .post-link p { font-size:13px; }
  .author-grid { grid-template-columns:minmax(0,1fr); }
  .author { padding:23px 0; }
  .author h2 { font-size:19px; margin-bottom:7px; }
  .author p { font-size:13px; }
  .paper-reference { margin-top:30px; padding-top:26px; }
  .paper-reference h2 { font-size:17px; }
  .article-page { padding:32px 0 45px; }
  .back-link { margin-bottom:28px; }
  .article-header h1 { font-size:29px; letter-spacing:-1px; }
  .article-summary { font-size:16px; margin-top:18px; }
  .article-meta { font-size:10px; }
  .article-body { font-size:15px; }
  .article-body h2 { font-size:23px; }
  .article-body h3 { font-size:19px; }
  .article-body pre { padding:16px; }
  .not-found { margin-block:60px; }
}
@media (max-width:350px) {
  .header-inner,.page-shell,.footer-inner { width:calc(100% - 28px); }
  tbody td,tbody th,thead th { padding-inline:8px; }
  .model-identity { gap:6px; }
  tbody .model { font-size:11px; }
  .hero-actions { flex-direction:column; }
  .hero-actions .button { width:100%; max-width:260px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}

.color-gemini { --model-color: #367be7; }
.color-kimi { --model-color: #109ca5; }
.color-claude { --model-color: #dd8150; }
.color-qwen { --model-color: #8055df; }
.color-gpt { --model-color: #159471; }
.color-ernie { --model-color: #c69918; }
.color-glm { --model-color: #5866ce; }
.color-grok { --model-color: #516174; }
.color-unknown { --model-color: #7d8477; }