@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}.search-container{animation:fadeInDown .5s ease-out;margin:0 auto;max-width:600px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--glass-shadow);display:flex;padding:var(--spacing-xs);transition:all var(--transition-normal)}.search-bar:focus-within{background:var(--glass-bg-hover);border-color:#fff6;box-shadow:0 0 0 4px #ffffff1a}.search-icon{color:var(--text-secondary);font-size:1.2rem;padding:0 var(--spacing-md)}.search-bar input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:var(--spacing-sm) 0}.search-bar input::placeholder{color:var(--text-muted)}.location-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.location-btn:hover{background:#ffffff1a;color:var(--text-primary)}.search-btn{background:var(--text-primary);border:none;border-radius:var(--radius-full);color:#667eea;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.search-btn:hover{box-shadow:0 5px 20px #ffffff4d;transform:scale(1.05)}.search-btn:active{transform:scale(.98)}@media (max-width:768px){.search-bar{border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm)}.search-icon{order:1}.search-bar input{flex:1 1;min-width:150px;order:2}.location-btn{order:3}.search-btn{margin-top:var(--spacing-xs);order:4;width:100%}}.current-weather{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;grid-row:1/3;justify-content:space-between;min-height:450px;overflow:hidden;padding:var(--spacing-xl);position:relative}.current-weather:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:-50px;content:"";height:300px;pointer-events:none;position:absolute;right:-50px;width:300px}.weather-header{align-items:flex-start;display:flex;justify-content:space-between}.location-info h1{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.location-pin{font-size:1.3rem}.date-time{color:var(--text-secondary);font-size:.95rem}.date-time span{display:block}.current-temp-container{align-items:center;display:flex;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.weather-icon-large{animation:bounce 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));height:150px;width:150px}.temp-display{display:flex;flex-direction:column}.temperature-large{color:var(--text-primary);font-size:5rem;font-weight:700;line-height:1;position:relative}.temperature-large .degree{font-size:2rem;font-weight:400;position:absolute;top:5px}.weather-condition{color:var(--text-secondary);font-size:1.3rem;margin-top:var(--spacing-sm);text-transform:capitalize}.temp-range{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.temp-high,.temp-low{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:var(--spacing-xs)}.temp-high .arrow{color:#ff6b6b}.temp-low .arrow{color:#74b9ff}.quick-stats{border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-lg)}.stat-item{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:var(--spacing-sm);min-width:120px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.stat-item:hover{background:#ffffff1a}.stat-icon{color:var(--text-secondary);font-size:1.5rem}.stat-info{display:flex;flex-direction:column}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.stat-label{color:var(--text-muted);font-size:.75rem}@media (max-width:1024px){.current-weather{grid-row:auto}}@media (max-width:768px){.current-weather{min-height:auto;padding:var(--spacing-lg)}.current-temp-container{flex-direction:column;text-align:center}.weather-icon-large{height:120px;width:120px}.temperature-large{font-size:4rem}.quick-stats{justify-content:center}.stat-item{flex:0 1 45%}}.weather-details{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:var(--spacing-lg)}.weather-details h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-md)}.details-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.detail-card{background:#ffffff0d;border:1px solid #0000;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.detail-card:hover{background:#ffffff1a;border-color:var(--glass-border);transform:translateY(-2px)}.detail-header{align-items:center;display:flex;gap:var(--spacing-sm)}.detail-icon{font-size:1.2rem}.detail-label{color:var(--text-muted);font-size:.85rem}.detail-value{color:var(--text-primary);font-size:1.4rem;font-weight:600}.detail-progress{background:#ffffff1a;border-radius:3px;height:6px;margin-top:var(--spacing-xs);overflow:hidden;width:100%}.detail-progress-bar{background:linear-gradient(90deg,#74b9ff,#0984e3);border-radius:3px;height:100%;transition:width 1s ease}@media (max-width:768px){.details-grid{grid-template-columns:1fr}}.forecast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);grid-column:1/-1;padding:var(--spacing-lg)}.forecast h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-md)}.forecast-list{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.forecast-list::-webkit-scrollbar{height:6px}.forecast-list::-webkit-scrollbar-track{background:#0000}.forecast-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.forecast-item{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:140px;padding:var(--spacing-md);transition:all var(--transition-fast)}.forecast-item:hover{background:#ffffff1a;transform:translateY(-5px)}.forecast-item.today{background:#ffffff1a;border-color:var(--glass-border)}.forecast-day{color:var(--text-primary);font-size:.95rem;font-weight:600}.forecast-icon{height:60px;width:60px}.forecast-desc{color:var(--text-secondary);font-size:.8rem;text-align:center;text-transform:capitalize}.forecast-temps{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.forecast-high{color:var(--text-primary);font-weight:600}.forecast-low{color:var(--text-muted)}@media (max-width:768px){.forecast-item{min-width:120px}}.loader-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:300px}.loader{display:flex;gap:var(--spacing-sm)}.loader-circle{animation:bounce-loader .6s ease-in-out infinite;background:var(--text-primary);border-radius:50%;height:20px;width:20px}.loader-circle:nth-child(2){animation-delay:.1s}.loader-circle:nth-child(3){animation-delay:.2s}@keyframes bounce-loader{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-20px)}}.loader-text{color:var(--text-secondary);font-size:1.1rem}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--glass-bg:#ffffff1a;--glass-bg-hover:#fff3;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-full:50px;--transition-fast:0.2s ease;--transition-normal:0.3s ease}.app{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#5ee7df);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:30px;padding:var(--spacing-lg);position:relative;transition:background 1.5s ease}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff26 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff1a 0,#0000 30%),radial-gradient(circle at 60% 70%,#ffffff1a 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.app.sunny{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#56ccf2,#2f80ed,#667eea,#87ceeb);background-size:400% 400%}.app.rainy{animation:gradientShift 20s ease infinite;background:linear-gradient(-45deg,#4b6cb7,#182848,#373b44,#4b6cb7);background-size:400% 400%}.app.rainy:after{animation:rain .4s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='rgba(255,255,255,0.2)' d='M10 0 5 20M30 5l-5 20M50 0l-5 20M70 8l-5 20M90 2l-5 20'/%3E%3C/svg%3E");background-size:100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes rain{0%{background-position:0 0}to{background-position:20px 100px}}.app.cloudy{background:linear-gradient(-45deg,#bdc3c7,#606c88,#3f4c6b,#bdc3c7);background-size:400% 400%}.app.cloudy,.app.snowy{animation:gradientShift 20s ease infinite}.app.snowy{background:linear-gradient(-45deg,#e6dada,#a8c0c0,#274046,#e6dada);background-size:400% 400%}.app.snowy:after{animation:snow 4s linear infinite;background-image:radial-gradient(circle,#fff 2px,#0000 0),radial-gradient(circle,#fffc 1px,#0000 0);background-size:60px 60px,40px 40px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}@keyframes snow{0%{background-position:0 0,20px 20px}to{background-position:60px 120px,80px 140px}}.app.stormy{animation:gradientShift 10s ease infinite;background:linear-gradient(-45deg,#373b44,#4286f4,#1a1a2e,#373b44);background-size:400% 400%}.app.stormy:after{animation:lightning 4s ease-in-out infinite;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes lightning{0%,87%,89%,91%,93%,95%,to{background:#0000}88%,90%,92%,94%{background:#ffffff26}}.app.night{animation:gradientShift 25s ease infinite;background:linear-gradient(-45deg,#0c0c1e,#1a1a3e,#2d2d5a,#0c0c1e);background-size:400% 400%}.app.night:before{animation:stars 5s ease-in-out infinite alternate;background-image:radial-gradient(#fff 1px,#0000 0),radial-gradient(#fff .5px,#0000 0),radial-gradient(circle at 30% 30%,#ffffff1a 0,#0000 50%);background-size:100px 100px,50px 50px,100% 100%}@keyframes stars{0%{opacity:.3}to{opacity:.6}}.app.foggy{animation:gradientShift 20s ease infinite;background:linear-gradient(-45deg,#757f9a,#d7dde8,#a8a8a8,#757f9a);background-size:400% 400%}.container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.header{color:#fff;color:var(--text-primary);margin-bottom:30px;margin-bottom:var(--spacing-lg);text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-xs);text-shadow:0 2px 10px #0003}.header p{color:#ffffffb3;color:var(--text-secondary);font-size:1.1rem}.dashboard{grid-gap:20px;grid-gap:var(--spacing-md);animation:fadeInUp .6s ease-out;display:grid;gap:20px;gap:var(--spacing-md);grid-template-columns:1.2fr .8fr;margin-top:30px;margin-top:var(--spacing-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-container{animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b33;border:1px solid #ff6b6b80;border-radius:20px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);margin-top:30px;margin-top:var(--spacing-lg);padding:40px;padding:var(--spacing-xl);text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{display:block;font-size:3rem;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.welcome-message{animation:fadeIn .5s ease-out;color:#fff;color:var(--text-primary);margin-top:100px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-icon{animation:bounce 2s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:20px;margin-bottom:var(--spacing-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-message h2{font-size:1.8rem;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.welcome-message p{color:#ffffffb3;color:var(--text-secondary)}@media (max-width:1024px){.dashboard{grid-template-columns:1fr}}@media (max-width:768px){.app{padding:12px;padding:var(--spacing-sm)}.header h1{font-size:1.8rem}.header p{font-size:.95rem}}
/*# sourceMappingURL=main.266370e3.css.map*/