:root{--bg: #fafafa;--surface: #ffffff;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #18181b;--bar: #c7c9f5;--bar-strong: #5b5bd6;--brand: #5b5bd6;--brand-strong: #4a4ac0;--brand-soft: #efeffc;--brand-contrast: #ffffff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=dark]{--bg: #101113;--surface: #17181b;--border: #2a2c30;--text: #e8e9eb;--muted: #8e919a;--accent: #e8e9eb;--bar: #36366a;--bar-strong: #8b8bf5;--brand: #8b8bf5;--brand-strong: #a3a3f8;--brand-soft: #1c1d33;--brand-contrast: #101113}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 380px at 50% -160px,color-mix(in srgb,var(--brand) 13%,transparent),transparent);background-repeat:no-repeat}.page{max-width:880px;margin:0 auto;padding:48px 20px 80px}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hero h1{font-size:42px;margin:0 0 8px;letter-spacing:-.02em}.accent{color:var(--brand)}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.hero-actions{display:flex;gap:8px;align-items:center}.submit-btn{background:var(--brand);color:var(--brand-contrast);border:1px solid var(--brand);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s}.submit-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,#000 45%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 16px 48px color-mix(in srgb,#000 28%,transparent)}.modal h2{margin:0 0 8px;font-size:21px}.modal-sub{margin:0 0 18px;color:var(--muted);font-size:13.5px;line-height:1.55}.modal-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}.modal-label .req,.modal-label .opt{font-weight:500;text-transform:none;letter-spacing:0;margin-left:6px}.modal-label .req{color:var(--text)}.modal-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:14px;padding:9px 12px}.modal-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.modal-textarea{resize:vertical;min-height:64px}.modal-error{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#e5484d}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-cancel{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer}.modal-cancel:hover{color:var(--text);border-color:var(--muted)}.modal-submit{background:var(--brand);color:var(--brand-contrast);border:1px solid var(--brand);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer}.modal-submit:not(:disabled):hover{background:var(--brand-strong);border-color:var(--brand-strong)}.modal-submit:disabled{opacity:.4;cursor:not-allowed}.modal-foot{margin:12px 0 0;color:var(--muted);font-size:12px;text-align:right}.tagline{font-size:19px;margin:0 0 12px}.principle{color:var(--muted);font-size:14px;line-height:1.6;max-width:600px;margin:0 0 16px;border-left:2px solid var(--border);padding-left:12px}.bench{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:28px;scroll-margin-top:84px;transition:border-color .15s,box-shadow .15s}.bench:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));box-shadow:0 1px 3px color-mix(in srgb,var(--brand) 10%,transparent)}.bench-nav{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;margin:16px 0 8px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-pill{flex:0 0 auto;background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.nav-pill:hover{color:var(--brand);border-color:var(--brand)}.nav-pill.active{color:var(--brand-contrast);background:var(--brand);border-color:var(--brand)}.bench-controls{display:flex;gap:8px;margin:4px 0 14px}.chip{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:5px 11px;font-size:12.5px;cursor:pointer}.chip:hover{color:var(--text);border-color:var(--muted)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}.direction-hint{color:var(--muted);font-weight:500}.bench-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.bench-head h2{margin:0;font-size:24px}.bench-tagline{margin:4px 0 0;color:var(--muted);font-size:14px}.bench-links{display:flex;gap:14px;font-size:13px;white-space:nowrap}.bench-links a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border)}.bench-links a:hover{color:var(--brand);border-bottom-color:var(--brand)}.bench-links .owner{color:var(--text);border-bottom-color:transparent;font-weight:600}.score-explainer{font-size:13px;color:var(--muted);line-height:1.5;margin:14px 0 18px}.freshness{opacity:.8}.curated-note{font-size:12.5px;color:var(--muted);background:var(--bg);border:1px dashed var(--border);border-radius:6px;padding:6px 10px;margin:0 0 16px}.score-chart{width:100%;height:auto;margin-bottom:10px;display:block}.chart-bar{fill:var(--bar)}.chart-bar-top{fill:var(--bar-strong)}.chart-value{font-size:11.5px;font-weight:600;fill:var(--text);font-variant-numeric:tabular-nums}.chart-label{font-size:11px;fill:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;border-bottom:1px solid var(--border)}td{padding:7px 10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.rank{color:var(--muted);width:32px}.model{font-weight:500}.variant{margin-left:8px;font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.score{font-weight:600;white-space:nowrap}.bar-col{width:120px}.bar{height:6px;border-radius:3px;min-width:2px;background:var(--bar)}.extra{color:var(--muted);white-space:nowrap}.expand{margin-top:14px;background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer}.expand:hover{color:var(--text);border-color:var(--muted)}.footer{margin-top:40px;color:var(--muted);font-size:13px}.footer a{color:var(--text)}@media(max-width:640px){.bar-col,.extra{display:none}}.loading{color:var(--muted);text-align:center;padding:60px 0}
