body{min-height:100vh;background:linear-gradient(135deg,#74ebd5,#acb6e5);font-family:Poppins,sans-serif;transition:background 1s ease;padding:0;margin:0}.app{max-width:650px;margin:2rem auto;padding:1rem;text-align:center}.search{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem}.result{display:flex;flex-direction:column;gap:1.5rem}input{padding:.6rem .8rem;width:65%;border-radius:12px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;color:#000;font-size:1rem}input::placeholder{color:#000;font-style:italic;opacity:1}button{padding:.6rem 1.2rem;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;cursor:pointer;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);background:#0000000e;transition:transform .2s,background .3s,box-shadow .3s}button:hover{transform:scale(1.05);background:#fff3;box-shadow:0 8px 20px #00000026}.card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.8rem;box-shadow:0 12px 30px #00000026,inset 0 0 30px #ffffff1a;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0003,inset 0 0 35px #ffffff1f}.card h2{margin-bottom:1rem;font-size:1.6rem;color:#fff}.card h3{margin-top:1rem;margin-bottom:.6rem;font-size:1.1rem;color:#fff}.card img{width:100%;max-height:220px;object-fit:cover;border-radius:16px;margin-bottom:1rem;transition:transform .4s,box-shadow .4s}.card img:hover{transform:scale(1.03);box-shadow:0 12px 25px #0003}.card ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;list-style:none;padding:0}.card ul li{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.5rem;font-size:.95rem;color:#fff}.card .instructions{max-height:250px;overflow-y:auto;padding-right:.5rem}.card .instructions::-webkit-scrollbar{width:8px}.card .instructions::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.card .instructions::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.card .step{margin-bottom:.8rem;padding:.6rem;background:#ffffff26;border-radius:12px;font-size:.95rem;line-height:1.5;color:#fff;transition:transform .2s}.card .step:hover{transform:translate(8px)}.loader{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}