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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px;text-align:center}.App,.app-header{align-items:center;display:flex}.app-header{gap:20px;margin-bottom:30px}h1{color:#fff;font-size:36px;margin:0;text-shadow:2px 2px 4px #0003}.unit-toggle{background:#fff3;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:8px 16px;transition:all .3s ease}.unit-toggle:hover{background:#fff;color:#667eea}.recent-cities{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.recent-cities span{color:#fff;opacity:.8}.recent-city-btn{background:#fff3;border:1px solid #ffffff80;border-radius:15px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.recent-city-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.refresh-btn{background:#fff;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#667eea;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.loading{background-color:#ffffff1a;font-size:18px;padding:20px}.error-message,.loading{border-radius:10px;color:#fff;margin:20px 0}.error-message{align-items:center;animation:shake .5s ease-in-out;background-color:#ff6b6b;box-shadow:0 2px 4px #0003;display:flex;font-size:16px;gap:10px;padding:15px 25px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{font-size:24px}@media (max-width:600px){h1{font-size:28px}.app-header{flex-direction:column;gap:15px}.recent-cities{padding:0 10px}}body{margin:0;padding:0}.search-container{display:flex;gap:10px;margin:20px 0;max-width:400px;width:100%}.search-input{border:2px solid #ddd;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px 20px;transition:border-color .3s ease}.search-input:focus{border-color:#4caf50}.search-input::placeholder{color:#999}.search-button{background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:background-color .3s ease}.search-button:hover{background-color:#45a049}.search-button:active{transform:scale(.98)}.weather-card{animation:slideIn .5s ease-out;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:20px 0;max-width:400px;padding:30px;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.city-name{color:#333;font-size:28px;margin-bottom:10px}.weather-icon-container{margin:10px 0}.weather-icon{height:100px;width:100px}.weather-main{margin:20px 0}.temperature{color:#4caf50;font-size:48px;font-weight:700;margin-bottom:10px}.description{color:#666;font-size:20px;text-transform:capitalize}.weather-details{display:flex;flex-direction:column;gap:10px;margin-top:30px}.detail-item{background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:700}.spinner-container{align-items:center;display:flex;flex-direction:column;margin:40px 0}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-container p{color:#fff;font-size:16px;margin-top:15px}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;text-align:center}.error-content h2{color:#ff6b6b;margin-bottom:15px}.error-content p{color:#666;line-height:1.6;margin-bottom:25px}.refresh-button{background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:background-color .3s ease}.refresh-button:hover{background-color:#45a049}.error-details{margin-top:20px;text-align:left}.error-details summary{color:#666;cursor:pointer;margin-bottom:10px}.error-details pre{background:#f5f5f5;border-radius:8px;color:#ff6b6b;font-size:12px;overflow-x:auto;padding:15px}
/*# sourceMappingURL=main.93f74424.css.map*/