@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-void:#020617;--bg-surface:#0f172a;--bg-surface-glass:rgba(15,23,42,.6);--bg-highlight:#1e293b;--color-accent-primary:#06b6d4;--color-accent-secondary:#8b5cf6;--color-accent-glow:rgba(6,182,212,.5);--gradient-primary:linear-gradient(135deg,#06b6d4,#3b82f6);--gradient-text:linear-gradient(90deg,#22d3ee,#818cf8);--gradient-surface:linear-gradient(180deg,rgba(30,41,59,.7),rgba(15,23,42,.4));--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-on-accent:#fff;--aqi-good:#4ade80;--aqi-moderate:#facc15;--aqi-unhealthy-sensitive:#fb923c;--aqi-unhealthy:#ef4444;--aqi-very-unhealthy:#d946ef;--aqi-hazardous:#7e22ce;--border-glass:hsla(0,0%,100%,.08);--border-active:rgba(6,182,212,.5);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--glass-blur:40px;--glass-border:1px solid hsla(0,0%,100%,.08);--glass-border-subtle:1px solid hsla(0,0%,100%,.05);--glass-bg-base:rgba(15,23,42,.3);--glass-bg-elevated:rgba(30,41,59,.35);--bg-dropdown:rgba(15,23,42,.85);--bg-card-standard:rgba(30,36,50,.7);--bg-card-hover:rgba(30,36,50,.85);--bg-icon-button:hsla(0,0%,100%,.06);--bg-icon-button-hover:hsla(0,0%,100%,.15);--border-icon-button:hsla(0,0%,100%,.1);--border-icon-button-hover:hsla(0,0%,100%,.2);--border-glass-strong:hsla(0,0%,100%,.1);--border-glass-subtle:hsla(0,0%,100%,.08);--text-white-95:hsla(0,0%,100%,.95);--text-white-90:hsla(0,0%,100%,.9);--text-white-70:hsla(0,0%,100%,.7);--text-white-60:hsla(0,0%,100%,.6);--text-white-50:hsla(0,0%,100%,.5);--text-white-40:hsla(0,0%,100%,.4);--bg-input:rgba(15,23,42,.7);--bg-input-hover:rgba(15,23,42,.85);--bg-input-focus:rgba(15,23,42,.9);--border-input:hsla(0,0%,100%,.12);--bg-sidebar-panel:rgba(15,23,42,.85);--sidebar-border:hsla(0,0%,100%,.08);--sidebar-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 20px 40px -10px rgba(0,0,0,.7);--bg-favorite-item:hsla(0,0%,100%,.05);--border-favorite-item:hsla(0,0%,100%,.08);--bg-favorite-item-hover:hsla(0,0%,100%,.1);--border-favorite-item-hover:hsla(0,0%,100%,.2);--shadow-favorite-item-hover:0 4px 12px rgba(0,0,0,.2);--bg-forecast-btn:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1));--border-forecast-btn:rgba(59,130,246,.3);--bg-forecast-btn-hover:linear-gradient(135deg,rgba(59,130,246,.25),rgba(37,99,235,.15));--border-forecast-btn-hover:rgba(59,130,246,.5);--shadow-forecast-btn-hover:0 8px 24px rgba(59,130,246,.2);--color-forecast-arrow:rgba(59,130,246,.8);--bg-exceedance:rgba(220,38,38,.25);--border-exceedance:1px solid rgba(220,38,38,.4);--text-exceedance:#fecaca;--card-bg:rgba(30,36,50,.95);--bg-secondary:rgba(15,23,42,.6);--border-color:hsla(0,0%,100%,.08)}[data-theme=light]{--bg-void:#f1f5f9;--bg-surface:#fff;--bg-surface-glass:hsla(0,0%,100%,.7);--bg-highlight:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-on-accent:#fff;--border-glass:rgba(0,0,0,.08);--border-active:rgba(6,182,212,.5);--glass-border:1px solid rgba(0,0,0,.06);--glass-border-subtle:1px solid rgba(0,0,0,.03);--glass-bg-base:hsla(0,0%,100%,.5);--glass-bg-elevated:hsla(0,0%,100%,.8);--glass-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--color-accent-glow:rgba(6,182,212,.3);--bg-dropdown:hsla(0,0%,100%,.95);--bg-card-standard:rgba(241,245,249,.8);--bg-card-hover:rgba(226,232,240,.9);--bg-icon-button:rgba(15,23,42,.05);--bg-icon-button-hover:rgba(15,23,42,.1);--border-icon-button:rgba(15,23,42,.1);--border-icon-button-hover:rgba(15,23,42,.2);--border-glass-strong:rgba(15,23,42,.1);--border-glass-subtle:rgba(15,23,42,.08);--text-white-95:#0f172a;--text-white-90:#1e293b;--text-white-70:#334155;--text-white-60:#475569;--text-white-50:#64748b;--text-white-40:#94a3b8;--bg-input:#fff;--bg-input-hover:#f8fafc;--bg-input-focus:#fff;--border-input:rgba(0,0,0,.1);--bg-sidebar-panel:hsla(0,0%,100%,.9);--sidebar-border:rgba(0,0,0,.06);--sidebar-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 20px 40px -10px rgba(0,0,0,.1);--bg-favorite-item:rgba(15,23,42,.03);--border-favorite-item:rgba(15,23,42,.05);--bg-favorite-item-hover:rgba(15,23,42,.06);--border-favorite-item-hover:rgba(15,23,42,.1);--shadow-favorite-item-hover:0 4px 12px rgba(0,0,0,.05);--bg-forecast-btn:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.05));--border-forecast-btn:rgba(59,130,246,.2);--bg-forecast-btn-hover:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1));--border-forecast-btn-hover:rgba(59,130,246,.4);--shadow-forecast-btn-hover:0 8px 16px rgba(59,130,246,.1);--color-forecast-arrow:#3b82f6;--bg-exceedance:rgba(220,38,38,.1);--border-exceedance:1px solid rgba(220,38,38,.2);--text-exceedance:#ef4444;--card-bg:#fff;--bg-secondary:#f8fafc;--border-color:rgba(0,0,0,.06)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-body);background-color:var(--bg-void);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(6,182,212,.15) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0,transparent 40%);background-attachment:fixed}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}a{color:var(--color-accent-primary);text-decoration:none;transition:all .2s ease}.glass{background:var(--bg-surface-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-clean{background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;display:inline-block}.aqi-good{color:var(--aqi-good)}.aqi-moderate{color:var(--aqi-moderate)}.aqi-unhealthy-sensitive{color:var(--aqi-unhealthy-sensitive)}.aqi-unhealthy{color:var(--aqi-unhealthy)}.aqi-very-unhealthy{color:var(--aqi-very-unhealthy)}.aqi-hazardous{color:var(--aqi-hazardous)}.aqi-bg-good{background-color:var(--aqi-good);color:#000}.aqi-bg-moderate{background-color:var(--aqi-moderate);color:#000}.aqi-bg-unhealthy-sensitive{background-color:var(--aqi-unhealthy-sensitive);color:#000}.aqi-bg-unhealthy{background-color:var(--aqi-unhealthy);color:#fff}.aqi-bg-very-unhealthy{background-color:var(--aqi-very-unhealthy);color:#fff}.aqi-bg-hazardous{background-color:var(--aqi-hazardous);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow),0 0 10px var(--color-accent-primary)}to{box-shadow:0 0 5px var(--color-accent-glow)}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.leaflet-container{background:var(--bg-void)!important;font-family:var(--font-body)!important}.leaflet-popup-content-wrapper{background:var(--bg-dropdown)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass-strong);color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.5)!important}.leaflet-popup-tip{background:var(--bg-dropdown)!important;border:1px solid var(--border-glass-strong);border-top:none;border-left:none}.leaflet-popup-content{margin:16px!important}.leaflet-control-zoom{border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)!important}.leaflet-control-zoom a{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-glass)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leaflet-control-zoom a:hover{background-color:var(--bg-highlight)!important;color:var(--color-accent-primary)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}