*{box-sizing:border-box;margin:0;padding:0}body{background:#f5fff5;font-family:Roboto,sans-serif}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{color:#2e7d32;font-family:Lobster Two,Arial,Helvetica,sans-serif;font-size:3.7rem;font-weight:600}header p{color:#666;margin:2px 17px;font-size:1.1rem}.search-container{gap:1rem;margin-bottom:2rem;display:flex}.search-container input{border:2px solid #2e7d32;border-radius:10px;flex:1;padding:1rem;font-size:1rem}.search-container button{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;padding:0 2rem;font-weight:700}.search-container button:hover{background:#1b5e20}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.recipe-card{cursor:pointer;background:#fff;border-radius:15px;transition:all .25s;overflow:hidden;box-shadow:0 2px 10px #0000001a}.recipe-card:hover{transform:translateY(-5px)}.recipe-card img{object-fit:cover;width:100%;height:220px}.card-content{padding:1rem}.card-content h3{color:#2e7d32}.ingredients-list{margin:1rem 0 2rem;padding:0;list-style:none}.ingredients-list li{border-bottom:1px solid #e5e5e5;gap:.75rem;padding:.5rem 0;display:flex}.measure{color:#2e7d32;min-width:120px;font-weight:700}.ingredient{color:#333}.instructions{color:#333;margin-top:1rem;font-size:1rem;line-height:1.8}.instructions-list{margin-top:1rem;padding-left:1.5rem}.instructions-list li{color:#333;margin-bottom:1rem;line-height:1.7}.loading{text-align:center;font-size:1.2rem}.modal-overlay{background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:100%;max-width:800px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}.modal img{border-radius:10px;width:100%;margin-bottom:1rem}.modal h2{color:#2e7d32;margin-bottom:1rem}.modal h3{margin-bottom:.5rem}.close-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:50%;width:35px;height:35px;position:absolute;top:15px;right:15px}@media screen and (width<=472px){header h1{font-size:2.7rem}p{margin:8px 22px;font-size:22px}}