@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#16161f;--bg-card-hover:#1e1e2d;--border:#2a2a3e;--border-light:#3a3a5e;--text-primary:#e8e8f0;--text-secondary:#9090b0;--text-muted:#606080;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:#6c5ce74d;--green:#00b894;--green-glow:#00b8944d;--orange:#fdcb6e;--red:#e17055;--blue:#74b9ff;--pink:#fd79a8;--gradient-1:linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-2:linear-gradient(135deg, #00b894, #55efc4);--gradient-3:linear-gradient(135deg, #fdcb6e, #ffeaa7);--shadow:0 4px 20px #0006;--shadow-lg:0 8px 40px #0009;--radius:12px;--radius-lg:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.header{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem 2rem;position:sticky;top:0}.header-bg{pointer-events:none;background:linear-gradient(135deg,#6c5ce70d,#a29bfe05);position:absolute;inset:0}.header-content{max-width:1400px;margin:0 auto;position:relative}.header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.logo{align-items:center;gap:1rem;display:flex}.logo-icon{filter:drop-shadow(0 0 10px var(--accent-glow));font-size:2.5rem}.logo-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.logo-sub{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.view-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;gap:.5rem;padding:4px;display:flex}.view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .8rem;font-size:1.2rem;transition:all .2s}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.search-bar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;padding:.75rem 1rem;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-icon{margin-right:.75rem;font-size:1.1rem}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-bar input::placeholder{color:var(--text-muted)}.search-clear{background:var(--border);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .2s;display:flex}.search-clear:hover{background:var(--red);color:#fff}.main{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.category-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding-bottom:1.5rem;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.category-tab:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.tab-icon{font-size:1.1rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;padding:1rem 0;display:flex}.filter-group{flex-direction:column;gap:.4rem;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.filter-chips{gap:.4rem;display:flex}.filter-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-family:inherit;font-size:.8rem;transition:all .2s}.filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;min-width:150px;padding:.5rem .8rem;font-family:inherit;font-size:.85rem}.filter-select:focus{border-color:var(--accent)}.results-info{align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.results-count{color:var(--text-muted);font-size:.9rem;font-weight:500}.results-category{color:var(--accent-light);background:#6c5ce71a;border-radius:20px;padding:.2rem .6rem;font-size:.8rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.model-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.model-card:before{content:"";background:var(--gradient-1);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.model-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.model-card:hover:before{opacity:1}.card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.card-logo{background:var(--bg-tertiary);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.card-info{flex:1}.card-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.card-provider{color:var(--text-muted);font-size:.8rem}.card-score-badge{border-radius:10px;flex-direction:column;align-items:center;min-width:48px;padding:.4rem .6rem;display:flex}.score-excellent{background:#00b89426}.score-good{background:#a29bfe26}.score-fair{background:#fdcb6e26}.score-low{background:#e1705526}.score-excellent .score-num{color:var(--green)}.score-good .score-num{color:var(--accent-light)}.score-fair .score-num{color:var(--orange)}.score-low .score-num{color:var(--red)}.score-num{font-size:1.3rem;font-weight:800}.score-label{font-size:.8rem}.card-pricing{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.price-item{flex-direction:column;display:flex}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.price-value{color:var(--green);font-size:.9rem;font-weight:600}.price-divider{color:var(--border)}.card-scores{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.card-score-row{align-items:center;gap:.5rem;display:flex}.score-cat-icon{text-align:center;width:20px;font-size:.85rem}.score-cat-name{color:var(--text-muted);width:60px;font-size:.72rem}.score-bar-container{flex:1;align-items:center;gap:.5rem;display:flex}.score-bar-bg{background:var(--bg-primary);border-radius:3px;flex:1;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width .5s}.score-value{color:var(--text-secondary);text-align:right;width:24px;font-size:.75rem;font-weight:600}.card-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.card-tag{color:var(--accent-light);background:#6c5ce71a;border:1px solid #6c5ce733;border-radius:20px;padding:.2rem .5rem;font-size:.7rem}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.context-badge{color:var(--text-muted);font-size:.75rem}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.tier-premium{color:var(--accent-light);background:#6c5ce733}.tier-mid{color:var(--blue);background:#74b9ff33}.tier-budget{color:var(--green);background:#00b89433}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:.85rem}.comparison-table thead{background:var(--bg-secondary);z-index:10;position:sticky;top:0}.comparison-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;padding:.75rem .6rem;font-size:.75rem;font-weight:600}.th-score{text-align:center;min-width:70px}.th-active{background:#6c5ce70d;color:var(--accent-light)!important}.th-icon{margin-bottom:2px;font-size:1rem;display:block}.th-name{display:block}.th-avg{text-align:center}.table-row{cursor:pointer;transition:background .2s}.table-row:hover{background:var(--bg-card-hover)}.table-row td{border-bottom:1px solid var(--border);padding:.65rem}.td-model{white-space:nowrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.td-logo{font-size:1.2rem}.td-provider{color:var(--text-muted);white-space:nowrap}.td-price{color:var(--green);text-align:right;font-weight:500}.td-context{color:var(--text-muted);text-align:center}.td-score{text-align:center;border-radius:4px;font-weight:600}.td-highlight{background:#6c5ce714}.cell-excellent{color:var(--green)}.cell-good{color:var(--accent-light)}.cell-fair{color:var(--orange)}.cell-low{color:var(--red)}.td-avg{text-align:center;font-size:.9rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--red);color:#fff;border-color:var(--red)}.modal-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-logo{background:var(--bg-tertiary);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:3rem;display:flex}.modal-title{font-size:1.5rem;font-weight:800}.modal-provider{color:var(--text-muted);font-size:.85rem}.modal-avg-badge{text-align:center;background:var(--bg-tertiary);border-radius:12px;margin-left:auto;padding:.5rem 1rem}.modal-avg-num{color:var(--accent-light);font-size:2rem;font-weight:800;display:block}.modal-avg-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.modal-pricing-box{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.modal-price{background:var(--bg-tertiary);text-align:center;border-radius:10px;padding:.75rem}.mp-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;display:block}.mp-value{color:var(--green);font-size:.9rem;font-weight:600}.mp-tier{text-transform:capitalize;font-size:.8rem;font-weight:600}.modal-section-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;font-weight:700}.modal-scores-grid{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.modal-score-item{background:var(--bg-tertiary);border-radius:8px;padding:.5rem .75rem}.msi-header{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.msi-icon{font-size:1rem}.msi-name{color:var(--text-secondary);flex:1;font-size:.85rem}.msi-value{font-size:.9rem;font-weight:700}.detail-score-excellent{color:var(--green)}.detail-score-good{color:var(--accent-light)}.detail-score-fair{color:var(--orange)}.detail-score-low{color:var(--red)}.msi-bar-bg{background:var(--bg-primary);border-radius:2px;height:4px;overflow:hidden}.msi-bar-fill{border-radius:2px;height:100%;transition:width .6s}.modal-details-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.modal-detail-box{background:var(--bg-tertiary);border-radius:10px;padding:1rem}.mdb-title{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.mdb-title.strengths{color:var(--green)}.mdb-title.weaknesses{color:var(--orange)}.mdb-list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.mdb-list li{color:var(--text-secondary);padding-left:1rem;font-size:.8rem;position:relative}.mdb-list li:before{content:"•";color:var(--text-muted);position:absolute;left:0}.modal-best-for{background:var(--bg-tertiary);border-radius:10px;padding:1rem}.modal-tags{flex-wrap:wrap;gap:.4rem;display:flex}.modal-tag{color:var(--accent-light);background:#6c5ce726;border:1px solid #6c5ce740;border-radius:20px;padding:.3rem .6rem;font-size:.8rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:2rem;padding:2rem;font-size:.8rem}@media (width<=768px){.header,.main{padding:1rem}.cards-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;gap:.75rem}.filter-select{width:100%}.modal-pricing-box{grid-template-columns:repeat(2,1fr)}.modal-details-grid{grid-template-columns:1fr}.logo-text{font-size:1.3rem}}