body{min-height:100vh;margin:0}.models-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1040px;height:64px;margin:0 auto;padding:0 32px;display:flex}.models-nav .logo{font-size:17px}.models-nav-links{align-items:center;gap:20px;font-size:14px;display:flex}.models-nav-links a:not(.btn){color:var(--fg-dim)}.models-nav-links a:not(.btn):hover{color:var(--fg)}.models-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.models-search{flex:1;min-width:220px}.models-controls .segmented .material-symbols-outlined{font-size:18px;display:block}.models-controls .segmented button:has(.material-symbols-outlined){padding:4px 8px}.models-meta{color:var(--fg-faint);margin:16px 0 10px;font-size:12px}.models{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.models-empty{text-align:center;color:var(--fg-dim);padding:40px 0;font-size:14px}.model-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s var(--ease), background-color .15s var(--ease);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.model-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.model-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.model-provider{color:var(--fg-dim);font-size:12px}.model-name{font:500 14px/1.35 var(--mono);overflow-wrap:anywhere}.tier-flair{background:var(--accent-soft);color:var(--accent);border:1px solid #cfc2fb59;border-radius:99px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600}.tier-standard{color:var(--fg-faint);font-size:12px}.model-card-footer{border-top:1px solid var(--border);color:var(--fg-dim);justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.units{color:var(--fg-dim);font-size:12px}.units b{color:var(--tone);font:600 18px/1 var(--mono);margin-right:2px}.model-table .units b{font-size:14px}.units.is-none{color:var(--fg-faint)}.model-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.model-table{border-collapse:collapse;width:100%;font-size:13px}.model-table th{background:var(--surface);color:var(--fg-faint);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.model-table td{border-top:1px solid var(--border);white-space:nowrap;padding:9px 14px}.model-table tbody tr:hover{background:var(--surface)}.model-table code{font-size:13px}.model-table .num{text-align:right;font-family:var(--mono)}@media (width<=600px){.models-nav{padding:0 16px}.models-nav-links a:not(.btn){display:none}}
