:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{min-height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f7f7f7}.app-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;min-height:100vh;background-color:#fefefe;margin:0 auto;justify-content:space-between}main{display:flex;justify-content:center;align-items:center;width:100%}.main-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 15px;box-sizing:border-box;margin:0 auto}.main-content>*{width:auto;max-width:100%}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:25px;width:100%}.hero h1{font-family:"DM Serif Display",sans-serif;font-style:italic;font-weight:700;font-size:3.6rem;margin-top:0;margin-bottom:2px;letter-spacing:.5px}.hero p{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:400;color:#555;margin-bottom:-10px;margin-top:0;letter-spacing:.3px}.hero-subtext{font-family:Poppins,sans-serif;font-style:italic;font-size:1.2rem;color:#555;letter-spacing:.3px}.spoon-icon{width:40px;height:auto;margin-left:-15px;vertical-align:middle}.logo{width:250px;height:auto;margin-bottom:4px;display:block}@media(min-width:768px){.logo{width:200px}}@media(min-width:1200px){.logo{width:250px}}@media(max-width:600px){.logo{width:200px}}header h1{font-size:3rem;color:#ff6f61;margin-bottom:10px}header p{font-size:1.2rem;color:#555}form.search-form{display:flex;justify-content:center;gap:10px;margin-bottom:30px}form.search-form input{width:250px;max-width:100%;padding:10px 15px;border:1px solid #ccc;border-radius:8px 0 0 8px;font-size:1rem}form.search-form button{font-family:"DM Serif Display",sans-serif;font-style:italic;font-size:1.3rem;padding:10px 20px;border:none;background-color:#ff6f61;color:#fff;font-weight:700;border-radius:0 8px 8px 0;cursor:pointer;transition:background-color .3s}form.search-form button:hover{background-color:#ff4c3b}.recipe-count,.loading,.error{text-align:center;margin-bottom:15px}.error{color:red;font-weight:700;animation:fadeIn .5s ease-in-out}.recipe-count{font-weight:700;font-size:1.2rem;color:#2c7a7b;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.recipe-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;width:220px;text-align:left;padding:10px;display:flex;flex-direction:column;height:auto}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.recipe-card img{width:100%;height:150px;object-fit:cover}.recipe-card h3{padding:10px;font-size:1.1rem;color:#333;text-align:center}.recipe-card ul{list-style-type:disc;padding-left:20px;margin:10px 0;display:block}.recipe-card li{text-align:left;padding-left:0;margin-left:0}.recipe-card p{text-align:left;padding:10px;font-size:.9rem;color:#555;flex-grow:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;min-height:0;background-color:#0009;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background-color:#fff;text-align:left;padding:20px;width:90%;max-width:600px;max-height:90vh;min-height:0;overflow-y:auto;border-radius:12px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.modal-content img{width:100%;margin-bottom:15px;border-radius:8px}.modal-content h2{color:#ff6f61;margin-bottom:10px;text-align:center;font-family:"DM Serif Display",sans-serif}.modal-content h3{color:#2c7a7b;text-align:center;margin-top:20px;margin-bottom:10px;font-family:Poppins,sans-serif}.modal-content ul{display:block;overflow:visible;list-style-type:disc;padding-left:30px;margin-bottom:10px}.modal-content li{text-align:left;padding-left:15px;margin-bottom:8px;color:#555!important}.modal-content p{line-height:1.5;color:#555}.modal-content a{color:#ff6f61;font-weight:700;text-decoration:none}.modal-content a:hover{text-decoration:underline}.modal-content button{margin-top:15px;padding:10px 20px;background-color:#ff6f61;font-family:"DM Serif Display",sans-serif;font-size:1.3rem;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s}.modal-content button:hover{background-color:#ff4c3b}@media(max-width:500px){.recipe-card{width:90%;margin:0 auto;overflow:visible}.recipe-card ul{display:block;overflow:visible;text-align:left}.modal-content{max-height:85vh;overflow-y:auto;overflow-x:hidden}.modal-content img{height:auto;max-width:100%}.modal-content ul{display:block;overflow:visible;list-style-type:disc;padding-left:15px;margin-bottom:10px;text-align:left}.modal-content li{text-align:left;padding-left:15px;margin-bottom:8px}.modal-content h2{font-family:"DM Serif Display",serif;font-style:italic;font-size:1.8rem}.modal-content h3{font-family:Poppins,sans-serif;font-size:1.2rem}.modal-content button{font-family:"DM Serif Display",sans-serif;font-style:italic;font-size:1.3rem;padding:8px 16px}}.footer{margin-top:auto;padding:15px 0;text-align:center;font-size:.9rem;color:#777}.ingredient-list{margin:20px 0;padding-left:0!important}.ingredient-list li{list-style:none;margin-bottom:10px;line-height:1.5;color:#444;position:relative;padding-left:36px}.ingredient-list li:before{content:"🥄 ";position:absolute;left:0;top:0;font-size:1.1rem}.instruction-list{margin:20px 0;padding-left:0!important;counter-reset:step-counter}.instruction-list li{list-style:none;margin-bottom:14px;line-height:1.6;color:#333;position:relative;padding-left:52px;counter-increment:step-counter}.instruction-list li:before{content:counter(step-counter) ". ";position:absolute;left:32px;top:0;font-size:1.1rem;font-weight:700}.step-icon{position:absolute;left:0;top:0;font-size:1.4rem}.youtube-button{display:inline-block;margin-top:10px;padding:10px 16px;background:red;color:#fff;border-radius:6px;text-decoration:none;font-weight:700}.youtube-button:hover{background:#c00}.featured-meal{text-align:center;margin-bottom:20px;cursor:pointer}.featured-img{width:90%;max-width:350px;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:-5px;margin-bottom:0}.featured-title{font-family:"DM Serif Display",serif;font-style:italic;font-weight:400;color:#333;margin-top:10px;font-size:1.8rem;letter-spacing:.5px}.search-input{background-color:#fff!important;color:#333;height:40px;border:1px solid #ccc;-webkit-appearance:none!important;appearance:none!important}.search-input::placeholder{color:#888;opacity:1}@media(prefers-color-scheme:dark){.search-input{background-color:#fff!important;color:#333!important}.search-input::placeholder{color:#888!important}}