*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#f5f5f5;color:#333}.app{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:20px;color:#2c3e50}.search-form{display:flex;gap:10px;margin-bottom:15px}.search-form input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.search-form button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.history{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.history-btn{padding:6px 12px;background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;cursor:pointer;font-size:14px}.history-btn:hover{background:#d5dbdb}.error{color:#e74c3c}.current-weather{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.current-weather h2{margin-bottom:15px;color:#2c3e50}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.weather-item{text-align:center}.weather-item .label{display:block;font-size:12px;color:#7f8c8d}.weather-item .value{display:block;font-size:20px;font-weight:700;margin-top:4px}.forecast{margin-bottom:20px}.forecast h3{margin-bottom:10px}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forecast-card{background:white;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px #0000001a}.forecast-card .date{font-size:12px;color:#7f8c8d}.chart-container{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}