@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);html{font-size:16px;scroll-behavior:smooth}body,html{height:100%}body{background:#000;background:linear-gradient(135deg,#272930,#2a2330);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-y:auto}code{background:#ffffff1a;border-radius:4px;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}#root{min-height:100vh;overflow-y:auto}a{color:#00d4ff;position:relative;text-decoration:none;transition:all .3s ease}a:hover{color:#ff6b9d;text-shadow:0 0 10px currentColor}a:after{background:linear-gradient(90deg,#00d4ff,#ff6b9d);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}a:hover:after{width:100%}button{cursor:pointer;transition:all .3s ease}button,input{background:none;border:none;font-family:inherit;font-size:inherit}input{outline:none}::selection{background:linear-gradient(135deg,#00d4ff,#ff6b9d);color:#fff}::-moz-selection{background:linear-gradient(135deg,#00d4ff,#ff6b9d);color:#fff}:focus-visible{border-radius:8px;box-shadow:0 0 15px #00d4ff4d;outline:2px solid #00d4ff;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--text-primary:#fff!important;--text-secondary:#e0e0e0!important;--glass-border:#ffffff80!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:768px){html{font-size:17px}}@media (min-width:1024px){html{font-size:18px}}@media (min-width:1440px){html{font-size:19px}}@media (max-height:700px){html{font-size:15px}}@media (max-height:600px){html{font-size:14px}}@media (prefers-color-scheme:dark){body{color-scheme:dark}}@media print{body{color:#000!important}.glass-card,body{background:#fff!important}.glass-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #ccc!important;box-shadow:none!important}.app-title,.forecast-title,.temperature{-webkit-text-fill-color:#333!important;color:#333!important}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b9d);-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px}.shadow-soft{box-shadow:0 10px 40px #0003}.shadow-strong{box-shadow:0 20px 60px #0000004d}:root{--bg-primary:linear-gradient(135deg,#272930,#2a2330);--bg-secondary:linear-gradient(135deg,#f093fb,#f5576c);--glass-primary:#ffffff26;--glass-secondary:#ffffff1a;--glass-border:#ffffff4d;--text-primary:#fffffff2;--text-secondary:#fffc;--text-muted:#fff9;--accent-cyan:#00d4ff;--accent-pink:#ff6b9d;--accent-yellow:#ffd93d;--accent-green:#6bcf7f;--shadow-soft:0 10px 40px #0003;--shadow-strong:0 20px 60px #0000004d;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fffffff2;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-size:var(--font-base);line-height:1.5;overflow:hidden}.app{min-height:100vh;position:relative;width:100vw}.app-container{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-rows:auto 1fr auto;height:100vh;margin:0 auto;max-width:1600px;padding:1.5rem 1rem;padding:var(--space-lg) var(--space-md);position:relative;width:100%;z-index:2}.app-header{align-items:center;display:flex;justify-content:space-between}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b9d);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-size:var(--font-3xl);font-weight:800;letter-spacing:-.02em}.header-search{flex:1 1;margin-left:3rem;margin-left:var(--space-2xl);max-width:400px}.dashboard-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:2fr 1fr;grid-template-rows:1fr auto;height:100%}.main-weather-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff26;background:var(--glass-primary);border:1px solid #ffffff4d;border:1px solid var(--glass-border);box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;grid-column:1/2;grid-row:1/2;justify-content:center;overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative}.main-weather-card,.main-weather-card:before{border-radius:24px;border-radius:var(--radius-xl)}.main-weather-card:before{background:linear-gradient(135deg,#00d4ff1a,#ff6b9d1a);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.details-sidebar{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-column:2/3;grid-row:1/2;grid-template-rows:repeat(4,1fr)}.forecast-bar{background:#ffffff1a;background:var(--glass-secondary);grid-column:1/3;grid-row:2/3}.forecast-bar,.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;box-shadow:var(--shadow-soft);padding:1.5rem;padding:var(--space-lg)}.glass-card{background:#ffffff26;background:var(--glass-primary);overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.glass-card:hover{border-color:#fff6;box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-strong);transform:translateY(-4px) scale(1.02)}.glass-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;transition:left var(--transition-slow);width:100%}.glass-card:hover:before{left:100%}.detail-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-secondary);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 40px #0003;box-shadow:var(--shadow-soft);display:flex;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.detail-card:hover{transform:translateX(4px)}.detail-card:hover,.error-message{box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-strong)}.error-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;background:var(--glass-primary);border:1px solid #ff6b9d4d;border-radius:24px;border-radius:var(--radius-xl);margin:0 auto;max-width:600px;padding:3rem;padding:var(--space-2xl);text-align:center}.error-icon{font-size:2.5rem;font-size:var(--font-4xl);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.error-message h2{color:#ff6b9d;color:var(--accent-pink);font-size:1.5rem;font-size:var(--font-2xl);margin-bottom:1rem;margin-bottom:var(--space-md)}.error-message p{color:#fffc;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-lg);margin-bottom:.75rem;margin-bottom:var(--space-sm)}.app-footer{color:#fff9;color:var(--text-muted);font-size:.875rem;font-size:var(--font-sm);padding:1rem;padding:var(--space-md);text-align:center}.app-footer a{color:#00d4ff;color:var(--accent-cyan);text-decoration:none;transition:color .3s ease;transition:color var(--transition-normal)}.app-footer a:hover{color:#ff6b9d;color:var(--accent-pink)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.main-weather-card{grid-column:1/2}.details-sidebar{gap:.75rem;gap:var(--space-sm);grid-column:1/2;grid-row:2/3;grid-template-columns:repeat(2,1fr);grid-template-rows:none}.forecast-bar{grid-column:1/2;grid-row:3/4}}@media (max-width:768px){.app-container{padding:1rem;padding:var(--space-md)}.app-container,.app-header{gap:1rem;gap:var(--space-md)}.app-header{flex-direction:column}.header-search{margin-left:0;max-width:100%}.app-title{font-size:1.5rem;font-size:var(--font-2xl)}.details-sidebar{grid-template-columns:1fr}}@media (max-height:700px){.app-container{gap:.75rem;gap:var(--space-sm);padding:.75rem;padding:var(--space-sm)}.main-weather-card{padding:1.5rem;padding:var(--space-lg)}.detail-card{padding:1rem;padding:var(--space-md)}}::-webkit-scrollbar{background:#0000;width:0}::selection{background:#00d4ff;background:var(--accent-cyan);color:#000}:focus{border-radius:12px;border-radius:var(--radius-sm);outline:2px solid #00d4ff;outline:2px solid var(--accent-cyan);outline-offset:2px}.search-container{position:relative;width:100%}.search-form{padding:20px}.search-input-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;overflow:hidden;padding:8px 50px 8px 6px;position:relative;transition:all var(--transition-normal)}.search-input-container:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.search-input-container:focus-within:before{left:100%}.search-input-container:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 30px #00d4ff4d;transform:translateY(-1px)}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-base);font-weight:500;outline:none;padding:var(--space-sm) var(--space-md);position:relative;z-index:2}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-button{align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:3px;padding:var(--space-sm);position:relative;transition:all var(--transition-normal);width:36px;z-index:2}.search-button:hover{box-shadow:0 10px 30px #00d4ff66;transform:scale(1.05)}.search-button:active{transform:scale(.95)}.search-icon{color:#fff;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));font-size:var(--font-lg)}@media (max-width:768px){.search-input{font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm)}.search-button{height:32px;width:32px}.search-icon{font-size:var(--font-base)}}.current-weather{height:100%;justify-content:center;position:relative;text-align:center;z-index:2}.current-weather,.weather-hero{align-items:center;display:flex;flex-direction:column}.weather-hero{gap:var(--space-xl);width:100%}.weather-icon-section{position:relative}.weather-icon{animation:floatIcon 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,255,255,.3));font-size:6rem}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}.weather-icon-glow{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,var(--accent-cyan) 0,#0000 70%);border-radius:50%;height:120px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}}.weather-main-info{gap:var(--space-lg)}.temperature-display,.weather-main-info{align-items:center;display:flex;flex-direction:column}.temperature-display{gap:var(--space-sm)}.temperature{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}.feels-like{color:var(--text-secondary);font-size:var(--font-lg);font-weight:500}.location-info{flex-direction:column}.location,.location-info{align-items:center;display:flex;gap:var(--space-sm)}.location{color:var(--text-primary);font-size:var(--font-xl);font-weight:600}.location-icon{color:var(--accent-pink);font-size:var(--font-lg)}.condition{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-lg);font-weight:500;padding:var(--space-sm) var(--space-lg);text-transform:capitalize}@media (max-width:1024px){.weather-icon{font-size:5rem}.temperature{font-size:3.5rem}.weather-hero{gap:var(--space-lg)}}@media (max-width:768px){.weather-icon{font-size:4rem}.temperature{font-size:3rem}.location{font-size:var(--font-lg)}.weather-hero{gap:var(--space-md)}}@media (max-height:700px){.weather-icon{font-size:3.5rem}.temperature{font-size:2.5rem}.weather-hero{gap:var(--space-sm)}}.weather-details{display:contents}.details-title{display:none}.details-grid{display:contents}.detail-card{overflow:hidden;position:relative}.detail-content{gap:var(--space-md);z-index:2}.detail-content,.detail-icon-container{align-items:center;display:flex;position:relative}.detail-icon-container{border-radius:var(--radius-md);flex-shrink:0;height:50px;justify-content:center;width:50px}.detail-icon{font-size:var(--font-2xl);position:relative;z-index:2}.detail-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.detail-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:var(--font-xl);font-weight:700;line-height:1.2}.detail-card:first-child .detail-icon-container{background:linear-gradient(135deg,var(--accent-cyan),#00d4ff4d)}.detail-card:first-child .detail-icon{color:#fff;text-shadow:0 0 10px #00d4ff80}.detail-card:nth-child(2) .detail-icon-container{background:linear-gradient(135deg,var(--accent-green),#6bcf7f4d)}.detail-card:nth-child(2) .detail-icon{color:#fff;text-shadow:0 0 10px #6bcf7f80}.detail-card:nth-child(3) .detail-icon-container{background:linear-gradient(135deg,#ebbd064d,#d4c1724d)}.detail-card:nth-child(3) .detail-icon{color:#333;text-shadow:0 0 10px #ffd93d80}.detail-card:nth-child(4) .detail-icon-container{background:linear-gradient(135deg,var(--accent-pink),#ff6b9d4d)}.detail-card:nth-child(4) .detail-icon{color:#fff;text-shadow:0 0 10px #ff6b9d80}@media (max-width:1024px){.detail-content{gap:var(--space-sm)}.detail-icon-container{height:40px;width:40px}.detail-icon{font-size:var(--font-xl)}.detail-value{font-size:var(--font-lg)}}@media (max-width:768px){.detail-icon-container{height:35px;width:35px}.detail-icon{font-size:var(--font-lg)}.detail-value{font-size:var(--font-base)}.detail-label{font-size:.7rem}}.forecast-container{display:flex;flex-direction:column;height:100%}.forecast-header{margin-bottom:var(--space-lg);text-align:center}.forecast-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.forecast-grid{grid-gap:var(--space-md);display:grid;flex:1 1;gap:var(--space-md);grid-template-columns:repeat(5,1fr)}.forecast-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;min-height:140px;overflow:hidden;padding:var(--space-lg);position:relative;text-align:center;transition:all var(--transition-normal)}.forecast-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.forecast-card:hover:before{left:100%}.forecast-card:hover{border-color:#fff6;box-shadow:var(--shadow-strong);transform:translateY(-8px) scale(1.02)}.forecast-day{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.forecast-icon{animation:gentleFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));font-size:2.5rem;margin:var(--space-sm) 0}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.forecast-temps{align-items:center;display:flex;justify-content:space-between;margin:var(--space-sm) 0}.temp-high{color:var(--text-primary);font-size:var(--font-lg);font-weight:700}.temp-low{font-size:var(--font-base)}.forecast-condition,.temp-low{color:var(--text-secondary);font-weight:500}.forecast-condition{align-items:center;display:flex;font-size:var(--font-xs);justify-content:center;line-height:1.3;margin-bottom:var(--space-sm);min-height:2rem;text-transform:capitalize}.forecast-details{border-top:1px solid #ffffff1a;display:flex;gap:var(--space-xs);justify-content:space-around;margin-top:auto;padding-top:var(--space-sm)}.forecast-detail{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--font-xs);gap:2px}.forecast-detail span:first-child{font-size:var(--font-xs);font-weight:600}.forecast-detail span:last-child{color:var(--text-secondary);font-weight:500}.forecast-card:first-child:after,.forecast-card:nth-child(2):after,.forecast-card:nth-child(3):after,.forecast-card:nth-child(4):after,.forecast-card:nth-child(5):after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}@media (max-width:1024px){.forecast-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.forecast-card{min-height:120px;padding:var(--space-md)}.forecast-icon{font-size:2rem}}@media (max-width:768px){.forecast-grid{grid-template-columns:repeat(2,1fr)}.forecast-card{min-height:110px;padding:var(--space-sm)}.forecast-icon{font-size:1.8rem}.temp-high{font-size:var(--font-base)}.temp-low{font-size:var(--font-sm)}}@media (max-height:700px){.forecast-title{font-size:var(--font-xl);margin-bottom:var(--space-sm)}.forecast-card{min-height:100px;padding:var(--space-sm)}.forecast-icon{font-size:1.5rem;margin:var(--space-xs) 0}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:var(--space-2xl)}.loading-content{max-width:400px;text-align:center}.spinner-container{height:100px;margin:0 auto var(--space-xl);position:relative;width:100px}.spinner-ring{animation:modernSpin 2s linear infinite;border:3px solid #0000;border-radius:50%;border-right:3px solid var(--accent-pink);border-top:3px solid var(--accent-cyan);height:100%;left:0;position:absolute;top:0;width:100%}.spinner-ring:nth-child(2){animation:modernSpin 1.5s linear infinite reverse;border-right:2px solid var(--accent-green);border-top:2px solid var(--accent-yellow);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation:modernSpin 1s linear infinite;border-right:2px solid var(--accent-cyan);border-top:2px solid var(--accent-pink);height:60%;left:20%;top:20%;width:60%}@keyframes modernSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-inner{animation:innerPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,212,255,.3));font-size:var(--font-3xl);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes innerPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.loading-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--space-lg)}.loading-dots{display:flex;gap:var(--space-sm);justify-content:center}.loading-dot{animation:dotPulse 1.4s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:0s;background:var(--accent-cyan)}.loading-dot:nth-child(2){animation-delay:.2s;background:var(--accent-pink)}.loading-dot:nth-child(3){animation-delay:.4s;background:var(--accent-yellow)}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.spinner-container{height:80px;width:80px}.loading-text{font-size:var(--font-lg)}.spinner-inner{font-size:var(--font-2xl)}}
/*# sourceMappingURL=main.0ffdff30.css.map*/