*[title]{pointer-events:none!important}.loader-container{max-width:640px;margin:2rem auto;padding:2rem;text-align:center;background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000d;font-family:Inter,sans-serif}.loader{width:48px;height:48px;margin:0 auto 1rem;border:4px solid #d8e9e3;border-top-color:#7ac9a3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-container p{margin:0;color:#3c4b46;font-size:1.1rem}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fcfcfa;color:#2c332f;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url(https://openclipart.org/download/48151/Carrot.svg),url(https://openclipart.org/download/215798/carrot-lineart.svg),url(https://openclipart.org/image/800px/336052),url(https://images.unsplash.com/photo-1501004318641-b39e6451bec6?auto=format&fit=crop&w=400&q=80);background-repeat:no-repeat;background-position:5% 8%,93% 20%,10% 92%,80% 85%;background-size:130px,120px,130px,150px;opacity:.1}header{height:75px;background:#fffffff2;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #eaeaea;display:flex;justify-content:center;align-items:center;gap:12px}header img{width:48px;border-radius:12px}header h1{margin:0;font-weight:500;color:#1b2a26;font-size:1.4rem}.add-ingredient-form{max-width:640px;margin:1.5rem auto;display:flex;align-items:center;gap:.75rem;background:#fff;padding:1rem 1.2rem;border-radius:16px;border:1px solid #ececec;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000d}.add-ingredient-form input[type=text]{flex:1;padding:.75rem 1rem;border:1px solid #dadeda;border-radius:12px;background:#fafafa;font-size:1rem;font-family:inherit;color:#2b3b36;transition:all .2s ease}.add-ingredient-form input[type=text]:focus{outline:none;background:#fff;border-color:#7ac9a3;box-shadow:0 0 0 3px #7ac9a340}.add-ingredient-form button{padding:.75rem 1.2rem;background:#7ac9a3;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease,box-shadow .15s ease}.add-ingredient-form button:hover{background:#67b890;transform:translateY(-2px);box-shadow:0 4px 12px #67b89040}@media (max-width: 660px){.add-ingredient-form{flex-direction:column}.add-ingredient-form button{width:100%}}.ingredients-section{max-width:640px;margin:1.3rem auto;padding:1.5rem 1.7rem;background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000d;transition:transform .15s ease,box-shadow .2s ease}.ingredients-section h2,.ingredients-section h3{margin:0 0 .7rem;font-weight:600;color:#1d2824}.ingredients-section h2{font-size:1.35rem}.ingredients-section h3{font-size:1.25rem}.ingredients-section li{padding:.33rem 0;font-size:1.05rem;color:#364440}.recipe-section{max-width:640px;margin:1.5rem auto;padding:1.6rem 1.8rem;background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000d;font-family:Inter,sans-serif;color:#2b3b36;line-height:1.6;overflow-wrap:break-word}.recipe-section h1,.recipe-section h2,.recipe-section h3,.recipe-section h4{margin-top:1.2rem;margin-bottom:.6rem;font-weight:600;color:#1f2824}.recipe-section p{margin:.6rem 0}.recipe-section ul,.recipe-section ol{padding-left:1.4rem;margin:.6rem 0}.recipe-section li{margin:.4rem 0}.recipe-section pre{background:#f5f6f5;padding:1rem;border-radius:10px;overflow-x:auto}.recipe-section code{font-family:Menlo,monospace;background:#f3f3f3;padding:2px 4px;border-radius:4px}.recipe-section img{max-width:100%;border-radius:12px;margin:1rem 0}.recipe-section a{color:#5aa98c;text-decoration:none}.recipe-section a:hover{text-decoration:underline}.notification{max-width:640px;margin:1rem auto;padding:.9rem 1.2rem;background:#fff7f7;color:#b94a48;border:1px solid #f2c2c2;border-radius:12px;font-size:1rem;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.autocomplete-wrapper{position:relative;width:100%;flex:1}.autocomplete-wrapper input[type=text]{width:100%;box-sizing:border-box;min-width:0}.suggestion-box{position:absolute;top:100%;left:0;width:100%;right:auto;margin-top:.4rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;list-style:none;padding:0;overflow:hidden;z-index:30;box-shadow:0 6px 20px #00000012}.suggestion-box li{padding:.75rem 1rem;cursor:pointer}.suggestion-box li:hover{background:#f3faf6}.suggest-loading{position:absolute;top:100%;margin-top:.4rem;background:#fff;padding:.6rem 1rem;border:1px solid #e8e8e8;border-radius:10px;font-size:.9rem;color:#7ac9a3;z-index:25}.ingredients-section{max-width:640px;margin:1.3rem auto;padding:1.5rem 1.6rem;background:#fff;border:1px solid #e8e8e8;border-radius:18px;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000d;transition:transform .15s ease,box-shadow .2s ease}.ingredients-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f,0 2px 3px #0000000a}.ingredients-section h2{margin:0 0 .7rem;font-size:1.35rem;font-weight:600;color:#1d2824}.ingredients-section h3{margin:0;font-size:1.25rem;font-weight:600;color:#1d2824}.ingredients-section p{margin:.4rem 0 1rem;font-size:1.05rem;color:#475752}.ingredients-section ul{margin:.4rem 0 0;padding-left:1.2rem}.ingredients-section li{padding:.35rem 0;font-size:1.05rem;color:#364440}.ingredients-section button{padding:.75rem 1.25rem;background:#7ac9a3;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .15s ease}.ingredients-section button:hover{background:#67b890;transform:translateY(-2px);box-shadow:0 4px 12px #67b89040}@media (max-width: 660px){.ingredients-section{padding:1.3rem 1.2rem;border-radius:16px}.ingredients-section button{width:100%}}
