*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Google Sans,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem;color:#2d3436;background-color:#cdeeea;line-height:1.6}.login-body{min-height:100vh}a{color:#086d60;text-decoration:none;transition:all .3s ease}a:hover{color:#115e59;text-decoration:underline}.container{display:flex;flex-direction:column;min-height:100vh;max-width:960px;margin:0 auto;padding:1rem}@media (max-width: 480px){.container{padding:.5rem}}.header{position:relative;padding:2rem 0;text-align:center;margin-bottom:2rem}@media (max-width: 480px){.header{padding:0 .5rem;margin-bottom:2rem}}.top-nav{position:absolute;top:0;right:0}@media (max-width: 480px){.top-nav{position:static;display:flex;justify-content:flex-end;margin-bottom:1rem}}.top-nav__account{display:inline-flex;align-items:center;gap:1.5rem;padding:1.35rem 2rem}@media (max-width: 480px){.top-nav__account{padding:1rem 0}}.top-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:2rem;color:#1a6396;font-size:1.125rem;font-weight:600;line-height:1;text-decoration:none}.top-nav__link:hover{border-color:#086d60;color:#086d60;text-decoration:none}.top-nav__link:focus{outline:none;box-shadow:0 0 0 3px #086d6029}.top-nav__meal-plan{color:#1a6396;font-size:1.1rem;font-weight:600;line-height:1;text-decoration:none}.top-nav__meal-plan:hover{color:#086d60;text-decoration:none}.top-nav__meal-plan:focus{outline:none;box-shadow:0 0 0 3px #086d6029}.top-nav__profile-link{display:inline-flex;border-radius:50%}.top-nav__profile-link:focus{outline:none;box-shadow:0 0 0 3px #086d6029}.top-nav__avatar{display:block;width:2.25rem;height:2.25rem;border:2px solid rgba(8,109,96,.18);border-radius:50%;object-fit:cover;background-color:#fff}.header__title{margin-bottom:.5rem}.header__logo{display:block;width:min(100%,42rem);height:auto;margin:0 auto;padding:1rem 0}@media (max-width: 480px){.header__logo{padding:0}}.header__subtitle{font-size:1.1rem;color:#108e7d;width:fit-content;justify-self:center;font-weight:600;letter-spacing:.675rem;text-transform:uppercase;border-width:1px 0;border-style:solid;border-color:#dfe6e9;padding:.6rem 0}@media (max-width: 480px){.header__subtitle{font-size:.875rem;letter-spacing:.15rem;padding:0}}.header__subtitle-emphasis{color:#ec7a00}.header__subtitle-separator{color:#cdcdcd}.home-nav{display:flex;justify-content:center;margin:-1rem 0 1.5rem}.home-nav__meal-plan{display:block;width:100%;border-radius:8px;text-decoration:none}.home-nav__meal-plan:hover{transform:translateY(-1px);text-decoration:none}.home-nav__meal-plan:focus{outline:none;box-shadow:0 0 0 3px #086d6029}.home-nav__meal-plan-image{display:block;width:100%;height:auto}.main{flex:1;padding:0}.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:2rem 1rem 1rem;border-top:1px solid #dfe6e9;color:#636e72;font-size:.875rem;margin-top:3rem}.footer a{color:inherit;font-weight:600;text-decoration:none}.footer a:hover{color:#086d60;text-decoration:underline}@media (max-width: 480px){.footer{grid-template-columns:1fr;align-items:flex-start}}.footer__links,.footer__source,.footer__copyright{display:flex;align-items:center;gap:1rem;margin:0}.footer__source{justify-content:center;text-align:center}.footer__copyright{justify-content:flex-end;text-align:right}@media (max-width: 480px){.footer__copyright{justify-content:flex-start;text-align:left}}.tool-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;padding:.25rem;border-radius:8px;background-color:#fff;--tab-indicator-x: 0px;--tab-indicator-y: 0px;--tab-indicator-width: 0px;--tab-indicator-height: 0px}.tool-tabs:before{content:"";position:absolute;top:0;left:0;width:var(--tab-indicator-width);height:var(--tab-indicator-height);border-radius:6px;background-color:#086d60;transform:translate(var(--tab-indicator-x),var(--tab-indicator-y));transition:transform .28s ease,width .28s ease,height .28s ease;z-index:0}@media (max-width: 480px){.tool-tabs{grid-template-columns:1fr 1fr}}.tool-tab{min-height:2.75rem;border:0;border-radius:6px;background-color:transparent;color:#636e72;font-family:Google Sans,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;position:relative;z-index:1;transition:all .3s ease}.tool-tab:hover{background-color:#086d6014;color:#2d3436}.tool-tab:focus{outline:none;box-shadow:0 0 0 3px #086d6029}.tool-tab--active{color:#fff}.tool-tab--active:hover{background-color:transparent;color:#fff}.tool-panel{margin-bottom:2rem;padding:2rem;border-radius:8px;background-color:#fff}@media (max-width: 480px){.tool-panel{padding:1rem}}.tool-panel__header{margin-bottom:.5rem}.tool-panel__header h2{margin-bottom:.25rem;font-size:1.1rem;line-height:1.25}.tool-panel__header p{color:#636e72;font-size:.875rem}.search-section{margin-bottom:0}.search-section__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:#2d3436}.search-section__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.search-section__label-row .search-section__label{margin-bottom:0}.search-section__wrapper{position:relative;width:100%}.search-section__input{width:100%;padding:.5rem;font-size:1.1rem;border:2px solid #dfe6e9;border-radius:8px;transition:all .3s ease;font-family:Google Sans,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.search-section__input:focus{outline:none;border-color:#086d60;box-shadow:0 0 0 3px #086d601a}.search-section__input::placeholder{color:#b2bec3}@media (max-width: 480px){.search-section__input{padding:1rem .5rem;font-size:16px}}.food-section__grid{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:1rem;align-items:end}@media (max-width: 480px){.food-section__grid{grid-template-columns:1fr}}.manual-section{margin-bottom:0;padding-top:0;border-top:0}.manual-section__controls{display:grid;grid-template-columns:minmax(0,1fr) 12rem auto;gap:1rem;align-items:flex-end}@media (min-width: 480px) and (max-width: 768px){.manual-section__controls{grid-template-columns:1fr 12rem}.manual-section__controls .manual-section__button{grid-column:1/-1;min-height:3.25rem}}@media (max-width: 480px){.manual-section__controls{grid-template-columns:1fr}}.manual-section__field,.manual-section__input-wrap{position:relative}.target-mode-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.25rem;border:2px solid #086d60;border-radius:.5rem}.manual-section__field .search-section__input{min-height:2.75rem;padding-right:6.75rem}@media (max-width: 480px){.manual-section__field .search-section__input{padding-right:7.75rem}}.manual-section__field .target-mode-field .search-section__input{padding-right:3.2rem}.target-mode-field__input .search-section__input{border-color:transparent;box-shadow:none}.target-mode-field__input--active .search-section__input{border-color:#086d60;border-width:.2rem .1rem .2rem .2rem;border-radius:.3rem 0 0 .3rem;border-style:solid}.target-mode-field__input[data-target-mode-input=grams].target-mode-field__input--active .search-section__input{border-width:.2rem .2rem .2rem .1rem;border-radius:0 .3rem .3rem 0}.manual-section__suffix{position:absolute;top:50%;right:1rem;bottom:auto;transform:translateY(-50%);color:#636e72;font-size:.875rem;font-weight:600;line-height:1;pointer-events:none}.manual-section__button{border:0;border-radius:8px;padding:.9rem 1.2rem;background-color:#086d60;color:#fff;font-family:Google Sans,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}.manual-section__button:hover{background-color:#115e59}.manual-section__button:focus{outline:none;box-shadow:0 0 0 3px #086d6033}@media (max-width: 480px){.manual-section__button{min-height:3.25rem}}.recipe-section{margin-bottom:0;padding-top:0;border-top:0}.recipe-section__grid{display:grid;grid-template-columns:minmax(0,1fr) 12rem auto;gap:1rem;align-items:stretch}@media (min-width: 480px) and (max-width: 768px){.recipe-section__grid{grid-template-columns:1fr 12rem}.recipe-section__grid .manual-section__button{grid-column:1/-1;min-height:3.25rem}}@media (max-width: 480px){.recipe-section__grid{grid-template-columns:1fr}}.recipe-portion-section__grid{display:grid;grid-template-columns:12rem 12rem 12rem auto;gap:1rem;align-items:stretch}.recipe-portion-section__grid>.search-section__input{grid-column:1/-1}@media (min-width: 480px) and (max-width: 768px){.recipe-portion-section__grid{grid-template-columns:1fr 12rem}.recipe-portion-section__grid .manual-section__button{grid-column:1/-1;min-height:3.25rem}}@media (max-width: 480px){.recipe-portion-section__grid{grid-template-columns:1fr}}.recipe-result__section{padding-top:1.5rem;border-top:1px solid #dfe6e9}.recipe-result__summary{margin-bottom:1.5rem}.recipe-result__heading{margin-bottom:1rem;font-size:1.125rem;font-weight:700}.recipe-result__ingredients{display:grid;gap:.5rem;list-style-position:inside}.recipe-result__ingredients li{padding:.5rem 0;border-bottom:1px solid rgba(223,230,233,.8)}.recipe-result__ingredients .recipe-result__ingredient-heading{list-style:none;padding-top:1rem;color:#2d3436;font-weight:800}.recipe-result__ingredients small{display:inline-block;margin-left:.5rem;color:#636e72;font-size:.875rem;font-weight:600}.ingredient-unit-switch{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem}.ingredient-unit-switch__buttons{vertical-align:middle}.ingredient-unit-switch__buttons .unit-switch__button{min-width:2.5rem;min-height:1.75rem;font-size:.75rem}.suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #dfe6e9;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.suggestions.hidden{display:none}@media (max-width: 480px){.suggestions{max-height:200px}}.suggestion-item{padding:1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #dfe6e9}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f5f6f7;padding-left:1.5rem}.suggestion-item .suggestion-name{font-weight:600;color:#2d3436}.suggestion-item .suggestion-detail{font-size:.875rem;color:#636e72;margin-top:.25rem}.results-container{display:grid;gap:1.5rem}.results-container.hidden{display:none}.result-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid #086d60}.result-card:hover{box-shadow:0 4px 16px #0000001f}@media (max-width: 480px){.result-card{padding:1rem}}.result-card__header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.result-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}@media (max-width: 480px){.result-card__title-row{flex-direction:column;align-items:stretch}}.result-card__title{font-size:1.5rem;font-weight:700;color:#2d3436;min-width:0}@media (max-width: 480px){.result-card__title{font-size:1.125rem}}.result-card__brand{font-size:.875rem;color:#636e72}.unit-switch{display:inline-grid;grid-template-columns:1fr 1fr;flex:0 0 auto;overflow:hidden;border:1px solid #dfe6e9;border-radius:8px}.unit-switch__button{min-width:4.25rem;min-height:2.25rem;border:0;border-radius:0;background-color:transparent;color:#636e72;font-family:Google Sans,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}.unit-switch__button:hover{color:#2d3436;background-color:#086d6014}.unit-switch__button:focus{outline:none;box-shadow:inset 0 0 0 2px #086d6059}.unit-switch__button--active{background-color:#086d60;color:#fff}.unit-switch__button--active:hover{background-color:#115e59;color:#fff}.result-card__amount{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,#086d600d,#5eead40d);border-radius:8px;border:2px solid rgba(8,109,96,.2);margin-bottom:1.5rem}.result-card__meal-plan-promo{margin:-.5rem 0 .8rem;color:#636e72;font-size:1.125rem;font-weight:500;line-height:1.35}.result-card__meal-plan-promo a{color:#086d60;font-weight:700;text-decoration:none}.result-card__meal-plan-promo a:hover{text-decoration:underline}.result-card__label{font-size:.875rem;font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px}.result-card__value{font-size:3rem;font-weight:700;color:#086d60;line-height:1.2}@media (max-width: 480px){.result-card__value{font-size:1.5rem}}.result-card__unit{font-size:1.125rem;color:#636e72}.result-card__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding-top:1.5rem;border-top:1px solid #dfe6e9}@media (max-width: 480px){.result-card__info{grid-template-columns:1fr 1fr}}.info-box{display:flex;flex-direction:column;gap:.25rem}.info-box__label{font-size:.875rem;color:#636e72;font-weight:600}.info-box__value{font-size:1.125rem;font-weight:700;color:#2d3436}.loading{justify-content:center;align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:3rem}.loading.hidden{display:none}.spinner{width:40px;height:40px;border:3px solid #dfe6e9;border-top-color:#086d60;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:1.5rem;border-radius:8px;font-weight:500}.error-message.hidden{display:none}.hidden{display:none!important}