@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:16px;color:#222;background:linear-gradient(-45deg,#89f7fe,#66a6ff,#fbc2eb,#a6c1ee);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{background:#fff;border-radius:20px;padding:1.8rem;width:100%;max-width:420px;box-shadow:0 15px 40px #00000040;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.app:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0000004d}h1{font-size:1.7rem;margin-bottom:1.3rem;background:linear-gradient(90deg,#4a90e2,#5ee7df);-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word;line-height:1.3}.search-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:1.3rem}.search-bar input{flex:1;padding:12px 15px;border-radius:12px;border:none;box-shadow:0 4px 12px #0000001a;font-size:16px;width:100%}.search-bar input:focus{outline:none;box-shadow:0 6px 20px #4a90e266}.search-bar button{padding:12px;border:none;border-radius:12px;background:linear-gradient(90deg,#4a90e2,#5ee7df);color:#fff;font-weight:600;cursor:pointer;font-size:16px;transition:all .3s ease}.search-bar button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4a90e280}.hint{color:#444;font-size:.95rem;margin-top:1rem;line-height:1.4}.error{color:#e74c3c;font-weight:500;margin-bottom:1rem}.weather-card,.mood-card{border-radius:18px;padding:1.2rem;margin-bottom:1rem;animation:fadeInUp .8s ease forwards;box-shadow:0 10px 25px #00000026}.weather-card{background:linear-gradient(145deg,#e0f7fa,#f1fcff)}.mood-card{background:linear-gradient(145deg,#ffe0b2,#fff3e0)}@media screen and (max-width: 480px){body{padding:10px;align-items:center}.app{padding:1.4rem;margin:0 auto;border-radius:18px;max-width:95%}h1{font-size:1.4rem}.search-bar input,.search-bar button{font-size:14px;padding:10px 12px}.hint{font-size:.85rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}