.compare-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:compareOverlayIn .2s ease}@keyframes compareOverlayIn{0%{opacity:0}to{opacity:1}}.compare-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);width:min(95vw,1100px);max-height:85vh;display:flex;flex-direction:column;animation:comparePanelIn .3s cubic-bezier(.16,1,.3,1)}@keyframes comparePanelIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.compare-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.compare-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.compare-header-actions{display:flex;align-items:center;gap:10px}.compare-clear-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;padding:4px 12px;border-radius:20px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.compare-clear-btn:hover{color:var(--accent-red);border-color:var(--accent-red-border)}.compare-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.compare-close-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.compare-body{overflow:auto;flex:1 1;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.compare-body::-webkit-scrollbar{width:6px;height:6px}.compare-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.compare-table{width:100%;border-collapse:collapse;font-family:var(--font-body)}.compare-table td,.compare-table th{padding:0;text-align:left;vertical-align:top}.compare-factor-col{left:0;z-index:2;width:160px;min-width:160px}.compare-city-col,.compare-factor-col{position:-webkit-sticky;position:sticky;background:var(--bg-panel)}.compare-city-col{min-width:140px;width:1fr;padding:16px 12px 12px!important;top:0;z-index:3}.compare-city-header{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.compare-city-name{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.compare-city-state{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.compare-city-score{font-size:1.3rem;font-weight:700;font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px}.compare-remove-btn{position:absolute;top:-4px;right:-4px;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-muted);width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.compare-city-col:hover .compare-remove-btn{opacity:1}.compare-remove-btn:hover{color:var(--accent-red);border-color:var(--accent-red-border)}.compare-category-row td{padding:14px 16px 6px;font-family:var(--font-display);font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);text-transform:uppercase;letter-spacing:var(--text-overline-tracking);color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--bg-panel);position:-webkit-sticky;position:sticky;left:0}.compare-category-icon{margin-right:6px;flex-shrink:0}.compare-factor-row{transition:background var(--transition-fast)}.compare-factor-row:hover{background:var(--surface-hover)}.compare-factor-label{padding:8px 16px!important;font-size:.78rem;color:var(--text-secondary);white-space:nowrap;position:-webkit-sticky;position:sticky;left:0;background:inherit;z-index:1}.compare-cell{padding:8px 12px!important;text-align:center;border-left:1px solid var(--border-subtle);transition:background var(--transition-fast)}.compare-value{display:block;font-size:var(--text-data-size);font-weight:500;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.compare-rank{display:block;font-size:.75rem;font-family:var(--font-mono);margin-top:1px}.tooltip-anchor{display:inline-flex;align-items:center}.tooltip-popup{position:fixed;z-index:var(--z-popover);max-width:260px;padding:10px 12px;border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;line-height:1.45;pointer-events:none;animation:tooltip-in 90ms ease-out}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tooltip-popup{animation:none}}.factor-help-desc{margin:0 0 8px;color:var(--text-primary)}.factor-help-meta{display:flex;flex-direction:column;gap:3px;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:.72rem}.factor-help-polarity{color:var(--accent-blue);font-weight:500}