.action-btn,.chat-input,.map-control-btn,.period-btn,.quick-btn,body{font-family:var(--font-family)}.loading-screen,body{background:var(--primary-clear)}.app-title,.chat-input,.condition,.location-text,.logo h1,.map-control-btn,.message-ai,.panel-header h3,.temperature,.voice-status,body{color:var(--text-primary)}.action-btn,.mic-btn,.period-btn,.quick-btn{cursor:pointer}.chat-area,html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-sunny:linear-gradient(135deg, #FFD89B 0%, #19547B 100%);--primary-rainy:linear-gradient(135deg, #89CFF0 0%, #0052D4 100%);--primary-cloudy:linear-gradient(135deg, #B0BEC5 0%, #546E7A 100%);--primary-clear:linear-gradient(135deg, #E0F7FF 0%, #80DEEA 100%);--glass-bg:rgba(255, 255, 255, 0.25);--glass-border:rgba(255, 255, 255, 0.18);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.1);--text-primary:#1A237E;--text-secondary:#283593;--text-light:#5C6BC0;--text-white:#FFFFFF;--font-family:'Noto Naskh Arabic',-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:3rem;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.12);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.15);--shadow-glow:0 0 30px rgba(255, 255, 255, 0.3);--transition-fast:0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1)}html{font-size:16px}body{line-height:1.6;min-height:100vh;overflow-x:hidden;direction:rtl;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slow)}.loading-content{text-align:center;animation:1s ease-out fadeInUp}.logo-3d{margin-bottom:var(--space-lg);animation:3s ease-in-out infinite float;position:relative}.logo-3d .logo-icon{font-size:4rem;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, .3));transform-style:preserve-3d;transform:perspective(500px) rotateY(15deg);animation:2s ease-in-out infinite logoPulse}.floating-clouds,.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;background:rgba(255,255,255,.6);border-radius:50%;animation:4s ease-in-out infinite floatParticle}.particle:first-child{width:6px;height:6px;top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){width:4px;height:4px;top:60%;left:80%;animation-delay:1s}.particle:nth-child(3){width:8px;height:8px;top:80%;left:30%;animation-delay:2s}.particle:nth-child(4){width:5px;height:5px;top:40%;left:70%;animation-delay:3s}.particle:nth-child(5){width:7px;height:7px;top:70%;left:60%;animation-delay:4s}.app-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--text-primary),var(--text-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--space-xl)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--text-primary);border-radius:50%;animation:1s linear infinite spin;margin:var(--space-lg) auto}.glass-effect,.period-btn{border:1px solid var(--glass-border)}.weather-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;transition:background var(--transition-slow);background:var(--primary-clear)}.forecast-card,.glass-effect,.logo-icon,.period-btn{background:var(--glass-bg)}.app-container{min-height:100vh;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.additional-info,.period-selector,.weather-display,.weather-icon-container{margin-bottom:var(--space-lg)}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.detail-item:hover,.logo-icon,.mic-btn,.send-btn{box-shadow:var(--shadow-md)}.detail-item,.logo-icon{backdrop-filter:blur(10px)}.app-header{padding:var(--space-lg) var(--space-md);position:relative}.header-content{display:flex;justify-content:space-between;align-items:center}.input-wrapper,.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{font-size:var(--font-size-2xl);padding:var(--space-sm);border-radius:var(--radius-lg);animation:2s ease-in-out infinite bounce}.status-indicator,.status-indicator.online{background:#4caf50}.logo h1{font-size:var(--font-size-xl);font-weight:600;margin:0}.location-info{text-align:left}.location-text{font-size:var(--font-size-sm);font-weight:500;display:block}.last-updated{font-size:var(--font-size-xs);color:var(--text-light);opacity:.8}.chat-status,.pull-to-refresh{color:var(--text-light);font-size:var(--font-size-sm);gap:var(--space-sm);display:flex}.chat-status,.panel-weather{align-items:center}.status-indicator{width:8px;height:8px;border-radius:50%;animation:2s ease-in-out infinite pulse}.pull-to-refresh{text-align:center;padding:var(--space-md);align-items:center;justify-content:center;opacity:0;transform:translateY(-20px);transition:all var(--transition-normal)}.pull-to-refresh.visible,.welcome-message.show{opacity:1;transform:translateY(0)}.refresh-icon{animation:1s linear infinite spin}.main-content{padding:0 var(--space-md) var(--space-2xl);padding-bottom:100px}.weather-card{border-radius:var(--radius-2xl);padding:var(--space-xl);text-align:center;position:relative;overflow:hidden;animation:.6s ease-out slideInUp}.weather-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:3s ease-in-out infinite shimmer}.sun-rays,.sun-rays::after,.sun-rays::before,.weather-animation{top:50%;left:50%;transform:translate(-50%,-50%)}.weather-icon-container{position:relative;height:120px;display:flex;align-items:center;justify-content:center}.weather-icon{font-size:5rem;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .2));animation:3s ease-in-out infinite bounce;z-index:2;position:relative}.weather-animation{position:absolute;width:140px;height:140px}.sun-rays{position:absolute;width:100px;height:100px;border:2px solid rgba(255,215,0,.3);border-radius:50%;opacity:.3;animation:2s ease-in-out infinite pulse}.sun-rays::after,.sun-rays::before{content:'';position:absolute;border:2px solid rgba(255,215,0,.2);border-radius:50%;opacity:.2}.sun-rays::before{width:120px;height:120px;animation:2s ease-in-out .3s infinite pulse}.sun-rays::after{width:140px;height:140px;animation:2s ease-in-out .6s infinite pulse}.cloud{position:absolute;background:rgba(255,255,255,.8);border-radius:50%;animation:20s linear infinite floatCloud}.cloud:first-child{width:30px;height:30px;top:20px;left:20px;animation-delay:0s}.cloud:nth-child(2){width:40px;height:40px;top:60px;left:80px;animation-delay:10s}.temperature-section{margin-bottom:var(--space-xl)}.condition,.temperature,.welcome-message h2{margin-bottom:var(--space-sm)}.temperature{font-size:var(--font-size-4xl);font-weight:700;animation:.5s ease-out scaleIn;text-shadow:0 2px 4px rgba(0,0,0,.1)}.condition{font-size:var(--font-size-lg);opacity:.9}.feels-like,.forecast-date{font-size:var(--font-size-sm);color:var(--text-light);opacity:.8}.forecast-detail span:first-child,.nav-item,.stat span:first-child{opacity:.7}.action-buttons,.weather-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.detail-item{display:flex;align-items:center;gap:var(--space-md);background:rgba(255,255,255,.3);padding:var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);animation:.6s ease-out slideInUp}.detail-item:hover{transform:translateY(-2px)}.detail-item:first-child{animation-delay:.1s}.detail-item:nth-child(2),.pulse-ring:nth-child(2),.typing-dot:nth-child(2){animation-delay:.2s}.detail-item:nth-child(3){animation-delay:.3s}.detail-item:nth-child(4),.pulse-ring:nth-child(3),.typing-dot:nth-child(3){animation-delay:.4s}.detail-icon{font-size:var(--font-size-xl);background:var(--glass-bg);padding:var(--space-sm);border-radius:var(--radius-md);flex-shrink:0}.detail-content{flex:1;text-align:right}.detail-label{display:block;font-size:var(--font-size-sm);color:var(--text-primary);opacity:.7;margin-bottom:2px}.detail-value,.info-value,.stat-value{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.info-card,.stats-card{border-radius:var(--radius-xl);padding:var(--space-lg)}.info-title,.stats-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-align:center}.info-grid,.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.info-item,.stat-item{text-align:center;padding:var(--space-sm)}.info-label,.stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--space-xs)}.action-btn{border:none;border-radius:var(--radius-lg);padding:var(--space-md);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden}.btn-icon,.close-btn,.panel-header h3,.welcome-message h2{font-size:var(--font-size-lg)}.nav-icon,.nav-item,.nav-label,.period-btn{transition:all var(--transition-fast)}.action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.action-btn:hover::before{left:100%}.share-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.refresh-btn{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:var(--space-sm) 0;z-index:1000;max-width:100%;margin:0 auto}.nav-dot,.period-btn.active{background:var(--text-primary)}.nav-item,.period-btn{padding:var(--space-sm) var(--space-md);color:var(--text-light)}.forecast-day,.forecast-temp,.nav-item.active{color:var(--text-primary)}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;border-radius:var(--radius-lg);position:relative;flex:1;max-width:80px}.nav-item.active{opacity:1;transform:translateY(-2px)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon-container{position:relative;margin-bottom:4px}.nav-icon{font-size:var(--font-size-xl);display:block}.nav-dot{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;opacity:0;transition:opacity var(--transition-fast)}.nav-item.active .nav-dot{opacity:1}.nav-label{font-size:var(--font-size-xs);font-weight:500}.nav-item:hover{opacity:1;transform:translateY(-1px)}.selector-container{display:flex;gap:var(--space-sm);justify-content:center}.period-btn{border-radius:var(--radius-lg);font-size:var(--font-size-sm);backdrop-filter:blur(10px)}.forecast-card,.welcome-message{transition:all var(--transition-normal)}.period-btn.active{color:#fff;border-color:var(--text-primary)}.forecast-cards{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.forecast-card{backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);animation:.5s ease-out slideInRight}.forecast-card:hover{transform:translateX(-5px);box-shadow:var(--shadow-lg)}.forecast-header,.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.forecast-day{font-size:var(--font-size-base);font-weight:600}.forecast-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.forecast-icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .2));animation:2s ease-in-out infinite bounce}.forecast-temp{font-size:var(--font-size-2xl)}.forecast-description{font-size:var(--font-size-sm);color:var(--text-light);text-align:center;margin-bottom:var(--space-md)}.forecast-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.forecast-detail,.stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-primary)}.panel-weather .weather-icon,.welcome-icon{font-size:var(--font-size-3xl)}.weather-stats{margin-top:var(--space-lg)}.chat-main{padding-bottom:140px;position:relative}.welcome-message{border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg);animation:.6s ease-out slideInUp;opacity:0;transform:translateY(20px)}.chat-input,.quick-btn{transition:all var(--transition-fast)}.welcome-icon{margin-bottom:var(--space-md);animation:2s ease-in-out infinite bounce}.welcome-message h2{color:var(--text-primary);line-height:1.4}.welcome-message p{font-size:var(--font-size-base);color:var(--text-light);line-height:1.5;margin-bottom:var(--space-lg)}.ai-message p,.panel-header h3{margin:0;font-weight:600}.legend-items,.quick-questions{display:flex;flex-direction:column;gap:var(--space-sm)}.chat-area,.panel-content{flex-direction:column}.quick-btn{background:rgba(255,255,255,.3);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);backdrop-filter:blur(10px)}.chat-area,.chat-input,.chat-input-container,.chat-message,.typing-indicator{padding:var(--space-md)}.quick-btn:hover{background:rgba(255,255,255,.5);transform:translateY(-1px)}.chat-area{max-height:calc(100vh - 300px);overflow-y:auto;display:flex;gap:var(--space-md)}.mic-btn,.typing-indicator{display:flex;align-items:center}.chat-message{max-width:85%;border-radius:var(--radius-lg);position:relative;animation:.3s ease-out messageSlide;line-height:1.4;word-wrap:break-word}.message-user{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);align-self:flex-end;border-bottom-right-radius:var(--radius-sm);color:#fff;margin-right:var(--space-sm)}.message-ai,.typing-indicator{background:rgba(255,255,255,.9);align-self:flex-start;margin-left:var(--space-sm)}.message-ai{border-bottom-left-radius:var(--radius-sm);border:1px solid var(--glass-border)}.message-text{font-size:var(--font-size-base);line-height:1.5}.message-time{font-size:var(--font-size-xs);opacity:.7;margin-top:var(--space-xs);text-align:left}.typing-indicator{gap:4px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);animation:.3s ease-out slideInUp}.typing-dot{width:8px;height:8px;background:var(--text-primary);border-radius:50%;animation:1.4s ease-in-out infinite typingBounce}.chat-input-container{position:fixed;bottom:90px;left:var(--space-md);right:var(--space-md);border-radius:var(--radius-xl);z-index:1001;width:380px}.chat-input{flex:1;border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:rgba(255,255,255,.9);outline:0;width:250px}.mic-btn,.send-btn{justify-content:center;width:50px;height:50px}.chat-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px rgba(26,35,126,.2)}.chat-input::placeholder{color:var(--text-light)}.input-buttons,.map-control-btn,.map-controls{display:flex;gap:var(--space-sm)}.mic-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;border-radius:50%;transition:all var(--transition-normal);position:relative}.send-btn,.voice-status{align-items:center;display:flex}.close-btn,.map-control-btn,.send-btn{cursor:pointer;transition:all var(--transition-fast)}.mic-btn.listening{background:linear-gradient(135deg,#ff6b6b 0,#ffd93d 100%);animation:1s ease-in-out infinite pulse}.mic-pulse{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--text-primary);border-radius:50%;opacity:0;animation:none}.mic-btn.listening .mic-pulse{animation:1.5s ease-in-out infinite pulseRing}.mic-icon,.send-icon{font-size:var(--font-size-lg);color:#fff}.send-btn{background:linear-gradient(135deg,#4caf50 0,#45a049 100%);border:none;border-radius:50%}.send-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.voice-status{justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--font-size-sm);opacity:.8}.listening-animation{display:flex;align-items:center;gap:2px}.pulse-ring{width:6px;height:6px;background:var(--text-primary);border-radius:50%;animation:1.4s ease-in-out infinite voicePulse}.map-main{padding-bottom:80px;position:relative}.map-controls{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:1000;justify-content:center}.map-control-btn{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);align-items:center;box-shadow:var(--shadow-sm)}.panel-content,.panel-weather{gap:var(--space-md);display:flex}.map-control-btn:hover{background:rgba(255,255,255,.4);transform:translateY(-1px);box-shadow:var(--shadow-md)}.control-icon{font-size:var(--font-size-base)}.map-container{height:70vh;border-radius:var(--radius-lg);margin:var(--space-md);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.map-legend,.weather-info-panel{position:absolute;right:var(--space-md);z-index:1000}.weather-info-panel{bottom:var(--space-md);left:var(--space-md);border-radius:var(--radius-xl);padding:var(--space-lg);animation:.3s ease-out slideInUp}.close-btn{background:0 0;border:none;color:var(--text-light);padding:var(--space-xs);border-radius:var(--radius-sm)}.close-btn:hover{background:rgba(0,0,0,.1)}.weather-details{display:flex;flex-direction:column;gap:var(--space-xs)}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.map-legend{top:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-md);max-width:200px}.legend-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);text-align:center}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0}.legend-color.hot{background:#ff6b6b}.legend-color.warm{background:#ffd93d}.legend-color.cool{background:#6bcf7f}.legend-color.cold{background:#4d96ff}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@keyframes float{0%,100%{transform:perspective(500px) rotateY(15deg) translateY(0)}50%{transform:perspective(500px) rotateY(15deg) translateY(-10px)}}@keyframes logoPulse{0%,100%{transform:perspective(500px) rotateY(15deg) scale(1)}50%{transform:perspective(500px) rotateY(15deg) scale(1.1)}}@keyframes floatParticle{0%,100%{transform:translateY(0) translateX(0);opacity:0}50%{transform:translateY(-20px) translateX(10px);opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes pulseRing{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes voicePulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes floatCloud{0%{transform:translateX(-100px);opacity:0}10%,90%{opacity:1}100%{transform:translateX(300px);opacity:0}}@media (max-width:360px){:root{font-size:14px}.app-container{max-width:100%}.weather-card{padding:var(--space-lg)}.temperature{font-size:var(--font-size-3xl)}.weather-details-grid{grid-template-columns:1fr}.info-grid,.stats-grid{grid-template-columns:1fr 1fr}}@media (min-width:429px){.app-container{max-width:428px;margin:0 auto;box-shadow:var(--shadow-lg);min-height:100vh}body{background:var(--primary-clear);padding:var(--space-sm)}}.hidden{display:none!important}.fade-in{animation:.5s ease-out fadeInUp}.slide-in{animation:.5s ease-out slideInUp}@media print{.action-buttons,.bottom-nav,.map-controls{display:none}.app-container{max-width:none;box-shadow:none}}@media (prefers-contrast:high){:root{--text-primary:#000000;--text-secondary:#333333}.weather-card{border:2px solid var(--text-primary)}}.ai-suggestion,.mini-forecast{margin:20px auto;border-radius:20px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.ai-suggestion{padding:12px 16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;animation:1.2s ease-in-out fadeIn}.ai-icon{font-size:26px;animation:2s ease-in-out infinite float}.ai-message p{font-size:16px;color:#0d234a}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.mini-forecast{padding:15px;overflow-x:auto}.mini-forecast::-webkit-scrollbar{display:none}.forecast-title{font-size:17px;font-weight:700;color:#0d234a;margin-bottom:10px}.forecast-scroll{display:flex;gap:12px}.forecast-item{flex:0 0 auto;background:rgba(255,255,255,.35);border-radius:15px;padding:8px 12px;text-align:center;min-width:70px;animation:.6s slideUp}.forecast-time{font-size:13px;color:#0d234a}.forecast-icon{font-size:20px;display:block;margin:4px 0}.forecast-temp{font-weight:600;color:#0d234a}@keyframes slideUp{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}