.app{text-align:center;font-family:Arial,sans-serif;padding:20px;color:#333}.search-bar{margin-bottom:20px}.search-bar input{padding:10px;font-size:16px;width:200px}.search-bar button{padding:10px;margin-left:8px;cursor:pointer}.controls{margin:15px 0}.controls button{margin:0 5px;padding:8px 12px;cursor:pointer}.weather-card,.forecast-card{background:#f5f5f5;border-radius:10px;padding:15px;margin:10px auto;max-width:300px}.forecast-grid{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.favorites{margin-top:20px}.favorites-list button{margin:5px;padding:8px 12px;cursor:pointer}.error{color:red;font-weight:700}