:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f5f6fa;min-height:100vh;margin:0}.app{max-width:480px;margin:0 auto;padding:2rem 1rem;font-family:system-ui,-apple-system,sans-serif}.app h1{text-align:center;color:#1a1a2e;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.search{gap:.5rem;margin-bottom:2rem;display:flex}.search input{border:1px solid #d0d0d8;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem}.search input:focus{border-color:#4a7dff}.search button{color:#fff;cursor:pointer;background:#4a7dff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem}.search button:hover:not(:disabled){background:#3a6ae8}.search button:disabled{cursor:not-allowed;background:#b8c4e0}.status{text-align:center;color:#666}.status.error{color:#d64545}.card{text-align:center;color:#fff;background:linear-gradient(160deg,#5b8def,#7fa8ff);border-radius:16px;padding:2rem 1.5rem}.card h2{margin:0;font-size:1.25rem;font-weight:500}.card img{width:120px;height:120px;margin:.5rem 0}.temp{margin:0;font-size:3rem;font-weight:300;line-height:1}.desc{opacity:.9;margin:.5rem 0 1.5rem;font-size:1.1rem}.details{border-top:1px solid #ffffff4d;justify-content:space-around;padding-top:1rem;font-size:.9rem;display:flex}