@import"https://fonts.googleapis.com/css2?family=Limelight&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{min-height:100vh;display:grid}body.light{background:#fff;color:#000}body.dark{background:#1e1e1e;color:#fff}.app{min-height:100vh;display:grid;place-items:center;transition:background .3s ease,color .3s ease}.theme-toggle{position:absolute;top:10px;right:10px;background:#fff;color:#000;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:20px;transition:background .3s ease,color .3s ease}body.dark .theme-toggle{background:#333;color:#fff}.forecast-container{text-align:center;margin-top:20px}.forecast-cards{display:flex;justify-content:center;gap:10px;padding:10px}.dark-mode{background-color:#1a1a2e;color:#fff}.dark-mode .forecast-card{background:linear-gradient(45deg,#2f4680,#500ae4);color:#fff;box-shadow:0 4px 10px #fff3}.light-mode{background-color:#f0f8ff;color:#000}.light-mode .forecast-card{background:linear-gradient(45deg,#87cefa,#00bfff);color:#000;box-shadow:0 4px 10px #0003}.forecast-card{padding:15px;border-radius:12px;text-align:center;width:100px;font-size:16px;transition:all .3s ease-in-out}.forecast-card:hover{transform:scale(1.05)}.forecast-card img{width:50px;height:50px}.forecast-date{font-weight:700;font-size:14px}.forecast-temp{font-size:18px;font-weight:700}.search-bar input{height:50px;border:none;outline:none;border-radius:40px;padding-left:25px;font-size:18px;transition:background .3s ease}.dark-mode .search-bar input{background:#222;color:#fff}.light-mode .search-bar input{background:#fff;color:#000}.theme-toggle{position:fixed;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:24px;transition:transform .3s ease}.theme-toggle:hover{transform:rotate(15deg)}.weather{place-self:center;padding:40px;border-radius:10px;background-image:linear-gradient(45deg,#2f4680,#500ae4);display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#000;position:relative}.search-bar{display:flex;align-items:center;gap:12px}.search-bar input{height:50px;border:none;outline:none;border-radius:40px;padding-left:25px;color:#626262;background:#ebfffc;font-size:18px}.search-bar img{width:50px;padding:15px;border-radius:50%;background:#ebfffc;cursor:pointer}.weather-icon{width:150px;margin:30px 0}.temperature{color:#fff;font-size:80px;line-height:1}.location{color:#fff;font-size:40px}.app{min-height:100vh;display:grid;place-items:center;transition:background-color .5s ease}.app.light-mode{background-color:#fff}.app.dark-mode{background-color:#000}.weather-data{width:100%;margin-top:40px;color:#fff;display:flex;justify-content:space-between}.weather-data .col{display:flex;align-items:flex-start;gap:12px;font-size:22px}.weather-data .col span{display:block;font-size:16px}.weather-data .col img{width:26px;margin-top:10px}.suggestions{position:absolute;top:100px;left:40px;right:40px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.suggestion-item{padding:10px 20px;cursor:pointer;color:#626262;font-size:16px}.suggestion-item:hover{background:#f0f0f0}.forecast-card{margin-top:40px;padding:20px;border-radius:10px;background-image:linear-gradient(45deg,#2f4680,#500ae4);color:#fff;width:100%;text-align:center}.forecast-card h3{font-size:24px;margin-bottom:20px}.forecast-day{display:flex;flex-direction:column;align-items:center;margin:10px 0;font-size:18px}.forecast-day p{margin:5px 0}.app-logo{width:50px;height:50px;position:absolute;top:10px;left:10px}.toggle-btn{position:absolute;top:10px;right:10px;border:none;background:none;cursor:pointer}.toggle-btn img{width:40px;height:40px}