.compare{container-type:inline-size}.compare .row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.compare .row.spread{justify-content:space-between;margin-bottom:.4rem}.compare .row h2{margin:0}.compare .muted{color:var(--muted)}.compare .num{font-variant-numeric:tabular-nums}.compare .ok{color:var(--ok)}.compare .warn{color:var(--warn)}.compare .btn{border:1px solid var(--line-2);background:var(--surface);color:var(--fg);border-radius:.55rem;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:560;display:inline-flex}.compare .btn.ghost{color:var(--accent);background:0 0;border-color:#0000}.compare .btn.small{white-space:nowrap;padding:.2rem .55rem;font-size:.75rem}.compare .btn:disabled{opacity:.5;cursor:not-allowed}.compare .compare-chips{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.compare .stale{color:var(--fg-2);margin-left:.5rem}.compare .banner{margin-bottom:1.25rem}.compare table.lite{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.compare table.lite caption{text-align:left;color:var(--muted);padding:2rem 0 .5rem;font-size:.8125rem}.compare table.lite caption strong{color:var(--fg)}.compare table.lite thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:.55rem .75rem;font-size:.75rem;font-weight:600}.compare table.lite tbody th{text-align:left;font-weight:400}.compare table.lite td,.compare table.lite tbody th{border-bottom:1px solid var(--line);vertical-align:baseline;padding:.55rem .75rem}.compare table.lite .r{text-align:right}.compare .page-head>:last-child{position:relative}.compare .newcomp>summary{cursor:pointer;list-style:none}.compare .newcomp>summary::-webkit-details-marker{display:none}.compare .newcomp[open]>summary{background:var(--sunken)}.compare .newcomp>form{z-index:5;width:min(34rem,100vw - 2rem);box-shadow:var(--shadow-lg);gap:.75rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}@container (max-width:48rem){.compare .newcomp>form{left:0;right:auto}}.compare .newcomp h2{margin:0}.compare .newcomp .row-fields{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.compare .newcomp .row-fields>*{flex:10rem;min-width:0}.compare .newcomp .field{gap:.25rem;margin:0;display:grid}.compare .newcomp form p{margin:0}.compare .newcomp fieldset{border:0;grid-template-columns:minmax(0,1fr);gap:.5rem;min-inline-size:0;margin:0;padding:0;display:grid}.compare .newcomp legend{margin-bottom:.35rem;padding:0;font-weight:560}.compare .newcomp .picked{gap:.25rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.compare .newcomp .picked li{align-items:baseline;gap:.5rem;display:flex}.compare .newcomp .picked .btn{margin-left:auto}.compare .newcomp .notice{margin:0}.compare .split3{margin-top:2rem;overflow-x:auto}.compare .cell{grid-template-columns:2.6rem 1fr;align-items:center;gap:.5rem;min-width:6rem;display:grid}.compare .meter{background:var(--sunken);border-radius:999px;height:.5rem;position:relative}.compare .meter i{background:var(--accent);border-radius:999px;height:100%;display:block}.compare .meter u{background:var(--fg);width:2px;height:calc(100% + 8px);position:absolute;top:-4px}.compare .cell.f .num{color:var(--bad);font-weight:650}.compare .cell.f .meter i{background:var(--bad)}.compare .cell.t:not(.f) .meter i{opacity:.5}.compare .topics .delta{font-weight:600}.compare .topics .delta.up{color:var(--ok)}.compare .topics .delta.down{color:var(--bad)}.compare .topics .sortbtn{all:unset;cursor:pointer;color:var(--muted);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.compare .topics .sortbtn:hover{color:var(--fg)}.compare .topics .sortbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}.compare .topics .sorted{border:1.5px solid;border-width:0 1.5px 1.5px 0;width:.35rem;height:.35rem;transform:rotate(45deg)translateY(-1px)}.compare .topics .sorted.asc{transform:rotate(-135deg)}.compare .legend{color:var(--muted);align-items:center;gap:.9rem;font-size:.75rem;display:flex}.compare .legend span{align-items:center;gap:.35rem;display:inline-flex}.compare .mark{border-radius:.15rem;width:.6rem;height:.6rem;display:inline-block}.compare .mark.floor{background:var(--fg);width:2px;height:.8rem}.compare .mark.low{background:var(--bad)}@media (max-width:860px){.compare table.lite:not(.results){display:block;overflow-x:auto}}.compare table.results{table-layout:fixed;min-width:52rem}.compare .results col.c-model{width:15rem}.compare .results col.c-q{width:5.5rem}.compare .results col.c-vs{width:6rem}.compare .results col.c-lat{width:6.5rem}.compare .results col.c-cost{width:8rem}.compare .results col.c-res{width:9.5rem}.compare table.results thead th{white-space:normal;vertical-align:bottom;line-height:1.25}.compare table.results tbody tr:where(:not(.why,.note))>*{vertical-align:middle;white-space:nowrap;height:4.75rem;padding-block:0}.compare .results .model .name{overflow-wrap:anywhere;color:var(--fg);white-space:normal;font-weight:600;display:block}.compare .results td.after{white-space:normal;font-size:.75rem}.compare .results td .small,.compare .results tr.hosted td.num{white-space:normal}.compare .results .model .slug{overflow-wrap:anywhere;white-space:normal;color:var(--fg-2);font:.6875rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.compare .results .fold{all:unset;cursor:pointer;align-items:center;gap:.4rem;width:100%;display:flex}.compare .results .fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}.compare .results .fold .name{overflow-wrap:anywhere;white-space:normal;flex:0 auto;min-width:0;font-weight:600}.compare .chev{border:solid var(--muted);border-width:0 1.5px 1.5px 0;flex:none;width:.4rem;height:.4rem;transition:transform .15s ease-out;transform:rotate(-45deg)}.compare .open .chev{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.compare .chev{transition:none}}.compare .results td .chip{box-sizing:border-box;justify-content:center;width:7.5rem}.compare .results tr.pick>*{background:var(--accent-tint)}.compare .results tr.failrow.open>*{border-bottom:0}.compare .results tr.why td,.compare .results tr.note td{color:var(--fg-2);white-space:normal;padding:0 .75rem .7rem;font-size:.8125rem}.compare .results tr.why div,.compare .results tr.note div{max-width:min(60rem,100cqi - 1.5rem);position:sticky;left:.75rem}.compare .results tr.note td{color:var(--muted);font-size:.75rem}.compare .results tr.hosted>*{border-bottom:0}.compare .results tr.hosted .num{font-weight:600}.compare .results td.act{text-align:right}.compare .results td.act .button{white-space:nowrap}.compare .results .term [role=tooltip]{top:calc(100% + .4rem);bottom:auto}.compare .results td:last-child .term [role=tooltip]{left:auto;right:0;transform:none}.compare .results tbody .term{text-decoration:none}.compare .outcome{color:var(--fg-2);margin:.75rem 0 0}.compare .caption,.compare .footnote{color:var(--muted);margin:.6rem 0 0;font-size:.8125rem}@container (max-width:62.5rem){.compare .results col.c-model{width:12.5rem}.compare table.results{min-width:49.5rem}.compare .results-wrap{overflow-x:auto}.compare .results .model{z-index:1;background:var(--bg);position:sticky;left:0}.compare .results tr.pick>.model{background:linear-gradient(var(--accent-tint), var(--accent-tint)), var(--bg)}}