body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff9f5;color:#2d3436;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fad0c4);box-shadow:0 2px 15px #00000014;color:#fff;display:flex;height:100px;justify-content:center;position:relative;z-index:10}.header-logo{height:80px}header>h1{font-size:1.8rem;font-weight:600;margin:0;text-shadow:1px 1px 3px #0003}main{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.add-ingredient-form{display:flex;gap:12px;justify-content:center;margin-bottom:2rem;position:relative}.add-ingredient-form input{background-color:#fff;border:2px solid #ff9a9e;border-radius:50px;box-shadow:0 2px 10px #ff9a9e33;flex-grow:1;font-size:1rem;max-width:500px;min-width:250px;padding:12px 20px;transition:all .3s ease}.add-ingredient-form input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33;outline:none}.add-ingredient-form button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;border-radius:50px;box-shadow:0 2px 10px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:0 25px;transition:all .3s ease}.add-ingredient-form button:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.add-ingredient-form button:active{transform:translateY(0)}.add-ingredient-form button:before{content:"+";font-size:1.2em;font-weight:700;margin-right:8px}ul.ingredients-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:2rem 0 3rem;padding:0}ul.ingredients-list>li{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#2d3436;display:flex;padding:.8rem 1.2rem .8rem 2.5rem;position:relative;transition:all .2s ease}ul.ingredients-list>li:before{content:"🍴";left:1rem;opacity:.7;position:absolute}ul.ingredients-list>li:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.get-recipe-container{align-items:center;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin:2rem 0;overflow:hidden;padding:1.5rem 2rem;position:relative}.get-recipe-container:before{background:radial-gradient(circle,#ffffff1a 0,#fff0 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.get-recipe-container h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 3px #0000001a}.get-recipe-container p{color:#ffffffe6;font-size:.95rem;margin:0;text-shadow:0 1px 2px #0000001a}.get-recipe-container button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#ff6b6b;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease;z-index:1}.get-recipe-container button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.get-recipe-container button:active{transform:translateY(0)}@media (max-width:768px){.add-ingredient-form{align-items:stretch;flex-direction:column}.add-ingredient-form button,.add-ingredient-form input{max-width:100%;width:100%}.get-recipe-container{flex-direction:column;gap:1.5rem;text-align:center}ul.ingredients-list{grid-template-columns:1fr}}.recipe{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000d;color:#2d3436;line-height:1.6;margin:2rem auto;max-width:800px;padding:1.5rem}.recipe-header{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.recipe-title{align-items:center;color:#2d3436;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.recipe-title .emoji{font-size:1.2em}.recipe-content{color:#2d3436}.recipe-markdown{font-family:Poppins,sans-serif;font-size:1rem;line-height:1.7}.recipe-markdown h3{border-bottom:2px solid #f0f0f0;color:#2d3436;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.recipe-markdown p{color:#2d3436;margin:1.25rem 0}.recipe-markdown ol,.recipe-markdown ul{list-style:none;margin:1rem 0 1rem 1.25rem;padding:0}.recipe-markdown li,.recipe-markdown>ul>li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.recipe-markdown>ul>li:before{background-color:#ff9a9e;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.75em;width:6px}.recipe-markdown ol{counter-reset:step-counter;list-style:none;margin-left:.5rem}.recipe-markdown>ol>li{counter-increment:step-counter;margin-bottom:1rem;min-height:1.8em;padding-left:2rem;position:relative}.recipe-markdown>ol>li:before{align-items:center;background-color:#ff9a9e;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.8rem;font-weight:600;height:1.5rem;justify-content:center;left:0;line-height:1;position:absolute;top:.1rem;width:1.5rem}.recipe-markdown strong{color:#2d3436;font-weight:600}.recipe-markdown em{color:#2d3436;font-style:italic}@media (max-width:768px){.recipe{margin:1rem;padding:1.25rem}.recipe-title{font-size:1.35rem}.recipe-markdown h3{font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}ul.ingredients-list>li{animation:fadeIn .3s ease-out forwards;opacity:0}ul.ingredients-list>li:first-child{animation-delay:.1s}ul.ingredients-list>li:nth-child(2){animation-delay:.2s}ul.ingredients-list>li:nth-child(3){animation-delay:.3s}ul.ingredients-list>li:nth-child(n+4){animation-delay:.4s}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e86f678f.css.map*/