body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#5a7a9a;--secondary-color:#2c3e50;--text-light:#f5f5f5;--text-dark:#1a1a2e;--glass-bg:#00000040;--glass-border:#ffffff1a;--shadow:0 8px 32px #0006;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}body,html{overflow:hidden}.app{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;transition:background .5s ease}.bg-default{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.bg-cold{background:linear-gradient(135deg,#2c3e50,#3498db 50%,#2980b9)}.bg-cool{background:linear-gradient(135deg,#1e3c72,#2a5298)}.bg-warm{background:linear-gradient(135deg,#834d9b,#d04ed6 50%,#c94b4b)}.bg-hot{background:linear-gradient(135deg,#b91d1d,#c0392b 50%,#e74c3c)}.app-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px}.app-header{margin-bottom:25px;text-align:center}.app-title{color:#f5f5f5;color:var(--text-light);font-size:2.5rem;font-weight:600;text-shadow:2px 2px 4px #0000004d}.app-title i{margin-right:10px}.search-container{margin-bottom:20px;max-width:400px;position:relative;width:100%}.search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);display:flex;overflow:hidden}.search-input{background:#0000;border:none;color:#f5f5f5;color:var(--text-light);flex:1 1;font-size:1rem;outline:none;padding:14px 22px}.search-input::placeholder{color:#ffffffb3}.search-button{background:#fff3;border:none;color:#f5f5f5;color:var(--text-light);cursor:pointer;font-size:1rem;padding:14px 22px;transition:all .3s ease;transition:var(--transition)}.search-button:hover{background:#ffffff4d}.search-dropdown{background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);left:0;margin-top:10px;max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-header{align-items:center;background:#0000000d;color:#1a1a2e;color:var(--text-dark);display:flex;font-size:.85rem;gap:8px;justify-content:space-between;padding:12px 20px}.dropdown-header i{color:#5a7a9a;color:var(--primary-color)}.dropdown-item{align-items:center;color:#1a1a2e;color:var(--text-dark);cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .3s ease;transition:var(--transition)}.dropdown-item.active,.dropdown-item:hover{background:#4a90d91a}.dropdown-item i{color:#999;text-align:center;width:20px}.dropdown-item.active i{color:#5a7a9a;color:var(--primary-color)}.clear-history{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.85rem;margin-left:auto}.clear-history:hover{text-decoration:underline}.search-history{background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);left:0;margin-top:10px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.history-header{background:#0000000d;font-size:.85rem;justify-content:space-between}.history-header,.history-item{align-items:center;color:#1a1a2e;color:var(--text-dark);display:flex;padding:12px 20px}.history-item{cursor:pointer;gap:12px;transition:all .3s ease;transition:var(--transition)}.history-item:hover{background:#0000000d}.history-item i{color:#999}.main-content{display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:600px;overflow:hidden;width:100%}.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top:4px solid var(--text-light);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#f5f5f5;color:var(--text-light);font-size:1.1rem;margin-top:20px}.error-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error-icon{color:#e74c3c;font-size:3rem;margin-bottom:15px}.error-message{font-size:1.1rem;margin-bottom:20px}.error-message,.retry-button{color:#f5f5f5;color:var(--text-light)}.retry-button{background:#fff3;border:none;border-radius:25px;cursor:pointer;font-size:1rem;padding:12px 30px;transition:all .3s ease;transition:var(--transition)}.retry-button:hover{background:#ffffff4d}.retry-button i{margin-right:8px}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);padding:25px 30px}.weather-main{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.weather-icon-container{background:#fff3;border-radius:50%;padding:10px}.weather-icon{height:90px;width:90px}.weather-info{text-align:center}.location-name{color:#f5f5f5;color:var(--text-light);font-size:1.8rem;font-weight:600;margin-bottom:5px;text-shadow:1px 1px 2px #0003}.weather-description{color:#ffffffe6;font-size:1.1rem;margin-bottom:10px;text-transform:capitalize}.temperature-container{align-items:baseline;display:flex;gap:5px;justify-content:center;margin-bottom:8px}.temperature{font-size:3.5rem;font-weight:300}.temp-unit,.temperature{color:#f5f5f5;color:var(--text-light)}.temp-unit{font-size:1.8rem}.unit-toggle{background:#0000;border:1px solid #ffffff80;border-radius:15px;color:#f5f5f5;color:var(--text-light);cursor:pointer;font-size:.85rem;margin-left:10px;padding:6px 14px;transition:all .3s ease;transition:var(--transition)}.unit-toggle:hover{background:#fff3}.feels-like{color:#ffffffe6;font-size:.95rem}.weather-details{grid-gap:12px;border-top:1px solid #fff3;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);padding-top:20px}.detail-item{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:12px 8px}.detail-item i{color:#f5f5f5;color:var(--text-light);font-size:1.2rem;opacity:.8}.detail-item div{align-items:center;display:flex;flex-direction:column}.detail-value{color:#f5f5f5;color:var(--text-light);font-size:1rem;font-weight:600}.detail-label{color:#ffffffb3;font-size:.75rem}.forecast-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);padding:20px 25px}.forecast-title{color:#f5f5f5;color:var(--text-light);font-size:1.2rem;margin-bottom:15px;text-align:center}.forecast-list{display:flex;gap:12px;justify-content:space-between}.forecast-item{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:12px 8px;transition:all .3s ease;transition:var(--transition)}.forecast-item:hover{background:#fff3}.forecast-day{color:#f5f5f5;color:var(--text-light);font-size:.9rem;font-weight:600}.forecast-icon{height:45px;width:45px}.forecast-temp{color:#f5f5f5;color:var(--text-light);font-size:1.1rem;font-weight:600}.forecast-desc{color:#fffc;font-size:.7rem;text-align:center}.app-footer{margin-top:auto;padding:10px}.github-link{align-items:center;background:#0000004d;border-radius:20px;color:#f5f5f5;color:var(--text-light);display:inline-flex;font-size:.8rem;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.github-link:hover{background:#00000080;transform:translateY(-1px)}.github-link i{font-size:1rem}@media (max-width:600px){.app-title{font-size:1.5rem}.weather-main{flex-direction:row}.temperature{font-size:2.2rem}.weather-details{grid-template-columns:repeat(3,1fr)}.forecast-list{flex-wrap:nowrap}.unit-toggle{margin-left:0;margin-top:5px}.temperature-container{flex-wrap:wrap;justify-content:center}}@media (max-width:400px){.app-container,.forecast-container,.weather-card{padding:10px}.detail-item{padding:5px}.weather-details{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.dc60b27f.css.map*/