@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-app:#090d16;--bg-card:#11182799;--border-card:#ffffff14;--border-card-hover:#ffffff26;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#38bdf8;--primary-glow:#38bdf826;--aqi-good:#10b981;--aqi-good-glow:#10b98133;--aqi-satisfactory:#84cc16;--aqi-satisfactory-glow:#84cc1633;--aqi-moderate:#eab308;--aqi-moderate-glow:#eab30833;--aqi-poor:#f97316;--aqi-poor-glow:#f9731633;--aqi-very-poor:#ef4444;--aqi-very-poor-glow:#ef444433;--aqi-severe:#7c3aed;--aqi-severe-glow:#7c3aed40;--aqi-hazardous:#881337;--aqi-hazardous-glow:#8813374d;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#38bdf80d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#7c3aed0d 0%,#0000 45%);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);transition:var(--transition-smooth);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-card-hover);box-shadow:0 12px 40px #00000080}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.custom-slider{-webkit-appearance:none;background:#1e293b;border-radius:3px;outline:none;width:100%;height:6px;transition:opacity .2s}.custom-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--primary);transition:var(--transition-smooth);border-radius:50%}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 25px}}@keyframes fire-flicker{0%,to{filter:drop-shadow(0 0 2px #ef4444);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #f97316);transform:scale(1.25)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-fire{animation:1.5s ease-in-out infinite fire-flicker}