.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:clamp(200px,15vw,244px);transition:width .2s;display:flex;overflow:hidden}.sidebar-header{min-height:var(--header-h);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;display:flex}.sidebar-collapse-btn{flex-shrink:0}.brand{align-items:center;gap:8px;margin:0;display:flex}.brand-btn{color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;margin:-2px;padding:2px;transition:opacity .15s;display:inline-flex}.brand-btn:hover{opacity:.8}.brand-icon{color:var(--accent);flex-shrink:0}.brand-text{flex-direction:column;align-items:flex-start;display:flex}.brand-name{letter-spacing:-.02em;font-size:.9rem;font-weight:600;line-height:1.1}.brand-sub{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:0 8px 10px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.menu-section-title{z-index:1;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--bg-sidebar);margin-bottom:4px;padding:10px 6px 4px;font-weight:600;position:sticky;top:0}.sidebar-section-title{margin-top:1rem}.provider-count{color:var(--text-muted);font-weight:600}.provider-search{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--fs-sm);outline:none;margin:0 0 8px;padding:6px 10px;font-family:inherit;transition:border-color .15s}.provider-search:focus{border-color:var(--accent)}.provider-search::placeholder{color:var(--text-muted)}.sidebar-empty{font-size:var(--fs-xs);color:var(--text-muted);padding:8px 10px;line-height:1.4}.menu-item-row{align-items:center;gap:2px;display:flex}.menu-item{border-radius:var(--radius-sm);background:var(--bg-sidebar);color:var(--text-primary);font-size:var(--fs-sm);text-align:left;cursor:pointer;border:none;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-weight:500;transition:background .15s,color .15s;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-avatar{border-radius:var(--radius-sm);background:var(--badge-bg);width:24px;height:24px;color:var(--text-secondary);font-size:var(--fs-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:none}.menu-item.active .menu-avatar{background:var(--accent-glow);color:var(--accent)}.sidebar--collapsed{width:60px;overflow:visible}.sidebar--collapsed .sidebar-header{justify-content:center;padding:11px}.sidebar--collapsed .brand,.sidebar--collapsed .brand-name,.sidebar--collapsed .brand-sub,.sidebar--collapsed .menu-label,.sidebar--collapsed .menu-badge,.sidebar--collapsed .api-key-link,.sidebar--collapsed .sidebar-footer,.sidebar--collapsed .sidebar-legend{display:none}.sidebar--collapsed .menu-item{justify-content:center;padding:9px 0}.sidebar--collapsed .menu-item .menu-avatar{display:inline-flex}.sidebar--collapsed .menu-section-title{text-align:center;font-size:var(--fs-2xs);letter-spacing:.12em;padding:12px 0 4px}.sidebar--collapsed .provider-search,.sidebar--collapsed .provider-count,.sidebar--collapsed .sidebar-empty{display:none}.sidebar--collapsed .sidebar-collapse-btn:after{top:50%;left:calc(100% + 8px);right:auto}.sidebar--collapsed .sidebar-collapse-btn:after,.sidebar--collapsed .sidebar-collapse-btn:hover:after,.sidebar--collapsed .sidebar-collapse-btn:focus-visible:after{transform:translateY(-50%)}.menu-badge{background:var(--bg-panel);color:var(--text-primary);font-size:var(--fs-xs);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;border:1px solid var(--border-soft);flex-shrink:0;align-items:center;min-height:24px;padding:1px 5px;font-weight:600;display:inline-flex}.menu-item.active .menu-badge{background:var(--accent-strong);color:var(--text-on-accent)}.api-key-link{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex}.api-key-link:hover{color:var(--accent);background:var(--accent-glow)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.sidebar-legend{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-panel);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.legend-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-weight:600}.legend-group{flex-direction:column;gap:4px;display:flex}.legend-label{font-size:var(--fs-xs);color:var(--text-secondary)}.legend-items{flex-wrap:wrap;gap:4px 8px;display:flex}.legend-item{font-size:var(--fs-xs);color:var(--text-primary);align-items:center;gap:4px;line-height:1.2;display:inline-flex}.legend-swatch{border-radius:var(--radius-xs);width:8px;height:8px;display:inline-block}.legend-swatch.badge-tier-free{background:var(--tier-free)}.legend-swatch.badge-tier-budget{background:var(--tier-budget)}.legend-swatch.badge-tier-balanced{background:var(--tier-balanced)}.legend-swatch.badge-tier-premium{background:var(--tier-premium)}.sidebar-legend .modality-chip{font-size:var(--fs-xs);border-radius:var(--radius-xs);align-items:center;min-height:24px;padding:4px 8px;display:inline-flex}.legend-modality-name{color:var(--text-muted)}.last-updated{font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.gh-link{color:var(--text-muted);font-size:var(--fs-xs);justify-content:center;align-items:center;gap:6px;line-height:1;text-decoration:none;transition:color .15s;display:flex}.gh-link svg{flex-shrink:0}.gh-link:hover{color:var(--text-secondary)}.skeleton-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.sk-row{align-items:center;display:flex}.sk-row-space-between{justify-content:space-between}.sk-row-gap{gap:4px}.sk-block{background:var(--skeleton-bg);border-radius:var(--radius-xs);animation:1.6s ease-in-out infinite pulse}.sk-block-name{flex:1;height:12px}.sk-block-ctx{width:60px;height:10px}.sk-block-date{width:48px;height:10px}.sk-block-modality{border-radius:var(--radius-xs);width:30px;height:14px}.sk-block-tier{border-radius:var(--radius-xs);width:44px;height:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.model-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;min-height:76px;padding:clamp(7px,.7vw,11px) clamp(9px,.9vw,13px);transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.model-card-hitarea{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:4px;padding:0;display:flex}.model-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.model-card:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.model-card:hover:after{opacity:1}.model-card--free{border-color:#10b98140}.model-card--free:hover{box-shadow:0 4px 16px -4px #0006, 0 0 12px -4px var(--green-glow);border-color:#10b98166}.model-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), var(--shadow-card-hover);outline:none}.card-topline{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-right:30px;display:flex}.model-name{font-size:var(--fs-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.rank-chip{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-on-accent);background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:var(--radius-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;padding:1px 6px;font-weight:600;display:inline-flex}.copy-btn{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-muted);cursor:pointer;opacity:.55;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.model-card:hover .copy-btn,.model-card:focus-within .copy-btn{opacity:1}.copy-btn:hover{color:var(--accent);background:var(--accent-glow)}.model-card .copy-btn{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.modal-content .copy-btn{opacity:1}.modal-content .copy-btn:hover{color:var(--accent);background:var(--accent-glow)}.card-metaline{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.stat-chip{font-size:var(--fs-xs);color:var(--text-primary);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:2px 6px;display:flex}.stat-chip svg{color:var(--text-muted)}.modality-chips{flex-wrap:wrap;gap:3px;display:flex}.modality-chip{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--modality-border);border-radius:var(--radius-xs);background:0 0;align-items:center;min-height:24px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-weight:600;display:inline-flex}.modality-chip--more{color:var(--text-secondary);border-style:dashed}.tier-badge{font-size:var(--fs-xs);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-weight:600;display:inline-flex}.badge-tier-free{background:var(--tier-free);color:var(--text-on-accent);border:1px solid #10b98166}.badge-tier-budget{background:var(--tier-budget);color:var(--text-on-accent);border:1px solid #3b82f666}.badge-tier-balanced{background:var(--tier-balanced);color:var(--text-on-accent);border:1px solid #8b5cf666}.badge-tier-premium{background:var(--tier-premium);color:var(--text-on-accent);border:1px solid #f59e0b66}.badge-tier-unknown{background:var(--chip-bg);color:var(--text-muted);border:1px solid var(--border-soft)}.stat-chip--price{color:var(--text-primary);background:var(--chip-bg);border-color:var(--chip-border)}.card-metaline{padding-right:30px}.compare-toggle{border-radius:var(--radius-xs);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:.85;background:0 0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex;position:absolute;bottom:6px;right:7px}.model-card:hover .compare-toggle,.model-card:focus-within .compare-toggle{opacity:1}.compare-toggle:hover{color:var(--accent);background:var(--accent-glow);border-color:#3b82f666}.compare-toggle[aria-pressed=true]{color:var(--text-on-accent);background:var(--accent-strong);border-color:var(--accent-strong);opacity:1;animation:.2s compare-press}@keyframes compare-press{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.virtualized-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;grid-column:1/-1;height:100%;overflow-y:auto}.virtualized-list::-webkit-scrollbar{width:4px}.virtualized-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.virtualized-list-inner{width:100%;height:100%;position:relative}.virtualized-row{contain:layout;width:100%;position:absolute;top:0;left:0}.virtualized-row-inner{gap:8px;height:100%;display:grid}.virtualized-empty{justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);grid-column:1/-1;padding:4rem 0}.empty-icon{color:var(--text-muted);margin-bottom:10px;display:inline-flex}.empty-state-action{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;margin-top:.75rem;padding:6px 16px;font-family:inherit;transition:background .15s,border-color .15s}.empty-state-action:hover{background:var(--bg-hover);border-color:var(--border-hover)}.empty-state-action:active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.scroll-top-btn{z-index:var(--z-sticky);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-md);justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s,transform .15s;display:inline-flex;position:fixed;bottom:88px;right:16px}.scroll-top-btn:hover{color:var(--accent);border-color:var(--border-hover);background:var(--bg-hover)}.scroll-top-btn:active{transform:scale(.94)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overscroll-behavior:contain;width:100%;max-width:560px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-modal);padding:24px;animation:.15s ease-out modal-enter;position:relative;overflow-y:auto}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.close-button{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.close-button:hover{color:var(--text-primary);background:var(--bg-hover)}.close-button:active{background:var(--accent-glow);color:var(--accent)}.modal-header{margin-bottom:.75rem}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.modal-provider{margin-top:2px}.modal-provider-name{font-size:var(--fs-xs);color:var(--text-muted)}.modal-provider-link{font-size:var(--fs-xs);color:var(--accent);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:2px 0;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.modal-provider-link:hover{color:var(--accent-strong);text-decoration:underline}.modal-model-id{align-items:center;gap:4px;margin-top:3px;display:flex}.modal-model-id code{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--text-muted)}.modal-description{font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:10px 12px;line-height:1.55}.modal-specs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin-bottom:1.25rem;display:grid}.spec-item{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:7px 10px;display:flex}.spec-label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.spec-value{font-size:var(--fs-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.spec-value--modalities{flex-wrap:wrap;gap:3px;display:flex}.spec-item--benchmarks{grid-column:1/-1}.spec-value--benchmarks{flex-wrap:wrap;gap:4px;display:flex}.bench-chip{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-on-accent);background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:3px;padding:3px 7px;font-weight:600;display:inline-flex}.alt-list{margin-top:1rem}.alt-list-title{font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-weight:500}.alt-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-panel);align-items:flex-start;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.alt-item-nav{min-width:0;font-family:inherit;font-size:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.alt-item .copy-btn{opacity:1}.alt-item-info{flex:1;min-width:0}.alt-item-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.alt-item-meta{align-items:center;gap:4px;margin-top:2px;display:flex}.alt-item-id{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alt-item-reason{font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px}.alt-empty{color:var(--text-muted);font-size:.8rem}.alt-show-more{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:4px;margin-top:2px;padding:6px 12px;font-family:inherit;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.alt-show-more:hover{color:var(--accent);background:var(--accent-glow);border-color:#3b82f666}.alt-show-more:active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.alt-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.alt-item-nav:focus-visible{border-radius:var(--radius-xs)}.alt-item-price{font-size:var(--fs-xs);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.alt-item--best{border-color:#10b98166}.alt-item-price-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.alt-item-price--free{color:var(--green,#10b981);font-weight:600}.alt-item-ctx{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.best-offer-chip{font-size:var(--fs-2xs);color:#065f46;background:var(--green-glow);border-radius:var(--radius-xs);white-space:nowrap;border:1px solid #10b9814d;align-items:center;margin-left:6px;padding:1px 6px;font-weight:600;display:inline-flex}[data-theme=dark] .best-offer-chip{color:var(--green)}.modal-aliases{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.alias-chip{font-family:JetBrains Mono,monospace;font-size:var(--fs-2xs);color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-xs);padding:2px 6px}.new-chip{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--yellow);border-radius:var(--radius-xs);white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b59;align-items:center;margin-left:6px;padding:1px 6px;font-weight:700;display:inline-flex}.quality-chip{font-family:JetBrains Mono,monospace;font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-xs);white-space:nowrap;align-items:center;padding:1px 6px;font-weight:600;display:inline-flex}.quality-chip--pareto{color:var(--yellow);background:#f59e0b14;border-color:#f59e0b66}.pareto-star{font-size:var(--fs-2xs);color:var(--yellow);margin-left:6px;font-weight:700}.compare-bar{z-index:var(--z-bar);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.compare-bar-count{font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.compare-bar-hint{font-size:var(--fs-xs);color:var(--text-muted)}.compare-bar-btn{background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:var(--radius-sm);color:var(--text-on-accent);font-size:var(--fs-sm);cursor:pointer;padding:7px 14px;font-family:inherit;transition:background .15s}.compare-bar-btn:hover:not(:disabled){background:var(--accent)}.compare-bar-btn:active:not(:disabled){background:var(--accent-strong);transform:scale(.98)}.compare-bar-btn:disabled{opacity:.45;cursor:default}.compare-bar-clear{color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-family:inherit;transition:color .15s}.compare-bar-clear:hover{color:var(--text-primary)}.compare-bar-clear:active{color:var(--accent)}.compare-modal{max-width:720px;animation:.15s ease-out modal-enter}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%}.compare-table th,.compare-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;font-size:var(--fs-sm);padding:8px 10px}.compare-table .compare-table-label{color:var(--text-muted);white-space:nowrap;width:1%;font-weight:600}.compare-table th:first-child,.compare-table td:first-child{z-index:1;background:var(--bg-elevated);border-right:1px solid var(--border-soft);position:sticky;left:0}.compare-table .compare-best{color:var(--green);font-weight:600}.compare-th-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.compare-th-id{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:2px;overflow:hidden}.compare-th-remove{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;background:0 0;align-items:center;gap:3px;margin-top:6px;padding:6px 10px;font-family:inherit;transition:color .15s,border-color .15s;display:inline-flex}.compare-th-remove:hover{color:var(--text-primary);border-color:var(--border-hover)}.compare-th-remove:active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--header-h:52px;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--lh-tight:1.25;--lh-normal:1.5;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px -4px #00000073;--shadow-lg:0 24px 48px -12px #000c;--shadow-card:0 1px 3px #0000004d;--shadow-card-hover:0 4px 16px -4px #0006, 0 0 10px -4px var(--accent-glow);--shadow-dropdown:0 8px 24px -8px #00000080;--shadow-modal:0 24px 48px -12px #000c;--z-sticky:10;--z-bar:90;--z-modal:100;--bg-base:#08080a;--bg-sidebar:#0a0a0d;--bg-elevated:#141419;--bg-panel:#ffffff08;--bg-hover:#ffffff12;--bg-inset:#0006;--border:#ffffff1a;--border-soft:#ffffff0f;--border-hover:#fff3;--border-strong:#ffffff4d;--text-primary:#f4f4f4;--text-secondary:#e0e0e5;--text-muted:#b8b8c0;--text-on-accent:#fff;--accent:#3b82f6;--accent-strong:#1d4ed8;--accent-glow:#3b82f640;--green:#10b981;--green-glow:#10b98133;--yellow:#f59e0b;--purple:#8b5cf6;--red:#ef4444;--tier-free:#047857;--tier-budget:#1e3a8a;--tier-balanced:#6d28d9;--tier-premium:#92400e;--chip-bg:#00000059;--chip-border:#ffffff1a;--modality-border:#ffffff1a;--badge-bg:#00000059;--skeleton-bg:#ffffff0f;font-size:clamp(14px,.25vw + 13.5px,17px)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#fafafa;--bg-sidebar:#f4f4f5;--bg-elevated:#fff;--bg-panel:#0000000a;--bg-hover:#0000000f;--bg-inset:#0000000a;--border:#0000001f;--border-soft:#00000012;--border-hover:#0000003d;--border-strong:#00000057;--text-primary:#18181b;--text-secondary:#3a3a42;--text-muted:#5e5e68;--text-on-accent:#fff;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-glow:#2563eb26;--green:#047857;--green-glow:#05966926;--yellow:#b45309;--purple:#7c3aed;--red:#dc2626;--tier-free:#047857;--tier-budget:#1e3a8a;--tier-balanced:#6d28d9;--tier-premium:#92400e;--chip-bg:#00000012;--chip-border:#00000026;--modality-border:#0000001a;--badge-bg:#00000014;--skeleton-bg:#00000014;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 16px -4px #00000024;--shadow-lg:0 24px 48px -12px #00000047;--shadow-card:0 1px 3px #0000001a;--shadow-card-hover:0 4px 16px -4px #0000001f, 0 0 10px -4px var(--accent-glow);--shadow-dropdown:0 8px 24px -8px #00000026;--shadow-modal:0 24px 48px -12px #00000047}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#fafafa;--bg-sidebar:#f4f4f5;--bg-elevated:#fff;--bg-panel:#0000000a;--bg-hover:#0000000f;--bg-inset:#0000000a;--border:#0000001f;--border-soft:#00000012;--border-hover:#0000003d;--border-strong:#00000057;--text-primary:#18181b;--text-secondary:#3a3a42;--text-muted:#5e5e68;--text-on-accent:#fff;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-glow:#2563eb26;--green:#047857;--green-glow:#05966926;--yellow:#b45309;--purple:#7c3aed;--red:#dc2626;--chip-bg:#00000012;--chip-border:#00000026;--modality-border:#0000001a;--badge-bg:#00000014;--skeleton-bg:#00000014;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 16px -4px #00000024;--shadow-lg:0 24px 48px -12px #00000047;--shadow-card:0 1px 3px #0000001a;--shadow-card-hover:0 4px 16px -4px #0000001f, 0 0 10px -4px var(--accent-glow);--shadow-dropdown:0 8px 24px -8px #00000026;--shadow-modal:0 24px 48px -12px #00000047}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}.skip-link{z-index:var(--z-modal);background:var(--accent-strong);color:var(--text-on-accent);font-size:var(--fs-sm);border-radius:var(--radius-sm);padding:8px 14px;text-decoration:none;transition:top .15s;position:fixed;top:-48px;left:12px}.skip-link:focus-visible{top:12px}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}.icon-btn:active{background:var(--bg-hover);transform:scale(.95)}.icon-btn:after{content:attr(data-tooltip);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-size:var(--fs-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md);padding:3px 8px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-2px)}.icon-btn:hover:after,.icon-btn:focus-visible:after{opacity:1;transform:translateY(0)}.dashboard-layout{width:100vw;height:100dvh;display:flex}.sk-block-large{border-radius:6px;height:28px;margin:4px 8px}.sk-block-title{border-radius:var(--radius-xs);width:140px;height:18px}.sk-block-search{border-radius:var(--radius-sm);width:100%;height:30px}.sk-block-search-sm{border-radius:var(--radius-sm);height:26px;margin:0 8px 8px}.sk-block-chip{border-radius:var(--radius-sm);flex-shrink:0;width:76px;height:28px}.sk-block-icon{border-radius:var(--radius-sm);flex-shrink:0;width:30px;height:30px}.main-content{background-image:radial-gradient(circle at 60% -20%,#3b82f60a,#0000 60%);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-header{border-bottom:1px solid var(--border);min-height:var(--header-h);grid-template-columns:1fr auto;grid-template-areas:"left controls""search search";align-items:center;gap:6px 16px;padding:10px clamp(12px,2vw,20px);display:grid}.header-left{grid-area:left;align-items:center;gap:10px;min-width:0;display:flex}@media (width>=769px) and (width<=1365px){:root{--header-h:86px}}@media (width>=1366px){.content-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left search controls";row-gap:0;padding:10px clamp(20px,3vw,32px)}.header-left{align-items:baseline}}.content-title{letter-spacing:-.02em;font-size:1rem;font-weight:600}.content-count{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.refresh-indicator{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.refresh-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.header-controls{flex-wrap:wrap;grid-area:controls;justify-self:end;align-items:center;gap:8px;display:flex}.free-toggle{font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.free-toggle input[type=checkbox]{accent-color:var(--green);cursor:pointer;width:16px;height:16px}.sort-select-wrapper{align-items:center;display:inline-flex;position:relative}.sort-select-wrapper>svg{pointer-events:none;color:var(--text-muted);position:absolute;right:7px}.sort-select{appearance:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;outline:none;padding:6px 24px 6px 8px;font-family:inherit;transition:border-color .15s}.sort-select:hover{border-color:var(--border-hover)}.sort-select:active{border-color:var(--accent);background:var(--accent-glow)}.clear-filters-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;padding:6px 10px;font-family:inherit;transition:color .15s,border-color .15s}.clear-filters-btn:hover{color:var(--accent);border-color:var(--border-hover)}.clear-filters-btn:active{color:var(--accent);background:var(--accent-glow);border-color:var(--accent)}.share-link-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;transition:color .15s,border-color .15s;display:inline-flex}.share-link-btn:hover{color:var(--accent);border-color:var(--border-hover)}.share-link-btn:active{color:var(--accent);background:var(--accent-glow);border-color:var(--accent)}.export-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.export-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}.export-btn:active:not(:disabled){background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.export-btn:disabled{opacity:.45;cursor:default;pointer-events:none}.search-wrap{grid-area:search;justify-self:center;align-items:center;width:100%;max-width:clamp(260px,34vw,640px);display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:8px}.search-input{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm);outline:none;width:100%;padding:6px 34px 6px 26px;font-family:inherit;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.search-clear{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;right:4px}.search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.search-clear:active{background:var(--accent-glow);color:var(--accent)}.content-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));align-content:start;gap:clamp(6px,.6vw,10px);padding:clamp(10px,1.2vw,16px) clamp(12px,1.6vw,20px);display:grid;overflow-y:auto}.content-body::-webkit-scrollbar{width:4px}.content-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.dashboard-layout.has-compare-bar .content-body{padding-bottom:72px}.retry-btn{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;padding:6px 16px;font-family:inherit;transition:background .15s,border-color .15s}.retry-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.retry-btn:active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.dashboard-layout.error-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem}.error-icon{font-size:2rem}.error-title{color:var(--red);font-weight:600}.error-message{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;max-width:380px}.error-boundary{background:var(--bg-base);min-height:100vh;color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-family:Inter,system-ui,sans-serif;display:flex}.error-boundary-icon{margin-bottom:1rem;font-size:3rem}.error-boundary-title{color:var(--red);margin:0 0 .5rem}.error-boundary-message{color:var(--text-secondary);max-width:400px;margin-bottom:1.5rem}.error-boundary-retry{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-base);cursor:pointer;padding:8px 20px;font-family:inherit;transition:background .15s,border-color .15s}.error-boundary-retry:hover{background:var(--bg-hover);border-color:var(--border-hover)}.error-boundary--inline{min-height:0;color:inherit;background:0 0}.menu-item:focus-visible,.api-key-link:focus-visible,.sort-select:focus-visible,.search-input:focus-visible,.retry-btn:focus-visible,.close-button:focus-visible,.copy-btn:focus-visible,.alt-item-nav:focus-visible,.alt-show-more:focus-visible,.empty-state-action:focus-visible,.compare-bar-btn:focus-visible,.compare-bar-clear:focus-visible,.compare-th-remove:focus-visible,.clear-filters-btn:focus-visible,.share-link-btn:focus-visible,.export-btn:focus-visible,.search-clear:focus-visible,.gh-link:focus-visible,.error-boundary-retry:focus-visible,.compare-toggle:focus-visible,.icon-btn:focus-visible,.scroll-top-btn:focus-visible,.provider-search:focus-visible,.brand-btn:focus-visible,.modal-provider-link:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.free-toggle:has(input:focus-visible){box-shadow:0 0 0 2px var(--accent);outline:none}.sidebar-mobile-toggle{display:none}.sidebar-backdrop{z-index:calc(var(--z-modal) - 1);background:#00000080;animation:.25s forwards backdrop-in;display:none;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.sidebar-mobile-toggle{display:inline-flex}.sidebar-backdrop{display:block}.dashboard-layout{flex-direction:column;position:relative}.sidebar{width:280px;max-width:85vw;height:100dvh;z-index:var(--z-modal);visibility:hidden;box-shadow:none;border-right:1px solid var(--border);transition:transform .25s,box-shadow .25s,visibility 0s linear .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--mobile-open{box-shadow:var(--shadow-modal);visibility:visible;transition:transform .25s,box-shadow .25s;transform:translate(0)}.sidebar--collapsed{width:280px;max-width:85vw;overflow:hidden}.sidebar--collapsed .sidebar-header{justify-content:space-between;padding:12px 14px}.sidebar--collapsed .brand{display:flex}.sidebar--collapsed .brand-name,.sidebar--collapsed .brand-sub,.sidebar--collapsed .menu-label{display:block}.sidebar--collapsed .menu-badge{display:inline-flex}.sidebar--collapsed .menu-item{justify-content:space-between;padding:7px 10px}.sidebar--collapsed .menu-item .menu-avatar{display:none}.sidebar--collapsed .menu-section-title{text-align:left;font-size:var(--fs-xs);letter-spacing:.07em;padding:10px 6px 4px}.sidebar--collapsed .api-key-link,.sidebar--collapsed .sidebar-footer,.sidebar--collapsed .sidebar-legend{display:flex}.sidebar-header{padding:12px 14px}.sidebar-collapse-btn{display:none}.sidebar-menu{padding:0 8px 10px;overflow-y:auto}.menu-section-title{z-index:1;background:var(--bg-sidebar);padding:10px 6px 4px;position:sticky;top:0}.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px;display:flex}.main-content{flex:1;min-height:0}.content-header{gap:6px 8px;padding:8px 12px}.header-controls{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.header-controls::-webkit-scrollbar{display:none}.share-link-btn .btn-label,.export-btn .btn-label{display:none}.search-wrap{max-width:none}.content-body{padding:10px 12px}.compare-bar{border-left:none;border-right:none;border-top:1px solid var(--border);background:var(--bg-elevated);width:100%;z-index:var(--z-sticky);border-radius:0;justify-content:center;padding:10px 12px;position:sticky;bottom:0;left:0;transform:none;box-shadow:0 -4px 12px -4px #0000004d}}
