@import url("/static/tokens.css");
.audio-control{display:flex;align-items:center;gap:16px;padding:18px 0 4px}.audio-toggle{flex:none;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green);color:white;font-size:18px}.audio-control input[type=range]{min-width:0;flex:1;appearance:none;height:6px;border:0;border-radius:20px;background:linear-gradient(to right,var(--green) var(--progress,0%),var(--line) var(--progress,0%));padding:0;cursor:pointer}.audio-control input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--green)}.audio-control input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--green)}.audio-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.auto-advance{display:flex;align-items:center;gap:8px;font-size:12px;margin:20px 0 0;flex-wrap:wrap}.auto-advance input{accent-color:var(--green);width:16px;height:16px}.vote-result{padding:13px 18px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:13px;margin:16px 0}.player-heading>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.section-heading p.muted{margin:8px 0 0;font-size:14px}#listen{max-width:940px;margin:0 auto}#reference-details .audio-control{max-width:500px}.language-label{font-weight:600}#methodology>.coverage{max-width:500px;margin:26px 0}.player-card:has(audio:not([src])) .audio-control{opacity:.5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--green)}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:0 36px}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-weight:730;font-size:20px;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:white;border-radius:12px;font-size:28px}.brand-light{font-weight:400;color:var(--muted)}.header-tools{display:flex;align-items:center;gap:24px}.preview-label,.badge{font-size:11px;text-transform:uppercase;letter-spacing:.8px;border:1px solid var(--line);padding:5px 10px;border-radius:30px;background:var(--white)}.language-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.language-label select{min-width:118px}.hero{padding:62px 0 52px;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.65px;color:var(--muted);margin:0 0 16px}h1{font-size:72px;line-height:1.02;letter-spacing:-4px;font-weight:650;margin:0 0 23px}h1 em{font-style:normal;color:var(--green)}.intro{font-size:16px;color:var(--muted);margin:0 0 27px}.primary{background:var(--green);border:1px solid var(--green);color:white;border-radius:7px;padding:12px 22px;font-weight:600}.primary:hover:enabled{background:#153c2a}.primary span{margin-left:20px}.hero-card{border:1px solid var(--line);background:var(--card);padding:34px 32px 25px;border-radius:16px}.waveform{display:flex;height:62px;align-items:center;justify-content:center;gap:7px;margin-bottom:30px}.waveform i{width:7px;border-radius:8px;background:var(--green);height:18px}.waveform i:nth-child(3n){height:42px}.waveform i:nth-child(4n){height:27px;background:#75927e}.waveform i:nth-child(5n){height:61px}.waveform i:nth-child(7n){height:52px}.card-kicker{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0 0 5px}.card-copy{font-size:14px;color:var(--muted);margin:0 0 24px}.coverage{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:20px}.coverage div{display:flex;flex-direction:column}.coverage strong{font-size:25px;line-height:1.3;font-weight:650}.coverage span{font-size:10px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px}.tabs button{border:0;background:none;font-size:13px;padding:14px 0;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-current]{border-color:var(--green);color:var(--green);font-weight:700}.panel{padding:31px 0 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:7px}h2{font-size:27px;font-weight:600;letter-spacing:-.9px;margin:0}h3{font-weight:650;font-size:16px;margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:11px}.filters{display:flex;gap:12px;align-items:end;margin-bottom:19px}.filters label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.search-label{flex:1}input,select{background:var(--white);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:12px;min-height:38px;padding:8px 12px}input{width:100%}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--white)}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#f4f5f1;color:var(--muted);font-size:10px;font-weight:550;text-align:left;padding:14px 15px;border-bottom:1px solid var(--line)}th span{cursor:help}td{padding:20px 15px;font-size:12px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.model-button{background:none;border:0;text-align:left;padding:0;font-weight:650;font-size:13px;color:var(--ink)}.model-button:hover{text-decoration:underline}.model-subline,.rating-subline{display:block;color:var(--muted);font-size:10px;margin-top:4px}.license-tag{display:inline-block;border:1px solid var(--line);font-size:10px;border-radius:4px;padding:2px 7px;color:var(--muted)}.collecting{color:var(--muted);font-size:11px}.empty{padding:35px;text-align:center;color:var(--muted)}.footnote{font-size:11px;color:var(--muted);margin:16px 0 0;max-width:950px}.notice,.error{border:1px solid #cddbcc;background:#edf3e9;border-radius:7px;padding:12px 16px;font-size:12px;margin-bottom:16px}.error{background:#fff2eb;border-color:#e8bda5;color:#7c3820}.prompt-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:25px;margin:23px 0}.prompt-card .eyebrow{margin-bottom:8px}#target-text{font-size:21px;line-height:1.5;margin:10px 0}details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}summary{cursor:pointer;color:var(--green);font-size:12px}details audio{margin-top:14px;max-width:500px}.players{display:grid;grid-template-columns:1fr 1fr;gap:20px}.player-card{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:21px}.player-heading{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;margin-bottom:20px}.sample-letter{background:var(--green);color:white;display:grid;place-items:center;width:31px;height:31px;border-radius:7px}.sample-letter.secondary{background:#735d3b}.listening-status{margin-left:auto;font-size:10px;font-weight:400;color:var(--muted)}audio{width:100%;height:42px}.vote-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.vote-controls button{font-size:12px}.secondary-button{background:var(--white);border:1px solid var(--line);padding:12px 19px;border-radius:7px;color:var(--ink)}.text-button{background:none;border:0;color:var(--muted);padding:12px}.vote-controls #next-pair{margin-left:auto}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px 0}.prose p{color:var(--muted);font-size:13px;max-width:940px}.prose article{border:1px solid var(--line);padding:23px;border-radius:9px;background:var(--white)}.prose article p{margin-bottom:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:24px 0;margin-top:12px;color:var(--muted);font-size:10px}footer span:first-child{font-weight:650;color:var(--ink)}dialog{max-width:620px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:32px}dialog::backdrop{background:#14271c66}.dialog-close{float:right;font-size:25px;background:none;border:0;color:var(--muted)}dialog dl{font-size:13px;display:grid;grid-template-columns:125px 1fr;gap:12px;margin:25px 0}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}dialog a{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:-1000px;top:10px;background:white;padding:12px}.skip-link:focus{left:10px;z-index:2}
@media(max-width:850px){.shell{padding:0 22px}.hero{gap:30px}h1{font-size:58px;letter-spacing:-3px}.hero-card{padding:25px}.header-tools{gap:10px}.preview-label{display:none}.section-heading{align-items:start}.section-heading>.small{display:none}}
@media(max-width:580px){.header{min-height:82px;gap:10px}.brand{font-size:16px;gap:9px}.brand-mark{width:32px;height:32px;font-size:23px}.brand-light{display:block;font-size:11px;line-height:1}.language-label{font-size:0}.language-label select{min-width:96px}.hero{grid-template-columns:1fr;padding:35px 0;gap:28px}h1{font-size:58px}.hero-card{padding:20px}.waveform{display:none}.card-kicker{font-size:18px}.card-copy{font-size:12px}.coverage strong{font-size:23px}.intro{font-size:14px}.tabs{gap:22px}.tabs button{font-size:12px}.section-heading{display:block}.section-heading .badge{display:inline-block;margin-top:12px}h2{font-size:24px}.filters{flex-wrap:wrap}.search-label{flex-basis:100%}.filters>label:not(.search-label){flex:1}.players,.method-grid{grid-template-columns:1fr}.players{gap:12px}.player-card{padding:17px}#target-text{font-size:18px}.prompt-card{padding:20px}.vote-controls{gap:9px}.vote-controls .primary{flex:1}.vote-controls #next-pair{margin-left:0}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}.prose article{padding:19px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}

.audio-control input[type=range] {
  width: 0;
  height: 38px;
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: center;
}
.auto-advance input { min-height: 16px; padding: 0; }
.sample-letter, .listening-status { flex-shrink: 0; }

body { font-size: 17px; }
body { background: linear-gradient(135deg, #f4f8f1 0%, #faf8f4 55%, #f2f0fb 100%); }
.identity-line { color: #28533b; font-size: 16px; font-weight: 600; padding: 12px 0 4px; }
.board-navigation, .language-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.board-navigation button[aria-pressed=true] { background: #28533b; color: white; }
.language-chip { border: 1px solid #c9d9cf; border-radius: 24px; padding: 9px 15px; background: #fff; color: #244d38; font-size: 13px; }
.language-chip:hover { background: #e0efe5; }
.early-notice { border-left: 4px solid #b76c12; background: #fff3de; padding: 13px 18px; font-size: 14px; line-height: 1.6; }
#ranking-chart { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 16px; margin: 20px 0; }
#overview-table table { font-size: 12px; }
#overview-table th, #overview-table td { padding: 10px 9px; text-align: center; }
#overview-table th:first-child { position: sticky; left: 0; background: #f8faf7; text-align: left; max-width: 230px; min-width: 180px; z-index: 1; overflow-wrap: anywhere; }
#overview-table th button { padding: 4px; font-size: 12px; color: #28533b; background: transparent; border: 0; }
#overview-table caption { text-align: left; padding: 15px 0; color: var(--muted); }
.evidence-early { background: #fae7c8; color: #694012; }
.evidence-established { background: #d2ede0; color: #164530; }
.evidence-empty { background: #f1f3ef; color: #616b62; }
.community-progress { color: #28533b; background: #e6f1e9; border-radius: 12px; padding: 15px 18px; font-size: 15px; }
.prompt-card[data-task=conversation] { border-top: 4px solid #30846b; }
.prompt-card[data-task=expression] { border-top: 4px solid #8261b5; }
.prompt-card[data-task=challenge] { border-top: 4px solid #bf8133; }
.task-pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.task-pills span { border-radius: 20px; padding: 10px 15px; font-size: 14px; background: #e4f0e7; color: #28533b; }
.task-pills span:nth-child(2) { background: #eee6f8; color: #624284; }
.task-pills span:nth-child(3) { background: #faecd8; color: #805019; }
#methodology details { margin-top: 28px; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
#contribute-vote { margin-top: 15px; }
#share-status, #release-id { overflow-wrap: anywhere; }
@media(max-width:360px) { .header { flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; } .header-tools { margin-left: auto; } }
@media(max-width:580px) { .board-navigation button { font-size: 13px; } .identity-line { font-size: 14px; } #ranking-chart { min-width: 600px; } #board-detail { overflow-x: auto; } }
.tabs button, .filters input, .filters select, .language-label select,
.model-button, .vote-controls button, .player-heading { font-size: 15px; }
.filters { flex-wrap: wrap; }
.filters label, .footnote, .prose p, dialog dl, dialog a { font-size: 14px; }
table { font-size: 15px; }
th, .rating-subline, .license-tag, .listening-status, footer, summary { font-size: 12px; }
#target-text { font-size: 23px; }
.model-links { display: flex; flex-wrap: wrap; gap: 20px; }
.language-picker { margin-bottom: 20px; }
.language-picker summary { font-size: 15px; }
.language-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 16px 0; }
.language-options label { display: flex; align-items: center; gap: 9px; font-size: 14px; }
.language-options input { width: 18px; height: 18px; min-height: 18px; margin: 0; }
@media (max-width: 580px) {
  #target-text { font-size: 21px; }
  .filters label { min-width: 125px; }
}