:root{--bg: #0d0d0e;--bg-elev: #16171a;--bg-elev-2: #1f2024;--border: #2a2c31;--border-strong: #3d4047;--text: #ececec;--text-dim: #9aa0a6;--text-faint: #5e6268;--accent: #f0f5ff;--kill: #c44a4a;--good: #5dbb8a;--warn: #d8a44a;--link: #9cc8ff;--tie-bg: rgba(93, 187, 138, .06);--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 4px 14px rgba(0, 0, 0, .4);--radius: 6px;--radius-lg: 10px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Charter", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif}@media (prefers-color-scheme: light){:root{--bg: #fafaf7;--bg-elev: #ffffff;--bg-elev-2: #f1f1ec;--border: #d9d9d2;--border-strong: #b8b8af;--text: #161617;--text-dim: #5e6268;--text-faint: #8a8d92;--accent: #1a1a1a;--kill: #b03838;--good: #2e8b57;--warn: #b07a1f;--link: #1855a5;--tie-bg: rgba(46, 139, 87, .06);--shadow: 0 1px 0 rgba(0, 0, 0, .02) inset, 0 1px 3px rgba(0, 0, 0, .08)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link);text-decoration:none;border-bottom:1px dotted currentColor}a:hover{border-bottom-style:solid}button{font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}button:focus-visible{outline:2px solid var(--link);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--text)}label{cursor:pointer}.app{max-width:1240px;margin:0 auto;padding:32px 24px 80px}.site-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid var(--border)}.site-header h1{font-family:var(--serif);font-weight:600;font-size:28px;margin:0;letter-spacing:-.01em}.site-header .tagline{color:var(--text-dim);font-size:14px;margin-top:2px}.site-header nav{display:flex;gap:18px;font-size:14px}.site-header nav a{border-bottom:none;color:var(--text-dim)}.site-header nav a.active{color:var(--text);border-bottom:1px solid currentColor}.layout{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}.layout>aside{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}.layout>aside::-webkit-scrollbar{width:6px}.layout>aside::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width: 920px){.layout{grid-template-columns:1fr}.layout>aside{position:static;max-height:none;overflow:visible;padding-right:0}}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow)}.panel+.panel{margin-top:14px}details.panel>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;margin:-14px -16px;padding:14px 16px;border-radius:var(--radius-lg)}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:before{content:"▾";font-size:10px;color:var(--text-faint);transition:transform .15s ease}details.panel:not([open])>summary:before{transform:rotate(-90deg)}details.panel>summary>h2{margin:0}details.panel[open]>summary{margin-bottom:8px}.panel h2{font-family:var(--serif);font-size:16px;margin:0 0 4px;font-weight:600;letter-spacing:-.005em}.panel h2 .hint{color:var(--text-faint);font-weight:400;font-size:12px;margin-left:6px}.panel .panel-desc{color:var(--text-dim);font-size:12px;margin:0 0 10px;line-height:1.4}.build-plan{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow);margin:16px 0 20px}.build-plan h2{font-family:var(--serif);font-size:17px;margin:0 0 4px;font-weight:600;letter-spacing:-.005em}.build-plan .panel-desc{color:var(--text-dim);font-size:12px;margin:0 0 12px;line-height:1.4}.build-plan-row{display:flex;gap:8px;align-items:stretch}.build-plan-row input[type=text]{flex:1;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.build-plan-row input[type=text]:focus{outline:none;border-color:var(--text-faint)}.build-plan-row button{padding:9px 16px;font-weight:500;white-space:nowrap}.build-plan-error{color:var(--kill);font-size:13px;margin:8px 0 0}.build-plan-result{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.build-plan-result .rationale{font-size:13px;color:var(--text);margin:0 0 12px;line-height:1.45}.build-plan-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:start}@media (max-width: 640px){.build-plan-grid{grid-template-columns:1fr}}.build-plan-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:4px}.build-plan-grid ul{list-style:none;padding:0;margin:0;font-size:13px;display:flex;flex-direction:column;gap:2px}.build-plan-grid ul li{display:flex;justify-content:space-between;gap:12px}.build-plan-grid ul .num{color:var(--text-faint);font-family:var(--mono);font-size:12px}.build-plan-grid .hint{color:var(--text-faint);font-size:12px;margin:0}.build-plan-grid .difficulty{margin:0;font-size:14px;font-weight:500;text-transform:capitalize}.build-plan-grid .difficulty[data-level=low]{color:#2f8a4f}.build-plan-grid .difficulty[data-level=medium]{color:#b07d2c}.build-plan-grid .difficulty[data-level=high]{color:var(--kill)}.build-plan-models{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border)}.build-plan-models-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 720px){.build-plan-models-grid{grid-template-columns:1fr;gap:16px}}.build-plan-models-col .build-plan-label{margin-bottom:8px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.build-plan-models-col .build-plan-label .hint{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0}.build-plan-models ol{list-style:none;margin:0 0 8px;padding:0}.build-plan-models ol li{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:baseline;padding:4px 0;border-bottom:1px dotted var(--border);font-size:14px}.build-plan-models ol li:last-child{border-bottom:none}.build-plan-models .rank{color:var(--text-faint);font-family:var(--mono)}.build-plan-models .model-name{color:var(--text);font-weight:500}.build-plan-models .vendor{color:var(--text-faint);font-size:12px;text-transform:lowercase}.build-plan-models .num{color:var(--text);font-family:var(--mono);font-size:13px;font-weight:600}.build-plan-models .hint{color:var(--text-faint);font-size:11px;margin:0}.build-plan-actions{margin-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.build-plan-actions .hint{color:var(--text-faint);font-size:12px}.filter-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}.filter-row:last-child{border-bottom:none}.filter-row input[type=checkbox]{margin-top:4px}.filter-row .filter-label{flex:1;font-size:13px}.filter-row .filter-label strong{display:block;font-size:14px;font-weight:500}.filter-row .filter-label .desc{color:var(--text-dim);font-size:12px}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.preset-row button{font-size:12px;padding:4px 9px}.preset-row button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.slider-row{padding:4px 0}.slider-row .row-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:4px}.slider-row .row-head .num{font-family:var(--mono);color:var(--text-dim);font-size:12px}.share-row{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:12px;color:var(--text-dim)}.share-row button{font-size:12px}.intro{margin-bottom:16px;max-width:780px;color:var(--text-dim);font-size:13px;line-height:1.5}.intro strong{color:var(--text);font-weight:500}.leaderboard{width:100%;border-collapse:collapse;font-size:14px}.leaderboard th,.leaderboard td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.leaderboard th{font-weight:500;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-strong)}.leaderboard td.rank{color:var(--text-faint);font-family:var(--mono);width:36px}.leaderboard td.model-name{font-weight:500}.leaderboard td.vendor{color:var(--text-dim);font-size:13px}.leaderboard td.score-cell{font-family:var(--mono);width:220px}.leaderboard td.n-cell{color:var(--text-dim);font-family:var(--mono);width:60px;text-align:right}.leaderboard tr.tie td{background:var(--tie-bg)}.leaderboard tr.no-data td{color:var(--text-faint)}.score-bar{display:flex;align-items:center;gap:10px}.score-bar .num{width:56px}.score-bar .ci-track{position:relative;flex:1;height:6px;background:var(--bg-elev-2);border-radius:3px;overflow:visible}.score-bar .ci-fill{position:absolute;height:100%;background:var(--good);opacity:.55;border-radius:3px}.score-bar .ci-mean{position:absolute;top:-3px;width:2px;height:12px;background:var(--text);transform:translate(-1px)}.benchmark-list{display:flex;flex-direction:column;gap:0}.benchmark-row{display:grid;grid-template-columns:minmax(180px,1.8fr) 80px 80px 80px 80px 100px;gap:12px;padding:10px 4px;border-bottom:1px dashed var(--border);font-size:13px;align-items:center;position:relative;transition:opacity .25s ease}.benchmark-row.killed{opacity:.5}.benchmark-row .name{font-weight:500}.benchmark-row .name a{color:var(--text);border-bottom:none}.benchmark-row .name a:hover{color:var(--link)}.benchmark-row .meta{position:absolute;left:4px;right:4px;top:50%;height:1px;background:var(--kill);transform-origin:left center;transform:scaleX(0);transition:transform .32s cubic-bezier(.4,0,.2,1);pointer-events:none}.benchmark-row.killed .meta{transform:scaleX(1)}.benchmark-row .num{font-family:var(--mono);color:var(--text-dim);font-size:12px;text-align:right}.benchmark-row .grade{font-family:var(--mono);font-weight:600}.benchmark-row .grade.A,.benchmark-row .grade.B{color:var(--good)}.benchmark-row .grade.C{color:var(--warn)}.benchmark-row .grade.D,.benchmark-row .grade.F{color:var(--kill)}.benchmark-row .reason{color:var(--kill);font-size:11px;text-align:right;font-family:var(--mono)}.benchmark-row-head{display:grid;grid-template-columns:minmax(180px,1.8fr) 80px 80px 80px 80px 100px;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border-strong);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.benchmark-row-head .num{text-align:right}.summary-stats{display:flex;gap:20px;margin-bottom:14px;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.summary-stats .stat strong{color:var(--text);margin-right:4px}.footer{margin-top:60px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--bg-elev-2);border:1px solid var(--border-strong);padding:8px 14px;border-radius:6px;font-size:13px;box-shadow:var(--shadow);animation:fadeIn .18s ease,fadeOut .3s ease 1.6s forwards;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-4px)}}.section+.section{margin-top:36px}.section h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 14px;letter-spacing:-.01em}.prose{max-width:760px;line-height:1.65;color:var(--text)}.prose p{margin:0 0 14px}.prose ul{margin:0 0 14px 20px;padding:0}.prose code{font-family:var(--mono);font-size:.92em;background:var(--bg-elev-2);padding:1px 5px;border-radius:3px}