.dialog[data-v-0fefed6d]{border:var(--rim-width) solid var(--rim);background-color:var(--enamel);max-block-size:calc(100dvh - 24px);inline-size:100%;max-inline-size:100%;color:var(--ink);box-shadow:var(--shadow-sheet);border-block-end:0;border-start-start-radius:var(--radius);border-start-end-radius:var(--radius);margin-block:auto 0;margin-inline:0;padding:0}.dialog[open][data-v-0fefed6d]{animation:rise-0fefed6d .26s var(--ease-out)}.dialog[data-v-0fefed6d]::backdrop{background-color:var(--overlay)}@keyframes rise-0fefed6d{0%{opacity:.6;translate:0 24px}}.dialog-header[data-v-0fefed6d]{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);padding-inline:var(--space-5);border-block-end:1px solid var(--rim-soft);display:flex}.dialog-body[data-v-0fefed6d]{padding-block:var(--space-5) calc(24px + env(safe-area-inset-bottom));padding-inline:var(--space-5)}@media (width>=640px){.dialog[data-v-0fefed6d]{border-block-end:var(--rim-width) solid var(--rim);border-radius:var(--radius);inline-size:min(560px,100% - 48px);margin:auto}.dialog-body[data-v-0fefed6d]{padding-block-end:var(--space-6)}}.product-summary[data-v-69403c26]{align-items:center;gap:var(--space-3);display:flex}.product-summary .dot[data-v-69403c26]{block-size:16px;inline-size:16px}.quantity-field[data-v-69403c26]{position:relative}.quantity-field input[data-v-69403c26]{min-block-size:64px;padding-inline-end:96px;font-size:clamp(1.75rem,1.6rem + .5vw,2.125rem);font-weight:600}.quantity-field>span[data-v-69403c26]{color:var(--muted);font-weight:600;position:absolute;inset-block-start:50%;inset-inline-end:16px;translate:0 -50%}.note-toggle[data-v-69403c26]{padding-inline:var(--space-2);justify-self:start}.quantity-presets[data-v-69403c26]{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.quantity-presets .chip[data-v-69403c26]{min-block-size:var(--tap);font-variant-numeric:tabular-nums;justify-content:center;padding-inline:0}.toast[data-v-87bd5c1f]{z-index:10;align-items:center;gap:var(--space-3);inline-size:fit-content;max-inline-size:calc(100% - 24px);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border-radius:var(--radius-control);background-color:var(--rim);color:var(--on-accent);box-shadow:var(--shadow-sheet);animation:rise-87bd5c1f .22s var(--ease-out);margin-inline:auto;font-weight:600;display:flex;position:fixed;inset-block-end:calc(92px + env(safe-area-inset-bottom));inset-inline:12px}.toast[data-tone=error][data-v-87bd5c1f]{background-color:var(--danger)}.toast>svg[data-v-87bd5c1f]{flex-shrink:0}@keyframes rise-87bd5c1f{0%{opacity:0;translate:0 12px}}.undo[data-v-87bd5c1f],.dismiss[data-v-87bd5c1f]{min-block-size:var(--tap);background-color:var(--clear);color:inherit;border:0}.undo[data-v-87bd5c1f]{padding-inline:var(--space-3);border-radius:var(--radius-control);background-color:var(--on-dark-tint);font-weight:600}.dismiss[data-v-87bd5c1f]{inline-size:var(--tap);place-items:center;display:grid}@media (width>=800px){.toast[data-v-87bd5c1f]{inset-block-end:28px}}.app-layout[data-v-ed02a0e1]{min-block-size:100dvh}.skip-link[data-v-ed02a0e1]{z-index:30;padding:var(--space-3);border-radius:var(--radius-control);background-color:var(--accent);color:var(--on-accent);position:fixed;inset-block-start:-80px;inset-inline-start:16px}.skip-link[data-v-ed02a0e1]:focus{inset-block-start:16px}.topbar[data-v-ed02a0e1]{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-4);display:flex}.sidebar-nav[data-v-ed02a0e1]{display:none}.account[data-v-ed02a0e1]{text-overflow:ellipsis;white-space:nowrap;max-inline-size:45%;overflow:hidden}.main-column[data-v-ed02a0e1]{min-inline-size:0}.connection-banner[data-v-ed02a0e1]{align-items:center;gap:var(--space-3);margin-inline:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-control);background-color:var(--low-soft);color:var(--low);flex-wrap:wrap;font-weight:600;display:flex}.connection-banner svg[data-v-ed02a0e1]{flex-shrink:0}.connection-banner p[data-v-ed02a0e1]{flex:1;min-inline-size:12rem}.main-content[data-v-ed02a0e1]{inline-size:100%;max-inline-size:1200px;padding-block:var(--space-5) calc(110px + env(safe-area-inset-bottom));padding-inline:var(--space-4);gap:var(--space-6);outline:0;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.mobile-nav[data-v-ed02a0e1]{z-index:5;padding-block:var(--space-2) calc(8px + env(safe-area-inset-bottom));padding-inline:var(--space-1);border-block-start:var(--rim-width) solid var(--rim);background-color:var(--enamel);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobile-nav a[data-v-ed02a0e1]{padding-block:var(--space-1);color:var(--muted);text-align:center;justify-items:center;gap:2px;font-size:clamp(.75rem,.72rem + .15vw,.8125rem);font-weight:600;display:grid}.mobile-nav a.active[data-v-ed02a0e1]{color:var(--accent)}.mobile-nav a.active .mobile-nav-icon[data-v-ed02a0e1]{background-color:var(--accent-soft)}.mobile-nav-icon[data-v-ed02a0e1]{padding-block:var(--space-1);padding-inline:var(--space-4);transition:background-color var(--duration);border-radius:999px;place-items:center;display:grid;position:relative}.mobile-nav-icon .count-badge[data-v-ed02a0e1]{position:absolute;inset-block-start:-4px;inset-inline-end:2px}@media (width>=800px){.app-layout[data-v-ed02a0e1]{grid-template-columns:240px minmax(0,1fr);display:grid}.topbar[data-v-ed02a0e1]{justify-content:flex-start;align-items:stretch;gap:var(--space-8);block-size:100dvh;padding-block:var(--space-6);border-inline-end:var(--rim-width) solid var(--rim);background-color:var(--enamel);flex-direction:column;position:sticky;inset-block-start:0}.brand[data-v-ed02a0e1]{padding-inline:var(--space-3)}.sidebar-nav[data-v-ed02a0e1]{gap:var(--space-1);display:grid}.sidebar-nav a[data-v-ed02a0e1]{align-items:center;gap:var(--space-3);min-block-size:var(--tap);padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--ink);transition:background-color var(--duration);font-weight:600;display:flex}.sidebar-nav a[data-v-ed02a0e1]:hover{background-color:var(--enamel-shade)}.sidebar-nav a.active[data-v-ed02a0e1]{background-color:var(--accent-soft);color:var(--accent)}.sidebar-nav a .count-badge[data-v-ed02a0e1]{margin-inline-start:auto}.account[data-v-ed02a0e1]{max-inline-size:none;padding-inline:var(--space-3);margin-block-start:auto}.connection-banner[data-v-ed02a0e1]{margin-block-start:1.5rem;margin-inline:var(--space-8)}.mobile-nav[data-v-ed02a0e1]{display:none}.main-content[data-v-ed02a0e1]{padding-block:var(--space-8);padding-inline:var(--space-8)}}.login-layout[data-v-3354fd7c]{min-block-size:100dvh;padding:var(--space-4);place-items:center;display:grid}.login-panel[data-v-3354fd7c]{gap:var(--space-5);inline-size:min(100%,420px);padding-block:var(--space-6);padding-inline:var(--space-5);display:grid}.loading[data-v-ac35588c]{gap:var(--space-5);min-block-size:100dvh;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;display:flex}@font-face{font-family:Lexend;src:url(/assets/lexend-ci0D1wrL.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wall:oklch(95.4% .007 235);--enamel:oklch(99.5% .003 95);--enamel-shade:oklch(96.8% .006 235);--rim:oklch(31% .045 255);--rim-soft:oklch(88% .012 245);--ink:oklch(23% .03 255);--muted:oklch(46% .025 250);--accent:oklch(42% .12 258);--accent-hover:oklch(36% .11 258);--accent-soft:oklch(93.5% .03 255);--on-accent:oklch(99% .005 255);--low:oklch(46% .1 68);--low-soft:oklch(94% .075 92);--danger:oklch(49% .17 29);--danger-soft:oklch(95% .03 29);--overlay:oklch(22% .04 255/.45);--shadow:0 2px 8px oklch(30% .04 255/.08);--shadow-sheet:0 -8px 32px oklch(30% .04 255/.18);--camera-ground:oklch(24% .035 255);--camera-icon:oklch(78% .03 250);--clear:oklch(0% 0 0/0);--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='oklch(23%25 0.03 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chevron-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='oklch(99%25 0.005 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--on-dark-tint:oklch(100% 0 0/.14);--cat-basket:oklch(55% .03 250);--cat-milk:oklch(62% .12 245);--cat-wheat:oklch(76% .14 85);--cat-apple:oklch(62% .18 30);--cat-leaf:oklch(62% .13 150);--cat-snowflake:oklch(76% .09 215);--cat-jar:oklch(60% .1 55);--cat-package:oklch(55% .03 250);--font:"Lexend", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--rim-width:1.5px;--radius:18px;--radius-control:12px;--tap:48px;--duration:.16s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scrollbar-color:var(--rim-soft) var(--wall)}body{background-color:var(--wall);color:var(--ink);caret-color:var(--accent);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:var(--clear)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input,select,textarea,a{touch-action:manipulation}img,video,svg{max-inline-size:100%;display:block}input,select,textarea{min-inline-size:0}h1,h2,h3,p{margin:0}button{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent-soft);color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font);font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.5}h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:650;line-height:1.15}h2{font-size:clamp(1.15rem,1.1rem + .25vw,1.3rem);font-weight:600;line-height:1.25}h3{font-size:clamp(1.05rem,1rem + .15vw,1.15rem);font-weight:600}small,.small{font-size:clamp(.875rem,.86rem + .1vw,.9375rem)}.muted{color:var(--muted)}.numeric{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--tap);padding-block:var(--space-3);padding-inline:var(--space-5);border:var(--rim-width) solid var(--rim);border-radius:var(--radius-control);background-color:var(--enamel);color:var(--ink);text-align:center;transition:background-color var(--duration), border-color var(--duration), scale var(--duration) var(--ease-out);font-size:clamp(1rem,.98rem + .1vw,1.0625rem);font-weight:600;display:inline-flex}.button:hover{background-color:var(--enamel-shade)}.button:active{scale:.98}.button[data-variant=primary]{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button[data-variant=primary]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.button[data-variant=quiet]{border-color:var(--clear);background-color:var(--clear);color:var(--accent)}.button[data-variant=quiet]:hover{background-color:var(--accent-soft)}.button[data-variant=danger]{border-color:var(--danger);color:var(--danger)}.button[data-variant=danger]:hover{background-color:var(--danger-soft)}.icon-button{inline-size:var(--tap);block-size:var(--tap);border:var(--rim-width) solid var(--rim);border-radius:var(--radius-control);background-color:var(--enamel);color:var(--ink);transition:background-color var(--duration), scale var(--duration) var(--ease-out);flex-shrink:0;place-items:center;display:inline-grid}.icon-button:hover{background-color:var(--accent-soft)}.icon-button:active{scale:.94}.icon-button[data-variant=primary]{border-color:var(--accent);background-color:var(--accent);color:var(--on-accent)}.icon-button[data-variant=primary]:hover{background-color:var(--accent-hover)}.chip{align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-4);border:var(--rim-width) solid var(--rim-soft);background-color:var(--enamel);color:var(--ink);transition:background-color var(--duration), border-color var(--duration);border-radius:999px;font-size:clamp(.9375rem,.92rem + .1vw,1rem);font-weight:600;display:inline-flex}.chip:hover{border-color:var(--rim)}.chip[aria-pressed=true]{border-color:var(--accent);background-color:var(--accent);color:var(--on-accent)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.field{gap:var(--space-2);font-weight:600;display:grid}.field .optional{color:var(--muted);font-weight:400}.input{inline-size:100%;min-block-size:var(--tap);padding-block:var(--space-3);padding-inline:var(--space-4);border:var(--rim-width) solid var(--rim-soft);border-radius:var(--radius-control);background-color:var(--enamel);color:var(--ink);transition:border-color var(--duration);font-size:clamp(1.0625rem,1.05rem + .1vw,1.125rem);font-weight:400}.input:hover{border-color:var(--muted)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.panel{border:var(--rim-width) solid var(--rim);border-radius:var(--radius);background-color:var(--enamel);box-shadow:var(--shadow)}.status{padding-block:2px;padding-inline:var(--space-2);white-space:nowrap;border-radius:6px;align-items:center;font-size:clamp(.8125rem,.8rem + .1vw,.875rem);font-weight:600;display:inline-flex}.status[data-tone=low]{color:var(--low);background-color:var(--low-soft)}.status[data-tone=danger]{color:var(--danger);background-color:var(--danger-soft)}.count-badge{background-color:var(--danger);block-size:22px;min-inline-size:22px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding-inline:6px;font-size:clamp(.75rem,.74rem + .05vw,.8125rem);font-weight:600;display:inline-grid}.dot{background-color:var(--cat-package);border-radius:50%;flex-shrink:0;block-size:12px;inline-size:12px}.dot[data-icon=basket]{background-color:var(--cat-basket)}.dot[data-icon=milk]{background-color:var(--cat-milk)}.dot[data-icon=wheat]{background-color:var(--cat-wheat)}.dot[data-icon=apple]{background-color:var(--cat-apple)}.dot[data-icon=leaf]{background-color:var(--cat-leaf)}.dot[data-icon=snowflake]{background-color:var(--cat-snowflake)}.dot[data-icon=jar]{background-color:var(--cat-jar)}.form-error{padding:var(--space-3);border-radius:var(--radius-control);color:var(--danger);background-color:var(--danger-soft);font-weight:600}.empty{justify-items:center;gap:var(--space-3);padding-block:var(--space-10);padding-inline:var(--space-6);text-align:center;color:var(--muted);display:grid}.stack{gap:var(--space-5);display:grid}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--rim);font-size:clamp(1.125rem,1.1rem + .2vw,1.25rem);font-weight:700;display:flex}.brand-mark{border:3px solid var(--rim);background-color:var(--enamel);block-size:26px;inline-size:26px;box-shadow:inset 0 -8px 0 var(--accent);border-radius:8px}