.compare-page{background-color:var(--color-bg);min-height:calc(100vh - 140px);color:var(--color-text);padding:40px 20px 80px}.compare-page__container{max-width:1200px;margin:0 auto}.compare-page__header{text-align:center;margin-bottom:40px}.compare-page__badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.compare-page__title{margin-bottom:16px;font-size:2.25rem;font-weight:700;line-height:1.25}.compare-page__subtitle{color:var(--color-text-dim);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}.compare-controls{background:var(--surface-color,#ffffff08);border:1px solid var(--border-color,#ffffff14);border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;display:flex}@media (min-width:768px){.compare-controls{flex-direction:row;justify-content:space-between;align-items:center}}.compare-controls__tabs{flex-wrap:wrap;gap:8px;display:flex}.compare-tab{color:var(--color-text-dim);border:1px solid var(--border-color,#ffffff1a);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.compare-tab:hover{color:var(--color-text);border-color:#ffffff4d}.compare-tab.is-active{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.compare-controls__inputs{gap:12px;display:flex}.compare-search{border:1px solid var(--border-color,#ffffff26);background:var(--color-bg);color:var(--color-text);border-radius:8px;outline:none;min-width:200px;padding:8px 14px;font-size:.9rem}.compare-search:focus{border-color:var(--color-primary,#6366f1)}.compare-sort{border:1px solid var(--border-color,#ffffff26);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem}.compare-table-wrapper{border:1px solid var(--border-color,#ffffff1a);background:var(--surface-color,#ffffff05);border-radius:12px;margin-bottom:50px;overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.compare-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);border-bottom:1px solid var(--border-color,#ffffff1a);background:#ffffff0a;padding:16px;font-size:.85rem}.compare-table td{border-bottom:1px solid var(--border-color,#ffffff0f);vertical-align:middle;padding:16px;font-size:.95rem}.compare-table tr:hover td{background:#ffffff05}.model-name-cell{flex-direction:column;gap:4px;display:flex}.model-name-cell strong{color:var(--color-text);font-size:1.05rem}.model-provider{color:var(--color-text-dim);font-size:.8rem}.model-tag-open{color:#10b981;background:#10b98126;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.75rem}.model-context-badge{color:#818cf8;background:#6366f11a;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:600}.model-price-cell{color:var(--color-text-dim);font-family:monospace;font-size:.85rem;line-height:1.4}.score-bars{flex-direction:column;gap:6px;min-width:110px;display:flex}.score-item{color:var(--color-text-dim);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.score-bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.score-bar div{background:#10b981;height:100%}.score-bar--logic div{background:#6366f1}.strength-text{color:var(--color-text);margin:0;font-size:.9rem;line-height:1.4}.weakness-text{color:#f59e0b;margin:0;font-size:.85rem;line-height:1.4}.review-link-btn{color:var(--color-primary,#818cf8);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.review-link-btn:hover{background:var(--color-primary,#6366f1);color:#fff}.compare-editorial{border-top:1px solid var(--border-color,#ffffff1a);margin-top:50px;padding-top:40px}.compare-editorial h2{margin-bottom:24px;font-size:1.6rem;font-weight:700}.editorial-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.editorial-grid{grid-template-columns:repeat(3,1fr)}}.editorial-card{border:1px solid var(--border-color,#ffffff14);background:var(--surface-color,#ffffff05);border-radius:12px;padding:24px}.editorial-card h3{color:var(--color-text);margin-top:0;margin-bottom:12px;font-size:1.15rem;font-weight:600}.editorial-card p{color:var(--color-text-dim);margin:0;font-size:.95rem;line-height:1.6}