@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#c9d8e2;--surface:#dbe6ee;--surface-high:#eef4f8;--ink:#14304a;--ink-soft:#35536d;--outline:#6d8599;--line:color-mix(in srgb, var(--ink) 14%, transparent);--yolk:#f5b700;--on-yolk:#14304a;--yolk-soft:#fbe6a6;--tomato:#a32417;--tomato-soft:#f6d5cf;--shelf:#14304a;--on-shelf:#c9d8e2;--on-shelf-strong:#fff;--chart-trend:#1f5f93;--chart-dot:#a35f00;--shadow:0 1px 2px #14304a2e, 0 3px 8px #14304a1f;--gutter:1rem;--font:"Bricolage Grotesque Variable", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#12283b;--surface:#1b354a;--surface-high:#25445c;--ink:#dce7ee;--ink-soft:#a9bdcb;--outline:#7f97a9;--yolk-soft:#4d3f12;--on-yolk:#14304a;--tomato:#ff9c8c;--tomato-soft:#5a2620;--shelf:#0b1b29;--on-shelf:#a9bdcb;--chart-trend:#3f8ccb;--chart-dot:#b98700;--shadow:0 1px 3px #0006, 0 4px 10px #0000004d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;background:var(--paper)}html.no-scroll,html.no-scroll body{overflow:hidden}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font);margin:0;font-size:1rem;line-height:1.45}:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}h1,h2,h3,p{margin:0}h2{font-size:1.25rem;line-height:1.25}h3{font-size:1rem;line-height:1.3}a{color:inherit}img{display:block}.icon{flex:none;width:1.5rem;height:1.5rem;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.shell{flex-direction:column;min-height:100dvh;display:flex}.content{width:100%;max-width:40rem;padding:calc(env(safe-area-inset-top) + 1.25rem) var(--gutter) 6.5rem;flex:1;margin:0 auto}.content:has(>.top-bar){padding-top:0}.display{letter-spacing:-.02em;overflow-wrap:break-word;font-size:clamp(2.75rem,13vw,4rem);font-weight:800;font-stretch:75%;line-height:1}.display-date:first-letter{text-transform:uppercase}.subtitle{color:var(--ink-soft);margin-top:.25rem}.section{margin-top:1.5rem}.section>h2{margin:0 0 .5rem .25rem}.stack{flex-direction:column;gap:.875rem;display:flex}.mt{margin-top:1rem}.top-bar{z-index:5;min-height:4rem;margin:0 calc(var(--gutter) * -1);padding:env(safe-area-inset-top) .5rem 0;background:var(--paper);align-items:center;gap:.25rem;display:flex;position:sticky;top:0}.top-bar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.375rem;font-weight:700;overflow:hidden}.nav{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--shelf);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-link{min-height:4.75rem;color:var(--on-shelf);flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .125rem .5rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.nav-pill{border-radius:1rem;justify-content:center;width:3.5rem;height:2rem;padding:.25rem 0;transition:background .2s;display:flex}.nav-link.active{color:var(--on-shelf-strong)}.nav-link.active .nav-pill{background:var(--yolk);color:var(--on-yolk)}.offline-bar{padding:calc(env(safe-area-inset-top) + .5rem) 1rem .5rem;background:var(--yolk);color:var(--on-yolk);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.button{background:var(--yolk);min-height:3rem;color:var(--on-yolk);font:inherit;cursor:pointer;border:0;border-radius:1.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-tonal{background:var(--surface-high);color:var(--ink)}.button-outlined{color:var(--ink);box-shadow:inset 0 0 0 1px var(--outline);background:0 0}.button-text{color:var(--ink);background:0 0;padding-inline:.75rem}.button-danger{background:var(--tomato);color:var(--paper)}.icon-button{width:3rem;height:3rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:active{background:var(--line)}.fab{right:max(var(--gutter), calc((100vw - 40rem) / 2 + var(--gutter)));bottom:calc(env(safe-area-inset-bottom) + 5.75rem);z-index:6;background:var(--yolk);min-height:3.5rem;box-shadow:var(--shadow);color:var(--on-yolk);border-radius:1rem;align-items:center;gap:.5rem;padding:0 1.25rem 0 1rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed}.card{background:var(--surface);border-radius:1.25rem;padding:1rem}.card-hero{background:var(--shelf);color:var(--on-shelf-strong)}.card-notice{background:var(--yolk-soft);color:var(--ink);align-items:center;gap:.75rem;font-weight:600;display:flex}.list{background:var(--surface);border-radius:1.25rem;margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.item{width:100%;min-height:4rem;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.625rem .875rem;text-decoration:none;display:flex}button.item,a.item{cursor:pointer}button.item:active,a.item:active{background:var(--line)}.item-main{flex-direction:column;flex:1;min-width:0;display:flex}.item-title{overflow-wrap:anywhere;font-weight:700}.item-meta{color:var(--ink-soft);font-size:.875rem}.item-side{text-align:right;flex:none;max-width:42%;font-weight:700}.item-done .item-title{color:var(--ink-soft);font-weight:400;text-decoration:line-through}.avatar{background:var(--surface-high);border-radius:.875rem;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.625rem;line-height:1;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:contain;opacity:0;background:#fff;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.avatar img.ready{opacity:1}.avatar-large{border-radius:1.5rem;width:9rem;height:9rem;font-size:4.5rem}.chip{border-radius:.5rem;width:fit-content;padding:0 .5rem;font-size:.8125rem;font-weight:700;line-height:1.5rem;display:inline-block}.chip-past,.chip-out{background:var(--tomato-soft);color:var(--tomato)}.chip-soon,.chip-low{background:var(--yolk-soft);color:var(--ink)}.chip-later{color:var(--ink-soft);background:0 0;padding:0;font-weight:400}.chip-ready{background:var(--ink);color:var(--paper)}.chip-ok{background:var(--surface-high);color:var(--ink-soft)}.field{flex-direction:column;flex:1;gap:.25rem;min-width:0;font-size:.875rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--outline);background:var(--surface-high);width:100%;min-height:3.25rem;color:var(--ink);font:inherit;border-radius:.75rem;padding:.5rem .875rem;font-size:1rem;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:none}.field-row,.inline-form{align-items:flex-end;gap:.75rem;display:flex}.search{align-items:center;margin-top:1rem;display:flex;position:relative}.search .icon{color:var(--ink-soft);pointer-events:none;position:absolute;left:1rem}.search input{background:var(--surface);width:100%;min-height:3.25rem;color:var(--ink);font:inherit;border:0;border-radius:1.625rem;padding:.5rem 1rem .5rem 3rem}.search input:focus{outline:2px solid var(--ink);outline-offset:-2px}.search input::placeholder{color:var(--ink-soft);opacity:1}.check{flex:1;align-items:center;gap:.75rem;min-width:0;min-height:3rem;display:flex}.check input{width:1.375rem;height:1.375rem;accent-color:var(--ink);flex:none;margin:0}.details{background:var(--surface);border-radius:1rem}.details summary{cursor:pointer;padding:.875rem 1rem;font-weight:700}.details-body{flex-direction:column;gap:.875rem;padding:0 1rem 1rem;display:flex}.nutrition-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.error{color:var(--tomato);font-weight:600}.tabs{margin:.875rem calc(var(--gutter) * -1) 0;padding:.125rem var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--outline);min-height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:.75rem;flex:none;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.tab[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tab-count{opacity:.75}.segmented{border:1px solid var(--outline);border-radius:1.5rem;display:flex;overflow:hidden}.segmented button{min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;display:inline-flex}.segmented button+button{border-left:1px solid var(--outline)}.segmented button[aria-pressed=true]{background:var(--yolk-soft)}.segmented .icon{width:1.125rem;height:1.125rem}.sheet{overscroll-behavior:contain;background:var(--paper);width:100%;max-width:40rem;max-height:88dvh;color:var(--ink);border:0;border-radius:1.75rem 1.75rem 0 0;margin:auto auto 0;padding:0;overflow-y:auto}.sheet[open]{animation:.22s cubic-bezier(.2,0,0,1) sheet-in}.sheet::backdrop,.confirm::backdrop{background:#050f198c}.sheet-body{padding:.75rem 1rem calc(env(safe-area-inset-bottom) + 1.25rem);flex-direction:column;gap:.875rem;display:flex}.sheet-head{align-items:center;gap:.75rem;display:flex}.sheet-head h2{overflow-wrap:anywhere;flex:1;min-width:0}.sheet-links{flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;display:flex}.confirm{background:var(--surface-high);width:min(100% - 3rem,22rem);color:var(--ink);border:0;border-radius:1.75rem;padding:1.5rem}.confirm p{color:var(--ink-soft);margin-top:.75rem}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.snackbar-area{right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 5.75rem);left:var(--gutter);z-index:20;pointer-events:none;justify-content:center;display:flex;position:fixed}.snackbar{background:var(--ink);max-width:38rem;box-shadow:var(--shadow);color:var(--paper);border-radius:.75rem;padding:.75rem 1rem;font-weight:600;animation:.16s ease-out fade-in}.empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.empty p{max-width:30ch;color:var(--ink-soft)}.empty-icon{background:var(--surface);width:4.5rem;height:4.5rem;color:var(--ink-soft);border-radius:1.5rem;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.loading{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.loading span{background:var(--surface);border-radius:1.25rem;height:4rem;animation:1.2s ease-in-out infinite pulse}.hero{align-items:center;gap:1rem;margin-top:1rem;display:flex}.ring{flex:none;width:8.5rem;height:8.5rem;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10px}.ring-track{stroke:#ffffff29}.ring-value{stroke:var(--yolk);stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.2,0,0,1)}.ring-over{stroke:#ff9c8c}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.budget-number{font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800;font-stretch:75%;line-height:1}.budget-label{color:var(--on-shelf);font-size:.75rem;font-weight:600}.macros{flex-direction:column;flex:1;gap:.625rem;min-width:0;font-size:.875rem;display:flex}.macro-label{color:var(--on-shelf);justify-content:space-between;gap:.5rem;display:flex}.macro-label strong{color:var(--on-shelf-strong);font-weight:600}.meter{background:#ffffff29;border-radius:.1875rem;height:.375rem;margin-top:.1875rem;overflow:hidden}.meter span{background:var(--yolk);border-radius:.1875rem;height:100%;display:block}.hero-details{color:var(--on-shelf);background:0 0;margin-top:.75rem;font-size:.875rem}.hero-details summary{padding:.25rem 0;font-weight:600}.hero-details ul{margin:.25rem 0 0;padding-left:1.25rem}.slot-icon{background:var(--surface-high);border-radius:50%;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.375rem;display:flex}.slot-row{align-items:center;display:flex}.slot-row .item{flex:1;min-width:0}.day-nav{justify-content:space-between;margin-top:.75rem;display:flex}.product-photo{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.photo-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.file-input{opacity:0;width:1px;height:1px;position:absolute}.draft{flex-direction:column;gap:.5rem;padding:.75rem .875rem;display:flex}.draft-head{align-items:center;gap:.75rem;display:flex}.draft .button-outlined{flex:none;padding-inline:1rem}.choice-list{max-height:20rem;overflow-y:auto}.save-bar{bottom:calc(env(safe-area-inset-bottom) + 5.5rem);z-index:4;position:sticky}.save-bar .button{width:100%;box-shadow:var(--shadow)}.total{font-size:1.25rem;font-weight:700}.scanner{background:#000;border-radius:1.25rem;position:relative;overflow:hidden}.scanner-video{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.scanner-frame{border:3px solid var(--yolk);pointer-events:none;border-radius:1rem;position:absolute;inset:22% 8%;box-shadow:0 0 0 100vmax #0006}.scanner-tools{color:#fff;gap:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.scanner-tools .icon-button,.scanner-zoom{color:#fff;width:3rem;height:3rem;font:inherit;cursor:pointer;background:#0000008c;border:0;border-radius:50%;font-weight:700}.recipe-image{background:var(--surface);object-fit:cover;border-radius:1.25rem;width:100%;max-height:14rem;margin-bottom:1rem}.tiles{color:var(--on-shelf);text-align:center;grid-template-columns:repeat(4,1fr);gap:.25rem;font-size:.75rem;display:grid}.tiles strong{color:var(--on-shelf-strong);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;font-stretch:75%;line-height:1.1;display:block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;margin-bottom:.5rem;display:flex}.section-head h2{margin-left:.25rem}.stepper{background:var(--surface);border-radius:1.5rem;align-items:center;font-size:.875rem;font-weight:700;display:inline-flex}.stepper .icon-button{width:2.75rem;height:2.75rem}.stepper .icon-button:disabled{opacity:.35;cursor:not-allowed}.stepper span:not(.icon){text-align:center;min-width:5.25rem}.steps{background:var(--surface);border-radius:1.25rem;margin:0;padding:.75rem 1rem .75rem 2.25rem}.steps li+li{margin-top:.75rem}.steps li::marker{font-weight:800}.notes{white-space:pre-wrap}.stars{color:var(--chart-dot);display:flex}.draft-actions{justify-content:space-between;align-items:center;display:flex}.draft-actions .button{flex:none;padding-inline:.5rem}.login{flex-direction:column;justify-content:space-between;gap:2rem;min-height:100dvh;display:flex}.login-title{padding:calc(env(safe-area-inset-top) + 3rem) 1.25rem 0;letter-spacing:-.03em;font-size:clamp(4.5rem,25vw,9rem);font-weight:800;font-stretch:75%;line-height:.92}.login-card{padding:1.5rem 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);background:var(--surface);border-radius:1.75rem 1.75rem 0 0}.message-screen{max-width:40rem;padding:calc(env(safe-area-inset-top) + 2.5rem) 1.25rem 2rem;flex-direction:column;align-items:flex-start;gap:1rem;margin:0 auto;display:flex}.weight-value{font-size:clamp(3rem,15vw,4.5rem)}.chart{margin:0}.chart-legend{color:var(--ink-soft);gap:1.25rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.legend-item{align-items:center;gap:.375rem;display:inline-flex}.legend-dot{background:var(--chart-dot);border-radius:50%;width:.5rem;height:.5rem}.legend-line{background:var(--chart-trend);width:1.25rem;height:2px}.chart-plot{touch-action:pan-y;position:relative}.chart-plot svg{display:block}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-axis{fill:var(--ink-soft);font-size:.75rem}.chart-cursor{stroke:var(--ink-soft);stroke-width:1px}.chart-dot{fill:var(--chart-dot);stroke:var(--surface);stroke-width:2px}.chart-line{fill:none;stroke:var(--chart-trend);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-tooltip{background:var(--ink);width:7.5rem;color:var(--paper);text-align:center;pointer-events:none;border-radius:.375rem;padding:.125rem .375rem;font-size:.875rem;font-weight:600;position:absolute;top:0}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,::backdrop{transition:none!important;animation:none!important}}