*{max-width:100%;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:#fafaf8}header{display:flex;justify-content:center;align-items:center;gap:11px;height:80px;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}header>img{width:50px}header>h1{font-weight:400;font-size:3rem;font-weight:bolder}header>h1>span{color:#d17557}main{padding:30px 30px 10px}button{cursor:pointer;border:none}.ux-layout{display:flex}.ux-layout>div,.ux-layout>section{width:50%;padding:1.5rem;background:bisque;border-radius:15px;margin:1rem;box-shadow:0 8px 10px -6px #0000004d}.add-ingredient-form{display:flex;gap:12px;height:38px}.add-ingredient-form>input:focus{outline:none;border-color:#d17557;box-shadow:0 0 0 2px #d17557c7}.add-ingredient-form>input{border-radius:6px;border:1px solid #D1D5DB;padding:9px 13px;box-shadow:0 1px 2px #0000000d;flex-grow:1;min-width:150px}.add-ingredient-form>button{transition:background-color .2s ease,transform .1s ease;font-family:Inter,sans-serif;border-radius:6px;border:none;background-color:#d17557;color:#fafaf8;width:75px;font-size:.875rem;font-weight:500;cursor:pointer}.add-ingredient-form>button:hover:not(:disabled){background-color:#b8644b}.add-ingredient-form>button:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.8}.add-ingredient-form>button:before{content:"+";margin-right:5px}.ingredients-section>div{justify-content:space-between}.ingredients-section>div,.ingredients-section>ul{display:flex;flex-wrap:wrap;height:fit-content;align-items:center;line-height:0;margin:1rem 0}.remove-all-btn{padding:.5rem;border-radius:6px}ul.ingredients-list{margin-bottom:24px;padding-left:unset}ul.ingredients-list>li{color:#475467;line-height:28px;list-style:none;margin-right:.3rem;margin-bottom:.3rem;background-color:buttonface;padding-left:.3rem;border-radius:6px}.get-recipe-container{display:flex;justify-content:space-between;align-items:start;border-radius:8px;background:#f0efeb;padding:20px}.get-recipe-container>div{line-height:normal}.get-recipe-container h3{font-size:1.125rem;font-weight:500;margin-top:0;margin-bottom:1.5rem}.get-recipe-container p{color:#6b7280;font-size:.875rem}.get-recipe-container button{transition:background-color .2s ease,opacity .2s ease;border:none;border-radius:6px;background:#d17557;box-shadow:0 1px 2px #0000000d;color:#fafaf8;padding:9px 17px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer}.get-recipe-container button:hover:not(:disabled){background-color:#b8644b}.get-recipe-container button:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.8}.suggested-recipe-container{color:#475467;line-height:28px;font-size:1.125rem;font-weight:400}.suggested-recipe-container ul li,.suggested-recipe-container ol li{margin-bottom:8px}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adviceCard{box-shadow:0 8px 10px -6px #0000004d}.adviceCard>div{text-align:center}.progress-root{position:relative;width:100%;height:14px;overflow:hidden;border-radius:9999px;background-color:#e5e7eb;z-index:10}.progress-indicator{height:100%;background-color:#d17557;transition:width .3s ease;z-index:20}@media screen and (max-width:768px){body{font-size:14px}header>h1{font-size:2.2rem}.get-recipe-container h3{font-size:1rem}.suggested-recipe-container{font-size:1rem;line-height:24px}.add-ingredient-form>button,.get-recipe-container button{font-size:.8rem}.ux-layout{display:flex;flex-direction:column;align-items:center;width:auto}.ux-layout>div,.ux-layout>section{width:100%}}@media screen and (max-width:480px){body{font-size:13px}body h2{font-size:1.2rem}header{height:65px}header>img{width:40px}header>h1{font-size:1.8rem}main{padding:20px 15px 10px}.get-recipe-container h3{font-size:.95rem}.get-recipe-container p{font-size:.8rem}.suggested-recipe-container{font-size:.95rem;line-height:22px}ul.ingredients-list>li{font-size:.85rem}.add-ingredient-form>input{font-size:.85rem}.add-ingredient-form>button,.get-recipe-container button{font-size:.75rem;padding:8px 14px}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 16px}.error-title{font-size:2rem;font-weight:700;letter-spacing:-.05em;transition:transform .2s ease-in-out;cursor:pointer}.error-title:hover{transform:scale(1.1)}@media(min-width:640px){.error-title{font-size:2.5rem}}.error-message{color:#6b7280;text-align:center}.error-link{display:inline-flex;height:2.5rem;align-items:center;border-radius:.375rem;background-color:#1f2937;padding:0 2rem;font-size:.875rem;font-weight:500;background-color:#d17557;color:#fafaf8;box-shadow:0 1px 2px #0000001a;transition:background-color .3s,box-shadow .3s;outline:none}.error-link:hover{background-color:#b8644b}.error-link:focus-visible{outline:1px solid #1f2937;outline-offset:2px;box-shadow:0 0 0 1px #1f2937}.not-found-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 16px}.not-found-title{font-size:3rem;font-weight:700;letter-spacing:-.05em;transition:transform .3s ease-in-out;cursor:pointer}.not-found-title:hover{transform:scale(1.1)}.not-found-message{color:#6b7280;text-align:center}.return-link{display:inline-flex;align-items:center;height:40px;padding:0 32px;font-size:.875rem;font-weight:500;text-align:center;border-radius:8px;background-color:#d17557;color:#fafaf8;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}.return-link:hover{background-color:#b8644b}.return-link:focus-visible{outline:2px solid #f3f4f6;outline-offset:2px}.return-link:disabled{pointer-events:none;opacity:.5}