*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#93c5fd,#dbeafe);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.container{animation:fadeIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001a;max-width:600px;padding:25px;text-align:center;width:100%}h1{font-size:2rem}.search,h1{margin-bottom:20px}.search{display:flex;flex-direction:column;position:relative}.search input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:12px 16px;transition:.3s ease;width:100%}.search input:focus{border-color:#3b82f6;outline:none}.search button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;transition:background-color .3s}.search button:hover{background-color:#2563eb}.suggestions{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000026;left:0;list-style:none;margin-top:5px;position:absolute;right:0;top:100%;z-index:10}.suggestions li{cursor:pointer;padding:10px 16px;transition:background .3s ease}.suggestions li:hover{background-color:#f0f4ff}.history{margin:15px 0;text-align:left}.history h3{font-size:1rem;margin-bottom:10px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#e0f2fe;border-radius:999px;color:#0369a1;cursor:pointer;padding:6px 12px;transition:background-color .3s ease}.tag:hover{background-color:#bae6fd}.error{color:red;margin:10px 0}.weather-card{animation:fadeIn .5s ease;background-color:#f8fafc;border-radius:16px;box-shadow:0 4px 10px #0000000d;padding:20px;text-align:center}.weather-card h2{font-size:1.5rem;margin-bottom:5px}.weather-card p{color:#4b5563;margin:6px 0}.weather-card img{height:80px;width:80px}.forecast{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:15px}.forecast-item{background:#e0f2fe;border-radius:12px;margin-bottom:10px;padding:10px;transition:transform .3s ease;width:48%}.forecast-item:hover{transform:scale(1.05)}.chart-section{margin-top:25px;text-align:left}.chart-section h3{color:#1e3a8a;font-size:1.2rem;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.forecast-item{width:100%}.container{padding:15px}h1{font-size:1.5rem}.chart-section h3{text-align:center}}
/*# sourceMappingURL=main.f6db754a.css.map*/