.sg-compare-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sg-compare-modal{background:var(--wh-surface);border:1px solid var(--wh-border);font-family:var(--wh-font);border-radius:14px;width:min(480px,100%);box-shadow:0 24px 48px #0f172a2e}.sg-compare-header{border-bottom:1px solid var(--wh-border-subtle);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.sg-compare-header h3{margin:0;font-size:16px;font-weight:700}.sg-compare-close{cursor:pointer;color:var(--wh-text-secondary);background:0 0;border:none}.sg-compare-pickers{align-items:center;gap:10px;padding:16px 18px;display:flex}.sg-compare-pickers>:first-child,.sg-compare-pickers>:last-child{flex:1;min-width:0}.sg-compare-hint{color:var(--wh-text-muted);margin:0;padding:0 18px 16px;font-size:13px}.sg-compare-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px;display:grid}.sg-compare-stat{border:1px solid var(--wh-border);background:var(--wh-bg);text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.sg-compare-stat.overlap{border-color:color-mix(in srgb,var(--wh-indigo)30%,var(--wh-border));background:var(--wh-indigo-muted)}.sg-compare-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--wh-text-muted);font-size:10px;font-weight:600}.sg-compare-stat strong{color:var(--wh-text);font-size:22px;font-weight:800}.sg-compare-footer{border-top:1px solid var(--wh-border-subtle);justify-content:flex-end;padding:12px 18px 16px;display:flex}