.weather-map-container{background-color:#f4f6f9;flex-direction:column;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.top-bar{background:#fff;align-items:center;gap:15px;padding:15px 25px;display:flex}.search-bar{border:1px solid #e0e0e0;border-radius:8px;width:280px;padding:8px 16px}.live-indicator{color:#06f;background:#e6f4ff;border-radius:20px;padding:4px 12px;font-weight:700}.map-body{flex:1;gap:20px;padding:20px;display:flex;position:relative}.map-canvas{background:linear-gradient(135deg,#2b5876,#4e4376);border-radius:16px;flex:1;position:relative;overflow:hidden}.overlay-weather-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:16px;width:280px;padding:20px;position:absolute;bottom:20px;left:20px}.timeline-bar{background:#ffffffe6;border-radius:30px;align-items:center;gap:15px;padding:10px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.right-panels{flex-direction:column;gap:20px;width:320px;display:flex}.panel{background:#fff;border-radius:16px;padding:20px}.panel h4{justify-content:space-between;margin-top:0;display:flex}.alert-item{border-radius:8px;margin-top:10px;padding:10px}.alert-item.warning{background:#fffbe6;border-left:4px solid #ffe58f}.alert-item.danger{background:#fff2f0;border-left:4px solid #ffccc7}.forecast-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 0;display:flex}:root{--bg-dark:#07101f;--panel-bg:#16264473;--panel-border:#ffffff14;--glass-gradient:linear-gradient(135deg, #1e3a6e66 0%, #0f1c3799 100%);--accent-blue:#38bdf8;--accent-glow:#38bdf840;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes floatClouds{0%{opacity:.25;transform:translate(-10%)translateY(0)scale(1)}50%{opacity:.45;transform:translate(10%)translateY(-6px)scale(1.05)}to{opacity:.25;transform:translate(-10%)translateY(0)scale(1)}}.cloud-layer-1{animation:18s ease-in-out infinite floatClouds}.cloud-layer-2{animation:26s ease-in-out infinite reverse floatClouds}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.glow-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.8s ease-out forwards lineDraw}@keyframes pulseDot{0%,to{transform:scale(1);box-shadow:0 0 6px #38bdf8cc}50%{transform:scale(1.4);box-shadow:0 0 14px #38bdf8}}.animated-chart-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s cubic-bezier(.4,0,.2,1) forwards drawLine}.chart-dot{animation:3s ease-in-out infinite pulseDot}@keyframes drawPolyline{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.animated-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.8s cubic-bezier(.4,0,.2,1) forwards drawPolyline}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #38bdf833}50%{box-shadow:0 0 25px #38bdf866}}.animate-msg-1{animation:.4s ease-out forwards slideUpFade}.animate-msg-2{opacity:0;animation:.4s ease-out .15s forwards slideUpFade}.ai-avatar-glow{animation:3s ease-in-out infinite pulseGlow}.chip-btn{transition:all .2s}.chip-btn:hover{transform:translateY(-1px);background-color:#fff3!important;border-color:#fff6!important}.send-btn-hover{transition:transform .2s,background-color .2s}.send-btn-hover:hover{transform:scale(1.05);background-color:#0284c7!important}@keyframes pulseGlowAqi{0%,to{box-shadow:0 0 15px #10b98133}50%{box-shadow:0 0 25px #10b98173}}@keyframes drawPath{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}.aqi-card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.aqi-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.animated-graph-path{stroke-dasharray:400;stroke-dashoffset:400px;animation:1.8s ease-out forwards drawPath}.aqi-pulse-badge{animation:2.5s ease-in-out infinite pulseGlowAqi}@keyframes rowFadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.premium-glass-card{-webkit-backdrop-filter:blur(24px);border-radius:"24px";background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%);border:1px solid #ffffff29;position:relative;box-shadow:0 8px 32px #00000038}.animated-row{opacity:0;animation:.5s ease-out forwards rowFadeInSlide}