@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.favorites-container{margin-top:1.5rem;background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 2px 8px #0003;overflow:hidden}.favorites-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #333}.favorites-header h2{margin:0;font-size:1.5rem;color:#e0e0e0}.refresh-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:#4a90e233;color:#4a90e2;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background-color:#4a90e24d}.refresh-button:disabled{background-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.refresh-button span{display:inline-block;transition:transform .2s ease}.refresh-button span.loading{animation:spin 1s linear infinite}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1.5rem}.favorite-card{background-color:#2a2a2a;border-radius:.75rem;box-shadow:0 1px 4px #0000001a;overflow:hidden;transition:all .3s ease}.favorite-card:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}.favorite-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#333;border-bottom:1px solid #444}.favorite-card-header h3{margin:0;font-size:1.2rem;color:#e0e0e0}.delete-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1.25rem;color:#ff6b6b;transition:all .2s ease}.delete-button:hover{background-color:#e5393533}.favorite-card-body{padding:1rem}.favorite-temp{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#e0e0e0}.favorite-description{font-size:1rem;color:#b0b0b0;margin-bottom:.75rem;text-transform:capitalize}.favorite-detail{display:flex;align-items:center;margin-top:.5rem;font-size:.9rem;color:#9e9e9e}.favorite-card-loading{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1rem;color:#9e9e9e;font-size:.9rem}.no-favorites{padding:2rem;text-align:center;color:#9e9e9e}.no-favorites p{margin:.5rem 0}.loading-container{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (max-width: 768px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.favorites-header{padding:1rem}}@media (max-width: 480px){.favorites-grid{grid-template-columns:1fr}}.weather-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;margin:0 auto}.search-section{display:flex;flex-direction:column;gap:.5rem}.search-box{display:flex;gap:.5rem;width:100%}.search-input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #444;font-size:1rem;transition:all .2s ease;background-color:#2a2a2a;color:#e0e0e0}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.search-button{display:flex;justify-content:center;align-items:center;padding:.75rem 1.25rem;border-radius:.5rem;border:none;background-color:#4a90e2;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px}.search-button:hover{background-color:#3a80d2}.search-button:disabled{background-color:#2c5a94;cursor:not-allowed;opacity:.7}.error-message{color:#ff6b6b;padding:.75rem;border-radius:.5rem;background-color:#e5393526;border:1px solid rgba(229,57,53,.3);margin-top:.5rem}.weather-card{background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 2px 8px #0003;overflow:hidden;transition:all .3s ease}.weather-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.weather-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #333}.weather-header h2{margin:0;font-size:1.5rem;color:#e0e0e0}.favorite-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:all .2s ease;border-radius:50%}.favorite-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.favorite-button:disabled{opacity:.8;cursor:default}.favorite-button:disabled:hover{background-color:transparent}.favorite-button img{width:24px;height:24px;transition:transform .2s ease}.favorite-button:hover img{transform:scale(1.05)}.weather-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.temperature{display:flex;align-items:flex-start;margin-bottom:.5rem}.temp-value{font-size:3rem;font-weight:700;line-height:1;color:#e0e0e0}.temp-unit{font-size:1.5rem;font-weight:600;color:#b0b0b0;margin-left:.25rem}.weather-info{display:flex;flex-direction:column;gap:.75rem}.weather-description{font-size:1.25rem;font-weight:500;color:#b0b0b0;margin:0;text-transform:capitalize}.weather-detail{display:flex;align-items:center;gap:.5rem}.detail-label{font-weight:500;color:#b0b0b0}.detail-value{font-weight:600;color:#e0e0e0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 2px 8px #0003;gap:1rem}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(74,144,226,.3);border-radius:50%;border-top-color:#4a90e2;animation:spin 1s ease-in-out infinite}.loading-spinner.large{width:48px;height:48px;border-width:4px}.loading-spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.weather-container{padding:0 1rem}.temp-value{font-size:2.5rem}.weather-header h2{font-size:1.3rem}}@media (max-width: 480px){.search-box{flex-direction:column}.search-button{width:100%}.weather-header,.weather-body{padding:1rem}}:root{--primary-color: #4a90e2;--text-color: #e0e0e0;--light-gray: #202020;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#1a1a1a;box-shadow:0 1px 4px var(--shadow-color);position:sticky;top:0;z-index:100}.logo-container{display:flex;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%}.logo-container h1{font-size:1.5rem;margin:0;font-weight:600;color:var(--text-color)}.weather-logo{width:40px;height:40px;margin-right:1rem;filter:brightness(0) invert(1)}.app-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{background-color:#1a1a1a;border-top:1px solid var(--border-color);padding:1.5rem;text-align:center;color:#888;font-size:.9rem}@media (max-width: 768px){.app-content{padding:1.5rem}.logo-container{padding:.75rem 1.5rem}.logo-container h1{font-size:1.3rem}.weather-logo{width:32px;height:32px}}@media (max-width: 480px){.app-content{padding:1rem}.logo-container{padding:.75rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #4a90e2;--primary-hover: #357abd;--secondary-color: #6c757d;--accent-color: #61dafb;--success-color: #4caf50;--danger-color: #e74c3c;--warning-color: #f39c12;--background-color: #121212;--card-color: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-light: #888888;--border-color: #333333;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}p{margin-bottom:1rem}button{cursor:pointer}button:disabled{cursor:not-allowed}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.w-100{width:100%}@media (max-width: 576px){.container{width:100%;padding:0 1rem}}@media (min-width: 576px){.container{max-width:540px;margin:0 auto}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}