@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Gaegu:wght@400;700&display=swap";body{background-color:#fdfaf6;font-family:"Quicksand",sans-serif;color:#5d4037;line-height:1.7;margin:0;padding:32px}.container{max-width:900px;margin:0 auto;background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid #eee}header{text-align:center}h1,h2{font-family:"Gaegu",cursive;color:#d4a373;text-align:center}h1{font-size:56px;margin-bottom:8px}h2{font-size:40px;margin-top:48px;border-bottom:2px dashed #eaddcf;padding-bottom:16px;display:flex;align-items:center;justify-content:center}h2 i{margin-right:12px;color:#d4a373}.intro-text{text-align:center;max-width:600px;margin:0 auto 32px auto;font-size:18px}.credit-text{font-size:14px;color:#a98d7a;margin-top:-8px;margin-bottom:32px;font-weight:bold}.recipe-info{display:flex;justify-content:center;gap:32px;margin:32px 0;text-align:center;font-weight:bold;flex-wrap:wrap}.info-item{background-color:#fef4ea;padding:12px 20px;border-radius:15px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 10px rgba(0,0,0,.08)}.info-item i{color:#d4a373}.timer-container{background-color:#fef4ea;border-radius:20px;padding:24px;margin:32px auto;max-width:400px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.08)}.timer-container .timer-display{font-family:"Gaegu",cursive;font-size:64px;color:#5d4037;margin-bottom:16px}.timer-container .timer-inputs,.timer-container .timer-controls{display:flex;justify-content:center;align-items:center;gap:16px}.timer-container .timer-inputs{margin-bottom:24px}.timer-container .timer-inputs input{width:60px;font-family:"Quicksand",sans-serif;font-size:18px;text-align:center;border:2px solid #eaddcf;border-radius:10px;padding:8px}.timer-container .timer-controls button{background-color:#d4a373;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:bold;cursor:pointer;transition:background-color .2s,transform .2s}.timer-container .timer-controls button:hover{background-color:#c8935a;transform:scale(1.05)}.recipe-main{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width: 768px){.recipe-main{grid-template-columns:1fr 2fr}}#ingredients-list ul{list-style:none;padding:0}#ingredients-list li{display:flex;align-items:center;margin-bottom:12px;cursor:pointer;font-size:16px;transition:color .4s ease}#ingredients-list li.checked{color:#a98d7a}#ingredients-list li.checked span::after{width:100%}#ingredients-list li.checked .checkbox{background-color:#d4a373}#ingredients-list li.checked .checkbox::after{opacity:1}#ingredients-list li span{position:relative}#ingredients-list li span::after{content:"";position:absolute;left:0;top:50%;height:2px;width:0;background-color:#a98d7a;transition:width .4s ease-in-out}#ingredients-list .checkbox{width:20px;height:20px;border:2px solid #d4a373;border-radius:5px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}#ingredients-list .checkbox::after{content:"✔";color:#fff;font-size:14px;opacity:0;transition:opacity .2s}.step{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media(min-width: 600px){.step{flex-direction:row;align-items:center}}.step .step-illustration{width:150px;height:150px;border-radius:15px;object-fit:cover;flex-shrink:0;border:4px solid #eaddcf;box-shadow:0 4px 10px rgba(0,0,0,.08)}.step .step-text h3{font-family:"Gaegu",cursive;font-size:28px;color:#a98d7a;margin:0 0 8px 0}.step .step-text p{margin:0}