body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to right,#d5dade,#00f2fe);min-height:100vh}.app-container{max-width:600px;margin:auto;padding:20px;box-sizing:border-box}.search-bar{display:flex;margin-bottom:20px;background:transparent;border-radius:12px;padding:10px;box-shadow:0 2px 10px #0000001a}.search-bar input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;outline:none;border-radius:16px;margin-right:10px;box-sizing:border-box;background:transparent;transition:border-color .3s ease}.search-bar button{padding:10px 20px;background:#333;color:#fff;border:none;cursor:pointer;border-radius:3px;transition:transform .2s ease;transform:scale(.95)}.weather-card{text-align:center;background:transparent;border-radius:12px;padding:15px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000001a;font-size:30px}.weather-card h2{margin:10px 0;font-size:44px}.weather-card img{width:200px}.weather-card .weather-description{font-size:20px}.forecast-card{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000001a;border-radius:12px;padding:15px;margin-bottom:20px;overflow-x:auto;text-align:center}.hourly{display:flex;gap:20px;overflow-x:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:#888 transparent;-ms-overflow-style:none}.hour{min-width:150px;min-height:200px;background:#fffc;border-radius:8px;padding:10px;text-align:center;box-shadow:0 1px 5px #0000001a;flex-shrink:0}.hour{background:linear-gradient(135deg,#81e3ea7f,#71acffc2);border-radius:8px;padding:8px;text-align:center}.hour img{width:50px}.functional-cards-container{background:transparent;border-radius:12px;padding:15px;margin:20px auto;max-width:800px;box-shadow:0 2px 10px #0000001a}.functional-cards-container h3{text-align:center;margin-bottom:15px;color:#333}.functional-cards-grid{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#888 transparent;-ms-overflow-style:none}.func-card{background:linear-gradient(135deg,#81e3ea7f,#71acffc2);border-radius:12px;min-width:150px;min-height:200px;flex-shrink:0;text-align:center;padding:10px;box-shadow:0 1px 5px #0000001a}.func-card h4{margin-bottom:5px;color:#333}.func-card p{margin:3px 0;font-size:13px}.functional-cards-grid::-webkit-scrollbar{height:6px}.functional-cards-grid::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.functional-cards-grid::-webkit-scrollbar-track{background:transparent}@media (max-width: 600px){.app-container{padding:10px}.search-bar{flex-direction:column}.search-bar input,.search-bar button{width:30%;box-sizing:border-box;border-radius:10px}.search-bar button{display:none}.search-bar{flex-direction:row}}.daywise-card{background:transparent;border-radius:12px;padding:15px;margin:20px auto;max-width:800px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.daywise-card h3{text-align:center;margin-bottom:15px}.daily{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#888 transparent}.day{background:linear-gradient(135deg,#81e3ea7f,#71acffc2);border-radius:12px;min-width:150px;min-height:200px;flex-shrink:0;text-align:center;padding:10px;box-shadow:0 1px 5px #0000001a}.day p{margin:5px 0;font-size:13px}.day img{width:50px;height:50px}.daily::-webkit-scrollbar{height:6px}.daily::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.daily::-webkit-scrollbar-track{background:transparent}footer{background:transparent;padding:0 10px;text-align:center;border-top:1px solid #ccc;margin-top:30px}footer p{margin:6px 0;font-size:14px;color:#333}footer small,footer p:last-child{display:block;margin-top:10px;font-size:12px;color:#666}@media (max-width: 500px){footer p{font-size:12px}}