:root{--font-base: "Inter var", "Inter", "Sohne", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: var(--font-base);font-family:var(--font-base);color:#342515;background-color:#fdf6ec;line-height:1.5;font-weight:400;--color-text: #342515;--color-bg: #fdf6ec;--color-muted: #6f5d3c;--color-accent: #b38644;--color-card-bg: #fff;--color-card-border: rgba(191, 167, 132, .5);--color-card-divider: rgba(191, 167, 132, .3);--color-card-shadow: 0 18px 36px rgba(113, 81, 33, .12);--color-action-border: var(--color-card-divider);--radius-card: 1rem;--space-100: .5rem;--space-150: .75rem;--space-200: 1rem;--space-250: 1.25rem;--space-300: 1.5rem;--space-400: 2rem}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{cursor:default;color:inherit;font-size:inherit;touch-action:manipulation}strong{font-weight:500}.main-nav{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(300px,calc(100% - 2rem));margin:0;padding:.35rem;border-radius:999px;border:1px solid rgba(191,167,132,.6);background:#fdf6ecf2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 36px #7151212e;display:flex;gap:.5rem;justify-content:center;z-index:80}.main-nav button{border:1px solid rgba(191,167,132,.6);background:#fff;border-radius:999px;flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .9rem}.main-nav button svg{width:24px;height:24px}.nav-icon,.nav-badge{height:24px;min-width:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.nav-badge{width:auto;min-width:16px;font-weight:500}.main-nav button.selected{background:#0f172a;color:#fff;border-color:#0f172a}.plan-layout,.cart-layout,.add-layout{max-width:960px;margin:0 auto;padding:2.5rem 1rem 8rem;display:flex;flex-direction:column;gap:2rem}h1,h2,h3,h4{line-height:1.2;margin:0;font-family:var(--font-heading)}h1,.h1{font-size:2.25rem;font-weight:500}h2,.h2{font-size:1.35rem;font-weight:600}h3,.h3{font-size:1rem;font-weight:550}p{margin:0}p,.subtext{color:#9c958c}a{color:inherit}header.hero{display:flex;flex-direction:column;gap:.75rem}.hero-text{display:flex;flex-direction:column;padding-inline:1rem;gap:.5rem}.overtext{text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#a38444}.macro-grid{display:grid;gap:1rem;grid-template-columns:1fr}.menu-card .macro-grid{gap:.5rem;grid-template-columns:1fr 1fr}.cart-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:960px){.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.macro-grid .card{width:100%}.card{border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card-bg);padding:var(--space-200);display:flex;flex-direction:column;gap:var(--space-200);box-shadow:var(--color-card-shadow);text-align:left;margin:0}.card-header{display:flex;flex-direction:column;padding-bottom:var(--space-200);border-bottom:1px solid var(--color-card-divider);width:100%}.card-header h2{margin-block:.25rem}.card-header p{margin:0}.card--interactive{cursor:pointer}.card--interactive:focus-visible{outline:2px solid rgba(140,92,15,.6);outline-offset:4px}.macro-section-body{display:flex;gap:2rem;flex-wrap:wrap;width:100%}.macro-progress{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.75rem}.progress-caption{display:flex;justify-content:space-between;gap:1rem;padding-inline:.2rem;align-items:center}.progress-caption strong{line-height:1;display:inline-flex;align-items:baseline;gap:.15rem}.progress-caption strong span{font-size:1rem;line-height:1;font-weight:400}.progress-track{height:2.5rem;width:100%;border-radius:.45rem;background:#bfa78440;overflow:hidden;position:relative;display:flex;box-sizing:border-box}.progress-fill{height:100%;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;background:#ffba25;transition:width .3s ease}.progress-fill.over-limit{background:#ffba25}.progress-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;padding-left:.75rem;pointer-events:none}@media(max-width:720px){.macro-section-body{flex-direction:column}}.target-label{text-transform:uppercase}.filters-panel{gap:var(--space-150)}.filter-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.filter-grid::-webkit-scrollbar{display:none}.filter-card{display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s;text-align:left;min-width:170px;flex:0 0 170px;scroll-snap-align:start;scroll-margin-inline:0}.filter-card:disabled{opacity:.4}.filter-card.active{border-color:#0f172a;background:#0f172a}.filter-card.active .filter-title{color:#fff}.filter-card.active .filter-count{color:#fff;opacity:.7}.filter-icon{width:60px;height:60px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center}.filter-icon img{max-width:100%;max-height:100%;object-fit:contain;display:block}.filter-card-body{display:flex;flex-direction:column;gap:.2rem}.filter-title{color:inherit}.filter-actions{display:flex;justify-content:flex-end}.clear-button{border:1px solid rgba(213,188,146,.8);background:#fff;display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.45rem}.clear-button,.add-cart,.quick-steps button,.confirm,.ghost,.cart-clear{font-weight:500}.clear-button:disabled{opacity:.45}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.button-surface{width:100%;border:1px solid var(--color-action-border);background:#fff;border-radius:.45rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.portion-button{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0}.portion-base{text-transform:none}.add-cart{align-items:center;border:none;background:#ffb31a}.macro{background:#f7edd9d9;border:1px solid rgba(213,188,146,.8);border-radius:.45rem;padding:.6rem .9rem;display:flex;flex-direction:column;gap:.2rem;text-align:left;transition:border .2s ease,color .2s ease}.macro-value,.portion-value{display:inline-flex;align-items:baseline;gap:.25rem}.macro-number,.portion-number{white-space:nowrap}.macro-unit,.portion-unit{text-transform:lowercase}.tags{display:flex;display:none;list-style:none;padding:0;margin:0;flex-wrap:wrap;gap:.4rem}.tags li{background:#fff;border:1px solid rgba(191,167,132,.4);border-radius:999px;padding:.15rem .7rem}.empty-state{text-align:center;padding:2.5rem;border:1px dashed rgba(191,167,132,.6);border-radius:1.25rem;background:#fff}.empty-state button{margin-top:1rem;border:none;background:#8c5c0f;padding:.65rem 1.5rem;border-radius:999px}@media(max-width:880px){main{padding:2rem 1rem 8rem}.card header{flex-direction:column;align-items:flex-start}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.menu-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#302a1d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-panel{width:min(440px,100%)}.budget-panel{width:min(520px,100%)}.modal-header{padding-bottom:var(--space-150);border-bottom:1px solid var(--color-card-divider)}.modal-overline{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-muted);margin:0}.input-shell{position:relative}.input-shell input{width:100%;border:none;background:transparent;font-family:inherit;font-weight:600;font-size:4rem;line-height:1;text-align:center;outline:none}.input-shell .unit{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.input-shell input::-webkit-inner-spin-button,.input-shell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-shell input[type=number]{-moz-appearance:textfield}.button-grid{display:flex;flex-direction:column;gap:.75rem}.quick-steps{display:flex;align-items:center;gap:.5rem}.quick-steps button{background:#faf1e1e6;flex:1}.portion-counter{flex:0 0 50%;text-align:center}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.action-row .confirm{border:none;background:#ffb31a}.cart-panel{gap:var(--space-150)}.cart-scroll::-webkit-scrollbar{width:6px}.cart-scroll::-webkit-scrollbar-thumb{background:#bfa78499;border-radius:999px}.cart-list{display:flex;flex-direction:column;gap:.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(191,167,132,.4);background:#fff;border-radius:.45rem;padding:.6rem .75rem}.cart-item button{border:none;background:transparent}.cart-name,.cart-grams{margin:0}.cart-empty{text-align:center}.cart-footer{border-top:1px solid rgba(191,167,132,.4);padding-top:.75rem;display:flex;flex-direction:column;gap:1rem}.cart-metrics{display:flex;flex-direction:column;gap:.6rem}.cart-metrics>div{display:flex;justify-content:space-between}.cart-remove{border:1px solid rgba(185,74,72,.4);background:#b94a481a;padding:.35rem;border-radius:.6rem;display:inline-flex;color:red}.cart-remove svg{width:1.2rem;height:1.2rem}