@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e3a8a;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}.App{flex-direction:column;min-height:100vh;transition:background .8s ease}.App,.app-container{display:flex;position:relative}.app-container{flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 20px;width:100%;z-index:2}.default-bg{animation:gradientShift 15s ease infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%),linear-gradient(135deg,#1e3a8a,#3b82f6 25%,#60a5fa 50%,#3b82f6 75%,#1e3a8a);background-size:400% 400%,400% 400%,400% 400%,400% 400%;position:relative}.default-bg:before{background:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.sunny-bg{animation:gradientShift 12s ease infinite;background:radial-gradient(circle at 50% 20%,#fffc 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffc10766 0,#0000 50%),linear-gradient(135deg,#f59e0b,#fbbf24 25%,#fde047 50%,#fbbf24 75%,#f59e0b);background-size:400% 400%,400% 400%,400% 400%;position:relative}.sunny-bg:before{background:radial-gradient(1px 1px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 150px 100px,#fff,#0000),radial-gradient(1px 1px at 250px 150px,#fff,#0000),radial-gradient(1px 1px at 350px 200px,#fff,#0000);background-repeat:repeat;background-size:400px 300px;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.cloudy-bg{animation:gradientShift 18s ease infinite;background:radial-gradient(circle at 30% 30%,#fff6 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 90% 20%,#fff3 0,#0000 50%),linear-gradient(135deg,#276bca,#417fd6 25%,#a3c8f6 50%,#708cb3 75%,#5a6c86);background-size:400% 400%,400% 400%,400% 400%,400% 400%;position:relative}.cloudy-bg:before{background:radial-gradient(50px 30px at 100px 100px,#ffffff4d,#0000),radial-gradient(60px 40px at 300px 150px,#fff3,#0000),radial-gradient(40px 25px at 500px 80px,#ffffff40,#0000);background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.rainy-bg{animation:gradientShift 20s ease infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%),linear-gradient(135deg,#1e40af,#3b82f6 25%,#60a5fa 50%,#3b82f6 75%,#1e40af);background-size:400% 400%,400% 400%;position:relative}.rainy-bg:before{background:radial-gradient(1px 1px at 50px 50px,#ffffff4d,#0000),radial-gradient(1px 1px at 150px 100px,#ffffff4d,#0000),radial-gradient(1px 1px at 250px 150px,#ffffff4d,#0000),radial-gradient(1px 1px at 350px 200px,#ffffff4d,#0000);background-repeat:repeat;background-size:400px 300px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.snowy-bg{animation:gradientShift 16s ease infinite;background:radial-gradient(circle at 50% 50%,#fffc 0,#0000 50%),linear-gradient(135deg,#e2e8f0,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%,#e2e8f0);background-size:400% 400%,400% 400%;position:relative}.snowy-bg:before{background:radial-gradient(2px 2px at 50px 50px,#fff,#0000),radial-gradient(2px 2px at 150px 100px,#fff,#0000),radial-gradient(1px 1px at 250px 150px,#fff,#0000),radial-gradient(1px 1px at 350px 200px,#fff,#0000),radial-gradient(2px 2px at 450px 250px,#fff,#0000);background-repeat:repeat;background-size:500px 400px;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}.stormy-bg{animation:gradientShift 25s ease infinite;background:radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 50%),linear-gradient(135deg,#1e293b,#334155 25%,#475569 50%,#334155 75%,#1e293b);background-size:400% 400%,400% 400%;position:relative}.stormy-bg:before{background:radial-gradient(100px 50px at 200px 100px,#ffffff1a,#0000),radial-gradient(80px 40px at 400px 200px,#ffffff14,#0000);background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.foggy-bg{animation:gradientShift 22s ease infinite;background:radial-gradient(circle at 50% 50%,#ffffff4d 0,#0000 50%),linear-gradient(135deg,#64748b,#94a3b8 25%,#cbd5e1 50%,#94a3b8 75%,#64748b);background-size:400% 400%,400% 400%;position:relative}.foggy-bg:before{background:radial-gradient(200px 100px at 150px 150px,#fff3,#0000),radial-gradient(150px 80px at 350px 250px,#ffffff26,#0000),radial-gradient(180px 90px at 550px 180px,#ffffff2e,#0000);background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.weather-animation-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.weather-animation{height:100%;position:absolute;width:100%}.raindrop{background:linear-gradient(180deg,#0000,#fffc);border-radius:0 0 2px 2px;height:20px;position:absolute;width:2px}.raindrop.heavy{background:linear-gradient(180deg,#0000,#ffffffe6);height:25px;width:3px}.snowflake{color:#fff;opacity:.8}.cloud,.snowflake{position:absolute;-webkit-user-select:none;user-select:none}.cloud{opacity:.6}.sun-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);height:100px;width:100px}.sun-glow,.sun-ray{border-radius:50%;position:absolute;right:10%;top:10%}.sun-ray{background:linear-gradient(45deg,#0000 40%,#fff3 50%,#0000 60%);height:120px;width:120px}.lightning{color:#ffeb3b;font-size:2rem;position:absolute;text-shadow:0 0 10px #ffeb3b;-webkit-user-select:none;user-select:none}.App-header{color:#fff;padding:2rem 0 1.5rem;text-align:center}.app-title{animation:titleGlow 4s ease-in-out infinite alternate;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:5rem;font-weight:900;letter-spacing:-3px;margin-bottom:2rem;text-shadow:0 6px 12px #ffffff4d}.app-title,.app-title span{display:inline-block;position:relative}.app-title span{transform:perspective(1000px) rotateX(5deg);transition:transform .3s ease;z-index:2}.app-title:hover span{transform:perspective(1000px) rotateX(0deg) scale(1.05)}@keyframes titleGlow{0%{text-shadow:0 6px 12px #ffffff4d,0 0 25px #fff6}50%{text-shadow:0 6px 12px #ffffff80,0 0 35px #fff9}to{text-shadow:0 6px 12px #ffffff4d,0 0 25px #fff6}}.search-container{margin-bottom:2rem;position:relative}.search-bar{margin-bottom:0}.search-input-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;display:flex;margin:0 auto;max-width:600px;padding:8px;position:relative;transition:all .3s ease}.search-input-container:focus-within{background:#ffffff40;border-color:#fffc;box-shadow:0 12px 40px #0000004d,0 0 0 2px #fff3;transform:translateY(-2px)}.search-icon{color:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;margin-left:16px}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.1rem;font-weight:500;min-width:0;outline:none;padding:16px 20px}.search-input::placeholder{color:#ffffffb3;font-weight:400}.location-button,.search-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-left:8px;touch-action:manipulation;transition:all .3s ease;width:48px}.location-button:hover,.search-button:hover{background:#fff6;box-shadow:0 8px 20px #0003;transform:scale(1.1) translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.main-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding-bottom:2rem}.weather-alerts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffc107f2,#ffc107d9);border:2px solid #ffc10799;border-radius:24px;box-shadow:0 12px 40px #ffc1074d,0 0 0 1px #ffc1071a;color:#333;margin-bottom:2rem;padding:2rem}.weather-alerts h3{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.alert-item{background:#fffc;border:1px solid #ffc10766;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.alert-item:last-child{margin-bottom:0}.alert-item h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.alert-item p{color:#555;font-size:1rem;line-height:1.6}.weather-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #fff6;border-radius:28px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;color:#333;margin:10px auto;max-width:550px;padding:2.5rem;transition:all .3s ease;width:100%}.weather-card:hover{box-shadow:0 30px 80px #0003,0 0 0 1px #fff3;transform:translateY(-4px)}.weather-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.location-info h2{-webkit-text-fill-color:#0000;animation:cityNameGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#333;filter:drop-shadow(0 0 10px rgba(30,64,175,.3));font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.country{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:.75rem}.date-time{color:#888;font-size:1rem;font-weight:400}.timezone-info{color:#3b82f6;font-size:.85rem;font-weight:500;opacity:.8;white-space:nowrap}.weather-icon-container{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:5.5rem;margin-top:-1.5rem;transform:translateY(-15px)}.weather-emoji{animation:weatherFloat 3s ease-in-out infinite;display:inline-block}.weather-emoji.sunny{animation:sunRotate 8s linear infinite}.weather-emoji.cloudy{animation:cloudFloat 4s ease-in-out infinite}.weather-emoji.rainy{animation:rainBounce 2s ease-in-out infinite}.weather-emoji.snowy{animation:snowFall 3s ease-in-out infinite}.weather-emoji.stormy{animation:lightningFlash 1.5s ease-in-out infinite}.weather-emoji.foggy{animation:fogDrift 5s ease-in-out infinite}.temperature-section{margin-bottom:2rem;text-align:center}.main-temp{align-items:baseline;display:flex;justify-content:center;margin-bottom:1.5rem}.temp-value{font-size:5rem;font-weight:300;line-height:1;text-shadow:0 2px 4px #0000001a}.temp-unit{color:#666;font-size:2.5rem;font-weight:300;margin-left:.5rem}.feels-like{font-size:1.2rem;margin-bottom:.75rem}.feels-like,.weather-description{font-weight:600;text-shadow:0 1px 2px #0000001a}.weather-description{font-size:1.4rem;text-transform:capitalize}.detail-card:first-child{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.detail-card:first-child:hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 12px 32px #22c55e40}.detail-card:first-child .detail-icon{color:#16a34a}.detail-card:nth-child(2){background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d}.detail-card:nth-child(2):hover{background:linear-gradient(135deg,#a855f733,#9333ea26);box-shadow:0 12px 32px #a855f740}.detail-card:nth-child(2) .detail-icon{color:#9333ea}.detail-card:nth-child(3){background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c4d}.detail-card:nth-child(3):hover{background:linear-gradient(135deg,#fb923c33,#f9731626);box-shadow:0 12px 32px #fb923c40}.detail-card:nth-child(3) .detail-icon{color:#ea580c}.detail-card:nth-child(4){background:linear-gradient(135deg,#ec489926,#db27771a);border-color:#ec48994d}.detail-card:nth-child(4):hover{background:linear-gradient(135deg,#ec489933,#db277726);box-shadow:0 12px 32px #ec489940}.detail-card:nth-child(4) .detail-icon{color:#be185d}.detail-card:nth-child(5){background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d}.detail-card:nth-child(5):hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);box-shadow:0 12px 32px #3b82f640}.detail-card:nth-child(5) .detail-icon{color:#2563eb}.detail-card:nth-child(6){background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.detail-card:nth-child(6):hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 12px 32px #22c55e40}.detail-card:nth-child(6) .detail-icon{color:#16a34a}.stat-icon{color:#1e40af;font-size:1.8rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#333;font-size:1.1rem;font-weight:700}.stat-label{color:#666;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.weather-details{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;color:#333;margin:10px auto;max-width:900px;padding:3rem;transition:all .3s ease;width:100%}.weather-details:hover{box-shadow:0 30px 80px #0003,0 0 0 1px #fff3;transform:translateY(-4px)}.details-title{-webkit-text-fill-color:#0000;animation:detailsPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#1e40af,#3b82f6 30%,#6366f1 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center;text-shadow:0 4px 8px #1e40af26}.details-title:before{animation:bounce 2s ease-in-out infinite;content:"📊";left:-25px}.details-title:after,.details-title:before{filter:drop-shadow(0 2px 4px rgba(30,64,175,.3));font-size:1.5rem;position:absolute;top:-15px}.details-title:after{animation:bounce 2s ease-in-out 1s infinite;content:"📈";right:-25px}@keyframes detailsPulse{0%,to{filter:drop-shadow(0 0 15px rgba(30,64,175,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(30,64,175,.4));transform:scale(1.02)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-card{align-items:center;background:linear-gradient(135deg,#1e40af1a,#3b82f61a);border:1px solid #1e40af33;border-radius:20px;display:flex;gap:1.5rem;min-height:100px;padding:2rem;transition:all .3s ease}.detail-card:hover{box-shadow:0 12px 32px #1e40af33;transform:translateY(-3px)}.detail-icon{color:#1e40af;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.detail-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.detail-label{font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.detail-label,.detail-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-value{font-size:1.3rem;font-weight:700}.forecast-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;color:#333;margin:10px auto;max-width:1200px;padding:3rem;transition:all .3s ease;width:100%}.forecast-container:hover{box-shadow:0 30px 80px #0003,0 0 0 1px #fff3;transform:translateY(-4px)}.forecast-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.forecast-title{-webkit-text-fill-color:#0000;animation:forecastSlide 5s ease-in-out infinite;background:linear-gradient(135deg,#059669,#10b981 30%,#34d399 60%,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:800;margin:0;position:relative;text-shadow:0 4px 8px #05966926}.forecast-title:before{animation:weatherSpin 4s linear infinite;content:"🌤️";left:-20px}.forecast-title:after,.forecast-title:before{filter:drop-shadow(0 2px 4px rgba(5,150,105,.3));font-size:1.3rem;position:absolute;top:-12px}.forecast-title:after{animation:rainbowGlow 3s ease-in-out infinite;content:"🌈";right:-20px}@keyframes forecastSlide{0%,to{filter:drop-shadow(0 0 15px rgba(5,150,105,.2));transform:translateX(0)}50%{filter:drop-shadow(0 0 25px rgba(5,150,105,.4));transform:translateX(5px)}}@keyframes weatherSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes rainbowGlow{0%,to{filter:drop-shadow(0 0 5px rgba(5,150,105,.3))}50%{filter:drop-shadow(0 0 15px rgba(5,150,105,.6))}}.today-forecast{background:linear-gradient(135deg,#1e40af26,#3b82f61a);border:2px solid #1e40af4d;border-radius:24px;box-shadow:0 12px 32px #1e40af26;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.today-forecast-green{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:2px solid #22c55e4d;box-shadow:0 12px 32px #22c55e26}.today-forecast-green .today-forecast-temp,.today-forecast-green .today-forecast-title{color:#16a34a}.today-forecast:before{background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.today-forecast-green:before{background:linear-gradient(90deg,#22c55e,#16a34a,#15803d)!important}.today-forecast-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.today-forecast-title{color:#1e40af;font-size:1.6rem;font-weight:700;margin:0}.today-forecast-date{color:#666;font-size:1rem;font-weight:500}.today-forecast-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr}.today-forecast-main{text-align:center}.today-forecast-temp{color:#1e40af;font-size:3.5rem;font-weight:300;margin-bottom:.5rem}.today-forecast-desc{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-transform:capitalize}.today-forecast-icon{font-size:4rem;margin-bottom:1rem}.today-forecast-details{display:flex;flex-direction:column;gap:1rem}.today-forecast-detail{align-items:center;background:#ffffffb3;border-radius:12px;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem}.today-forecast-detail-label{color:#666;font-size:.9rem}.today-forecast-detail-value{color:#333;font-weight:600}.forecast-days{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:3rem}.forecast-day{background:linear-gradient(135deg,#1e40af1a,#3b82f61a);border:1px solid #1e40af33;border-radius:20px;cursor:pointer;padding:2rem 1.5rem;text-align:center;touch-action:manipulation;transition:all .3s ease}.forecast-day:hover{background:linear-gradient(135deg,#1e40af26,#3b82f626);box-shadow:0 12px 32px #1e40af33;transform:translateY(-4px)}.forecast-day.selected{background:linear-gradient(135deg,#1e40af33,#3b82f633);border-color:#1e40af66;box-shadow:0 8px 24px #1e40af4d}.forecast-day:first-child{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d;position:relative}.forecast-day:first-child:before{content:"🌟";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem;position:absolute;right:8px;top:8px}.forecast-day:first-child:hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 12px 32px #22c55e40;transform:translateY(-4px)}.forecast-day:nth-child(2){background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d;position:relative}.forecast-day:nth-child(2):before{content:"⭐";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem;position:absolute;right:8px;top:8px}.forecast-day:nth-child(2):hover{background:linear-gradient(135deg,#a855f733,#9333ea26);box-shadow:0 12px 32px #a855f740;transform:translateY(-4px)}.forecast-day:nth-child(3){background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c4d;position:relative}.forecast-day:nth-child(3):before{content:"✨";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem;position:absolute;right:8px;top:8px}.forecast-day:nth-child(3):hover{background:linear-gradient(135deg,#fb923c33,#f9731626);box-shadow:0 12px 32px #fb923c40;transform:translateY(-4px)}.forecast-day:nth-child(4){background:linear-gradient(135deg,#ec489926,#db27771a);border-color:#ec48994d;position:relative}.forecast-day:nth-child(4):before{content:"🌟";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem;position:absolute;right:8px;top:8px}.forecast-day:nth-child(4):hover{background:linear-gradient(135deg,#ec489933,#db277726);box-shadow:0 12px 32px #ec489940;transform:translateY(-4px)}.forecast-day:nth-child(5){background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d;position:relative}.forecast-day:nth-child(5):before{content:"⭐";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem;position:absolute;right:8px;top:8px}.forecast-day:nth-child(5):hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);box-shadow:0 12px 32px #3b82f640;transform:translateY(-4px)}.forecast-day.today{background:linear-gradient(135deg,#22c55e26,#22c55e1a);border-color:#22c55e66;position:relative}.forecast-day.today:before{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 2px 4px #22c55e4d;content:"";height:12px;position:absolute;right:12px;top:12px;width:12px}.day-name{font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.forecast-day:first-child .day-name{color:#059669}.forecast-day:nth-child(2) .day-name{color:#7c3aed}.forecast-day:nth-child(3) .day-name{color:#ea580c}.forecast-day:nth-child(4) .day-name{color:#dc2626}.forecast-day:nth-child(5) .day-name{color:#0891b2}.day-date{color:#64748b;font-size:.9rem;font-weight:500}.day-date,.day-icon{margin-bottom:.75rem}.day-icon{animation:dayIconFloat 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.day-icon.sunny{animation:dayIconSunny 6s linear infinite}.day-icon.cloudy{animation:dayIconCloudy 4s ease-in-out infinite}.day-icon.rainy{animation:dayIconRainy 2.5s ease-in-out infinite}.day-icon.stormy{animation:dayIconStormy 1.8s ease-in-out infinite}.day-icon.snowy{animation:dayIconSnowy 3.5s ease-in-out infinite}.day-icon.foggy{animation:dayIconFoggy 5s ease-in-out infinite}.day-temp{color:#1e40af;font-size:1.4rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 1px 2px #1e40af1a}.day-desc{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:1rem;text-transform:capitalize}.temp-range{font-size:.85rem;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.temp-range,.temp-range>div{align-items:center;display:flex}.temp-range>div{gap:.3rem}.temp-label{color:#64748b;font-weight:500}.high{color:#dc2626}.high,.low{font-weight:600}.low{color:#2563eb}.humidity,.wind{color:#64748b;font-size:.8rem;font-weight:500}.forecast-note{color:#64748b;font-size:.75rem;font-style:italic;font-weight:400;margin-top:1rem;opacity:.8;text-align:right}.day-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.detail-label{color:#666}.detail-value{color:#333;font-weight:600}.hourly-forecast{margin-top:3rem}.hourly-title{-webkit-text-fill-color:#0000;animation:hourlyPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#ef4444 30%,#f87171 60%,#fca5a5);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center;text-shadow:0 4px 8px #dc262626}.hourly-title:before{animation:clockTick 2s ease-in-out infinite;content:"⏰";left:-25px}.hourly-title:after,.hourly-title:before{filter:drop-shadow(0 2px 4px rgba(220,38,38,.3));font-size:1.5rem;position:absolute;top:-15px}.hourly-title:after{animation:clockTick 2s ease-in-out 1s infinite;content:"🕐";right:-25px}@keyframes hourlyPulse{0%,to{filter:drop-shadow(0 0 15px rgba(220,38,38,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(220,38,38,.4));transform:scale(1.03)}}@keyframes clockTick{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}75%{transform:rotate(-5deg) scale(1.1)}}.hourly-scroll{display:flex;gap:1.5rem;justify-content:center;overflow-x:auto;padding-bottom:1.5rem}.hourly-item{background:linear-gradient(135deg,#1e40af1a,#3b82f61a);border:1px solid #1e40af33;border-radius:16px;min-width:140px;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.hourly-item:hover{box-shadow:0 8px 24px #1e40af33;transform:translateY(-2px)}.hourly-item:first-child{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.hourly-item:first-child:hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 8px 24px #22c55e40}.hourly-item:nth-child(2){background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d}.hourly-item:nth-child(2):hover{background:linear-gradient(135deg,#a855f733,#9333ea26);box-shadow:0 8px 24px #a855f740}.hourly-item:nth-child(3){background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c4d}.hourly-item:nth-child(3):hover{background:linear-gradient(135deg,#fb923c33,#f9731626);box-shadow:0 8px 24px #fb923c40}.hourly-item:nth-child(4){background:linear-gradient(135deg,#ec489926,#db27771a);border-color:#ec48994d}.hourly-item:nth-child(4):hover{background:linear-gradient(135deg,#ec489933,#db277726);box-shadow:0 8px 24px #ec489940}.hourly-item:nth-child(5){background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d}.hourly-item:nth-child(5):hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);box-shadow:0 8px 24px #3b82f640}.hourly-item:nth-child(6){background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.hourly-item:nth-child(6):hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 8px 24px #22c55e40}.hourly-item:nth-child(7){background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d}.hourly-item:nth-child(7):hover{background:linear-gradient(135deg,#a855f733,#9333ea26);box-shadow:0 8px 24px #a855f740}.hourly-item:nth-child(8){background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c4d}.hourly-item:nth-child(8):hover{background:linear-gradient(135deg,#fb923c33,#f9731626);box-shadow:0 8px 24px #fb923c40}.hour-time{color:#666;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.hour-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem;margin-bottom:.75rem}.hour-temp{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.hour-feels-like{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.hour-desc{margin-bottom:.75rem;text-transform:capitalize}.hour-desc,.hour-details{color:#666;font-size:.8rem;font-weight:500}.hour-details{display:flex;flex-direction:column;gap:.5rem}.hourly-note{color:#64748b;font-size:.75rem;font-style:italic;font-weight:400;margin-top:1rem;opacity:.8;text-align:right}.hourly-note.no-data{margin-top:2rem}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{height:80px;margin-bottom:2rem;position:relative;width:80px}.spinner-ring{border:4px solid #0000;border-radius:50%;border-top-color:#fff6;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){animation:spin 1.5s linear infinite reverse;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation:spin 1.5s linear infinite;height:60%;left:20%;top:20%;width:60%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:1.2rem;font-weight:500;opacity:.9}.error-message,.welcome-message{color:#fff;font-size:1.3rem;font-weight:500;opacity:.9;padding:3rem;text-align:center}.city-not-found-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;color:#333;margin:2rem auto;max-width:600px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.city-not-found-container:before{background:linear-gradient(90deg,#ef4444,#f87171,#fca5a5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.city-not-found-container:hover{box-shadow:0 30px 80px #0003,0 0 0 1px #fff3;transform:translateY(-4px)}.city-not-found-icon{animation:cityNotFoundBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:6rem;margin-bottom:2rem}.city-not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#f87171 50%,#fca5a5);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;position:relative}.city-not-found-title:before{animation:searchPulse 2s ease-in-out infinite;content:"🔍";font-size:1.5rem;left:-25px;position:absolute;top:-15px}.city-not-found-title:after{animation:searchPulse 2s ease-in-out 1s infinite;content:"📍";font-size:1.5rem;position:absolute;right:-25px;top:-15px}.city-not-found-message{color:#666;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:3rem}.city-not-found-actions,.city-not-found-button{display:flex;justify-content:center}.city-not-found-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;gap:.5rem;line-height:1.2;padding:1.2rem 2.5rem;text-align:center;transition:all .3s ease;white-space:nowrap}.city-not-found-button:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.location-not-found-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #fff6;border-radius:32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;color:#333;margin:2rem auto;max-width:600px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.location-not-found-container:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#fde047);content:"";height:4px;left:0;position:absolute;right:0;top:0}.location-not-found-container:hover{box-shadow:0 30px 80px #0003,0 0 0 1px #fff3;transform:translateY(-4px)}.location-not-found-icon{animation:locationNotFoundBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:6rem;margin-bottom:2rem}.location-not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#fde047);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;position:relative}.location-not-found-title:before{animation:locationPulse 2s ease-in-out infinite;content:"🌐";font-size:1.5rem;left:-25px;position:absolute;top:-15px}.location-not-found-title:after{animation:locationPulse 2s ease-in-out 1s infinite;content:"🔧";font-size:1.5rem;position:absolute;right:-25px;top:-15px}.location-not-found-message{color:#666;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:3rem}.location-not-found-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.location-not-found-button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.2;min-width:-webkit-fit-content;min-width:fit-content;padding:1.2rem 2rem;text-align:center;transition:all .3s ease;white-space:nowrap}.location-not-found-button.primary{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.location-not-found-button.primary:hover{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.location-not-found-button.secondary{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:2px solid #3b82f64d;box-shadow:0 4px 12px #3b82f61a;color:#3b82f6}.location-not-found-button.secondary:hover{background:linear-gradient(135deg,#3b82f626,#60a5fa26);border-color:#3b82f680;box-shadow:0 8px 20px #3b82f633;transform:translateY(-2px)}@keyframes cityNotFoundBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes locationNotFoundBounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-10px) rotate(5deg)}60%{transform:translateY(-5px) rotate(-2deg)}}@keyframes searchPulse{0%,to{filter:drop-shadow(0 0 5px rgba(239,68,68,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(239,68,68,.5));transform:scale(1.1)}}@keyframes locationPulse{0%,to{filter:drop-shadow(0 0 5px rgba(245,158,11,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(245,158,11,.5));transform:scale(1.1)}}@keyframes cityNameGlow{0%{filter:drop-shadow(0 0 10px rgba(30,64,175,.3))}to{filter:drop-shadow(0 0 20px rgba(30,64,175,.6))}}@keyframes weatherFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sunRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes cloudFloat{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(5px) translateY(-5px)}50%{transform:translateX(0) translateY(-10px)}75%{transform:translateX(-5px) translateY(-5px)}}@keyframes rainBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes snowFall{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(90deg)}50%{transform:translateY(-15px) rotate(180deg)}75%{transform:translateY(-8px) rotate(270deg)}}@keyframes lightningFlash{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.3);transform:scale(1.2) rotate(5deg)}50%{filter:brightness(1);transform:scale(1) rotate(0deg)}75%{filter:brightness(1.3);transform:scale(1.2) rotate(-5deg)}}@keyframes fogDrift{0%,to{opacity:.8;transform:translateX(0) scale(1)}50%{opacity:1;transform:translateX(10px) scale(1.1)}}@keyframes dayIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dayIconSunny{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes dayIconCloudy{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(3px) translateY(-3px)}50%{transform:translateX(0) translateY(-6px)}75%{transform:translateX(-3px) translateY(-3px)}}@keyframes dayIconRainy{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes dayIconStormy{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.2);transform:scale(1.1) rotate(3deg)}50%{filter:brightness(1);transform:scale(1) rotate(0deg)}75%{filter:brightness(1.2);transform:scale(1.1) rotate(-3deg)}}@keyframes dayIconSnowy{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(90deg)}50%{transform:translateY(-8px) rotate(180deg)}75%{transform:translateY(-4px) rotate(270deg)}}@keyframes dayIconFoggy{0%,to{opacity:.8;transform:translateX(0) scale(1)}50%{opacity:1;transform:translateX(6px) scale(1.05)}}.refresh-note{color:#64748b;font-size:.75rem;font-style:italic;font-weight:400;margin-top:1rem;opacity:.8;text-align:right}.copyright-footer{border-top:1px solid #ffffff1a;color:#fffc;font-size:.9rem;font-weight:400;margin-top:1rem;padding:2rem 0;text-align:center}.copyright-footer p{line-height:1.5;margin:0;max-width:100%;text-align:center;white-space:normal}@media (max-width:900px){.app-title{font-size:4rem;margin-bottom:1.8rem}.search-input-container{max-width:500px}.search-input{font-size:1rem;padding:14px 16px}}@media (max-width:768px){.app-container{padding:0 12px}.App-header{padding:1.5rem 0 1rem}.app-title{font-size:3.5rem;margin-bottom:1.5rem}.city-not-found-container,.location-not-found-container{border-radius:24px;margin:.5rem auto;padding:2.5rem 1.5rem}.city-not-found-icon,.location-not-found-icon{font-size:3.5rem}.city-not-found-title,.location-not-found-title{font-size:1.8rem}.city-not-found-button,.location-not-found-button{font-size:1rem;max-width:220px;padding:1rem 1.5rem;width:100%}.location-not-found-actions{align-items:center;flex-direction:column;gap:.75rem}.search-input-container{border-radius:40px;max-width:500px;padding:4px}.search-input{font-size:.95rem;padding:12px 14px}.location-button,.search-button{height:42px;margin-left:4px;width:42px}.search-icon{margin-left:10px}.weather-card{border-radius:24px;margin:.5rem auto;padding:1.5rem}.weather-header{margin-bottom:1.5rem}.location-info h2{font-size:2rem;margin-bottom:.5rem}.country{font-size:1rem;margin-bottom:.5rem}.date-time{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-info{font-size:.8rem}.weather-icon-container{font-size:4.5rem;margin-top:-1rem;transform:translateY(-10px)}.temp-value{font-size:3.5rem}.temp-unit{font-size:2rem}.feels-like{font-size:1.1rem;margin-bottom:.5rem}.weather-description{font-size:1.2rem}.weather-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;border-radius:12px;display:flex;justify-content:center;min-height:80px;padding:1rem}.weather-details{border-radius:24px;margin:.5rem auto;padding:2rem 1rem}.details-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.detail-card{border-radius:12px;gap:1rem;min-height:80px;padding:1rem}.detail-icon{font-size:1.8rem}.detail-label{font-size:.8rem;margin-bottom:.25rem}.detail-value{font-size:1rem}.forecast-container{border-radius:24px;margin:.5rem auto;padding:2rem 1.5rem}.forecast-header{align-items:stretch;flex-direction:column;margin-bottom:1.5rem}.details-title,.forecast-title{font-size:1.8rem}.details-title{margin-bottom:2rem}.details-title:after,.details-title:before{font-size:1.2rem;top:-10px}.details-title:before{left:-18px}.details-title:after{right:-18px}.forecast-days{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.forecast-day{align-items:center;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:1.25rem .75rem}.day-name{font-size:1rem;font-weight:700;margin-bottom:.25rem;white-space:nowrap}.day-date{font-size:.8rem;font-weight:500;margin-bottom:.4rem}.day-icon{font-size:2rem;margin-bottom:.4rem}.day-temp{font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.day-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;line-height:1.2;margin-bottom:.5rem;max-width:110px;overflow:hidden;text-align:center;text-overflow:ellipsis}.temp-range{font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.humidity,.wind{font-size:.7rem;white-space:nowrap}.hourly-forecast{margin-top:2rem}.hourly-title{font-size:1.5rem;margin-bottom:2rem}.hourly-title:after,.hourly-title:before{font-size:1rem;top:-8px}.hourly-title:before{left:-15px}.hourly-title:after{right:-15px}.hourly-scroll{gap:.75rem;justify-content:center;padding-bottom:1rem}.hourly-item{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:140px;min-width:120px;padding:1rem .75rem;width:120px}.hour-time{font-size:.85rem;font-weight:600;margin-bottom:.4rem;white-space:nowrap}.hour-icon{font-size:1.8rem;margin-bottom:.4rem}.hour-temp{font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.hour-feels-like{font-size:.8rem;margin-bottom:.3rem;white-space:nowrap}.hour-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;line-height:1.2;margin-bottom:.4rem;max-width:110px;overflow:hidden;text-align:center;text-overflow:ellipsis}.hour-details{font-size:.7rem;gap:.3rem;text-align:center}.hour-humidity,.hour-wind{white-space:nowrap}.copyright-footer{font-size:.8rem;margin-top:.5rem;padding:1.5rem 0}}@media (max-width:480px){.app-container{padding:0 8px}.location-not-found-actions{width:100%}.location-not-found-button{font-size:.85rem;max-width:180px;overflow:hidden;padding:.8rem 1rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.App-header{padding:1rem 0 .75rem}.app-title{font-size:2.2rem;margin-bottom:1rem}.city-not-found-container,.location-not-found-container{border-radius:20px;margin:.25rem auto;padding:2rem 1rem}.city-not-found-icon,.location-not-found-icon{font-size:2.5rem}.city-not-found-title,.location-not-found-title{font-size:1.5rem}.city-not-found-message,.location-not-found-message{font-size:.9rem;margin-bottom:2rem}.city-not-found-button,.location-not-found-button{font-size:.9rem;max-width:200px;padding:.8rem 1.2rem;white-space:nowrap}.location-not-found-actions{align-items:center;flex-direction:column;gap:.5rem}.search-input-container{border-radius:35px;padding:3px}.search-input{font-size:.9rem;padding:10px 12px}.location-button,.search-button{height:38px;margin-left:3px;width:38px}.search-icon{margin-left:8px}.weather-card{border-radius:20px;margin:.25rem auto;padding:1.25rem}.weather-header{margin-bottom:1rem}.weather-details{border-radius:20px;margin:.25rem auto;padding:1.5rem .75rem}.details-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.detail-card{border-radius:10px;gap:.75rem;min-height:70px;padding:.75rem}.detail-icon{font-size:1.5rem}.detail-label{font-size:.7rem;margin-bottom:.2rem}.detail-value{font-size:.9rem}.location-info h2{font-size:1.8rem;margin-bottom:.25rem}}@media (max-width:360px){.location-not-found-actions{align-items:center;flex-direction:column;gap:.4rem;width:100%}.city-not-found-button,.location-not-found-button{font-size:.8rem;max-width:160px;min-height:44px;overflow:hidden;padding:.7rem .8rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.city-not-found-container,.location-not-found-container{padding:1.5rem .75rem}.city-not-found-title,.location-not-found-title{font-size:1.3rem}.city-not-found-message,.location-not-found-message{font-size:.85rem;margin-bottom:1.5rem}.country{font-size:.9rem;margin-bottom:.25rem}.date-time{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-info{font-size:.75rem}.weather-icon-container{font-size:4rem;margin-top:-.75rem;transform:translateY(-8px)}.temp-value{font-size:3rem}.temp-unit{font-size:1.8rem}.feels-like{font-size:1rem;margin-bottom:.25rem}.weather-description{font-size:1.1rem}.details-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.detail-card{border-radius:10px;gap:.75rem;padding:.75rem}.detail-icon{font-size:2rem}.detail-value{font-size:1.1rem}.detail-label{font-size:.8rem}.forecast-container{border-radius:20px;margin:.25rem auto;padding:1.5rem 1rem}.forecast-header{margin-bottom:1rem}.details-title,.forecast-title{font-size:1.5rem}.details-title{margin-bottom:1.5rem}.details-title:after,.details-title:before{font-size:1rem;top:-8px}.details-title:before{left:-15px}.details-title:after{right:-15px}.forecast-days{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.forecast-day{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:1rem .5rem}.day-name{font-size:1rem;font-weight:700;margin-bottom:.25rem;white-space:nowrap}.day-date{font-size:.8rem;font-weight:500;margin-bottom:.5rem}.day-icon{font-size:2rem;margin-bottom:.5rem}.day-temp{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.day-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;line-height:1.2;margin-bottom:.7rem;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis}.temp-range{font-size:.7rem;gap:.5rem;margin-bottom:.25rem}.humidity,.wind{font-size:.65rem;white-space:nowrap}.hourly-forecast{margin-top:1.5rem}.hourly-title{font-size:1.3rem;margin-bottom:1.5rem}.hourly-title:after,.hourly-title:before{font-size:.8rem;top:-6px}.hourly-title:before{left:-12px}.hourly-title:after{right:-12px}.hourly-scroll{gap:.5rem;justify-content:center;padding-bottom:.75rem}.hourly-item{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:120px;min-width:100px;padding:.75rem .5rem;width:100px}.hour-time{font-weight:600;white-space:nowrap}.hour-icon,.hour-time{margin-bottom:.3rem}.hour-temp{font-weight:700;margin-bottom:.25rem}.hour-feels-like{font-size:.75rem;margin-bottom:.25rem;white-space:nowrap}.hour-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2;margin-bottom:.3rem;max-width:90px;overflow:hidden;text-align:center;text-overflow:ellipsis}.hour-details{font-size:.65rem;gap:.25rem;text-align:center}.hour-humidity,.hour-wind{white-space:nowrap}.hour-time{font-size:.8rem;margin-bottom:.5rem}.hour-icon{font-size:1.5rem;margin-bottom:.5rem}.hour-temp{font-size:1rem;margin-bottom:.3rem}.hour-feels-like{font-size:.8rem;margin-bottom:.3rem}.hour-desc{font-size:.7rem;margin-bottom:.5rem}.refresh-note{font-size:.65rem;margin-top:.75rem}.copyright-footer{font-size:.75rem;margin-top:.25rem;padding:1rem 0}}@media (max-width:375px){.weather-details{border-radius:16px;margin:.25rem auto;padding:1rem .5rem}.details-grid{gap:.4rem;grid-template-columns:repeat(2,1fr)}.detail-card{border-radius:8px;gap:.5rem;min-height:60px;padding:.5rem}.detail-icon{font-size:1.2rem}.detail-label{font-size:.65rem;margin-bottom:.15rem}.detail-value{font-size:.8rem}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d,#fff3);border:1px solid #fff3;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffffff80,#fff6);border-color:#fff6;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#fff9,#ffffff80)}::-webkit-scrollbar-corner{background:#0000}*{scrollbar-color:#ffffff4d #ffffff0d;scrollbar-width:thin}
/*# sourceMappingURL=main.94e3777a.css.map*/