@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap");[data-app=climate]{--primary:145 69% 30%;--primary-foreground:0 0% 100%;--primary-hover:145 69% 24%;--accent:199 89% 48%;--accent-foreground:199 89% 10%;--background:40 33% 98%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--secondary:145 30% 95%;--secondary-foreground:145 40% 20%;--muted:145 15% 95%;--muted-foreground:145 10% 45%;--border:145 15% 88%;--input:145 15% 88%;--ring:145 69% 30%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--radius:0.625rem;--font-sans:"Source Sans 3","DM Sans",system-ui,sans-serif;--font-display:"Source Sans 3",system-ui,sans-serif}.dark [data-app=climate],[data-app=climate].dark{--background:222 47% 6%;--foreground:0 0% 95%;--card:222 47% 8%;--card-foreground:0 0% 95%;--popover:222 47% 8%;--popover-foreground:0 0% 95%;--secondary:145 25% 12%;--secondary-foreground:145 25% 90%;--muted:222 30% 15%;--muted-foreground:145 10% 65%;--border:222 30% 20%;--input:222 30% 20%}[data-app=climate]{font-family:var(--font-sans)}[data-app=climate] .font-display{font-family:var(--font-display)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-app=climate] .animate-fade-in-up{animation:fadeInUp .55s cubic-bezier(.22,1,.36,1) both}[data-app=climate] .animate-fade-in{animation:fadeIn .4s ease-out both}[data-app=climate] .animate-scale-in{animation:scaleIn .45s cubic-bezier(.22,1,.36,1) both}[data-app=climate] .delay-50{animation-delay:50ms}[data-app=climate] .delay-100{animation-delay:.1s}[data-app=climate] .delay-150{animation-delay:.15s}[data-app=climate] .delay-200{animation-delay:.2s}[data-app=climate] .delay-300{animation-delay:.3s}[data-app=climate] .delay-400{animation-delay:.4s}[data-app=climate] .delay-500{animation-delay:.5s}@media (prefers-reduced-motion:reduce){[data-app=climate] .animate-fade-in,[data-app=climate] .animate-fade-in-up,[data-app=climate] .animate-scale-in{animation:none!important;opacity:1!important;transform:none!important}}[data-app=climate] .section-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary));display:block}[data-app=climate] .city-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border:1.5px solid hsl(var(--border));border-radius:2rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans)}[data-app=climate] .city-pill:hover:not(:disabled){border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary)/.06)}[data-app=climate] .city-pill.active{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}[data-app=climate] .city-pill.active .city-score-badge{background:hsl(var(--primary-foreground)/.2);color:hsl(var(--primary-foreground))}[data-app=climate] .city-score-badge{font-size:.6875rem;font-weight:700;background:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:.0625rem .375rem;border-radius:99px}[data-app=climate] .city-search-input{width:100%;max-width:320px;padding:.5rem .875rem;background:hsl(var(--background));border:1.5px solid hsl(var(--border));border-radius:var(--radius);font-size:.875rem;color:hsl(var(--foreground));font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}[data-app=climate] .city-search-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.12)}[data-app=climate] .city-search-input::placeholder{color:hsl(var(--muted-foreground)/.6)}[data-app=climate] .comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}[data-app=climate] .comparison-table th{padding:.75rem 1rem;font-weight:600;text-align:center;border-bottom:2px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.8125rem}[data-app=climate] .comparison-table td{padding:.625rem 1rem;text-align:center;border-bottom:1px solid hsl(var(--border)/.5);color:hsl(var(--foreground))}[data-app=climate] .comparison-table tr:hover td{background:hsl(var(--muted)/.4)}[data-app=climate] .hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,hsl(145 69% 30%/.05) 0,transparent 50%),radial-gradient(circle at 80% 30%,hsl(199 89% 48%/.06) 0,transparent 40%);pointer-events:none}[data-app=climate] header{border-bottom:1.5px solid hsl(var(--border));background:hsl(var(--background)/.95);backdrop-filter:blur(12px)}[data-app=climate] header a.brand-link{font-family:var(--font-display);font-weight:700;font-size:1.0625rem}