*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;touch-action:manipulation;background:var(--color-bg)}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);line-height:1.45}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:max(16px,1em)}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}dialog{max-width:unset;max-height:unset;border:none;padding:0}dialog::backdrop{background:#1f2f2a59}:focus-visible{box-shadow:var(--shadow-focus);outline-offset:2px;outline:none}:root{scrollbar-color:var(--sl-sage) transparent;scrollbar-width:thin}
:root{--sl-color-bg:#f7f4ed;--sl-color-surface:#fbf8f4;--sl-color-surface-soft:#f4f1ec;--sl-color-surface-muted:#eceae4;--sl-color-cloud:#fff;--sl-color-deep-sage:#1f3a33;--sl-color-eucalyptus:#416b5a;--sl-color-mint:#a9d6c2;--sl-color-sage:#cbd6c2;--sl-color-oat:#eae3d6;--sl-color-stone:#f4f1ec;--sl-color-ink:#1f2f2a;--sl-deep-sage:var(--sl-color-deep-sage);--sl-eucalyptus:var(--sl-color-eucalyptus);--sl-mint:var(--sl-color-mint);--sl-sage:var(--sl-color-sage);--sl-oat:var(--sl-color-oat);--sl-stone:var(--sl-color-stone);--sl-cream:var(--sl-color-surface);--sl-cloud:var(--sl-color-cloud);--sl-terracotta:#d66a5f;--sl-sky:#9dcfe3;--sl-butter:#f2d98c;--sl-ink-90:#1f2f2ae6;--sl-ink-82:#1f2f2ad1;--sl-ink-64:#1f2f2aa3;--sl-ink-48:#1f2f2a7a;--sl-ink-32:#1f2f2a52;--sl-ink-16:#1f2f2a29;--sl-ink-08:#1f2f2a14;--sl-ink-04:#1f2f2a0a;--color-bg:var(--sl-color-bg);--color-surface:var(--sl-color-surface);--color-surface-soft:var(--sl-color-surface-soft);--color-surface-muted:var(--sl-color-surface-muted);--color-surface-tint:var(--sl-color-oat);--color-text:var(--sl-ink-90);--color-text-muted:var(--sl-ink-64);--color-text-soft:var(--sl-ink-48);--color-brand:var(--sl-color-deep-sage);--color-brand-2:var(--sl-color-eucalyptus);--color-brand-soft:var(--sl-color-mint);--color-brand-subtle:#a9d6c259;--color-border:var(--sl-color-border);--color-border-strong:var(--sl-color-border-strong);--color-border-interactive:var(--sl-color-border-interactive);--sl-color-border:#eceae4;--sl-color-border-strong:var(--sl-ink-32);--sl-color-border-interactive:#1f2f2a66;--color-danger:#d66a5f;--color-danger-soft:#d66a5f1f;--color-success:var(--sl-color-eucalyptus);--color-success-soft:#a9d6c24d;--color-warning:#d9b86f;--color-warning-soft:#d9b86f2e;--color-info:#9dcfe3;--sl-cat-produce:#a9d6c2;--sl-cat-dairy:#dce9df;--sl-cat-meat:#e7a08d;--sl-cat-pantry:#d8a15f;--sl-cat-frozen:#cfe6f3;--sl-cat-bakery:#f2d98c;--sl-cat-other:#d6c7b2;--cat-produce:#a9d6c25c;--cat-produce-strong:#5f9f7f;--cat-dairy:#dce9dfa8;--cat-dairy-strong:#789a8b;--cat-meat:#e7a08d33;--cat-meat-strong:#b96555;--cat-pantry:#d8a15f33;--cat-pantry-strong:#a86f38;--cat-frozen:#cfe6f394;--cat-frozen-strong:#6da8c9;--cat-bakery:#f2d98c4d;--cat-bakery-strong:#b88834;--cat-other:#d6c7b25c;--cat-other-strong:#806f5d;--category-tint:var(--cat-other);--category-strong:var(--cat-other-strong);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--sl-space-1:var(--space-1);--sl-space-2:var(--space-2);--sl-space-3:var(--space-3);--sl-space-4:var(--space-4);--sl-space-5:var(--space-5);--sl-space-6:var(--space-6);--sl-space-8:var(--space-8);--sl-space-10:var(--space-10);--sl-space-12:var(--space-12);--sl-space-16:var(--space-16);--sl-space-20:var(--space-20);--sl-space-24:var(--space-24);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-3xl:32px;--radius-pill:9999px;--sl-radius-xs:var(--radius-xs);--sl-radius-sm:var(--radius-sm);--sl-radius-md:var(--radius-md);--sl-radius-lg:var(--radius-lg);--sl-radius-xl:var(--radius-xl);--sl-radius-2xl:var(--radius-2xl);--sl-radius-3xl:var(--radius-3xl);--sl-radius-pill:var(--radius-pill);--shadow-none:none;--shadow-border:0 0 0 1px #1f2f2a0f;--shadow-soft:0 8px 24px #1f2f2a0f;--shadow-card:0 12px 32px #1f2f2a14;--shadow-sheet:0 -16px 48px #1f2f2a24;--shadow-focus:0 0 0 3px #a9d6c26b;--sl-shadow-none:var(--shadow-none);--sl-shadow-border:var(--shadow-border);--sl-shadow-soft:var(--shadow-soft);--sl-shadow-card:var(--shadow-card);--sl-shadow-sheet:var(--shadow-sheet);--sl-shadow-focus:var(--shadow-focus);--border-soft:1px solid var(--sl-ink-08);--border-card:1px solid var(--sl-ink-08);--border-strong:1px solid var(--sl-ink-16);--nav-height:72px;--nav-icon-inactive:#1f2f2a75;--nav-icon-active:var(--sl-color-deep-sage);--quick-add-height:48px;--sl-icon-stroke:1.75px;--sl-icon-stroke-small:1.5px;--sl-icon-radius:4px}[data-category=produce]{--category-tint:var(--cat-produce);--category-strong:var(--cat-produce-strong)}[data-category=dairy]{--category-tint:var(--cat-dairy);--category-strong:var(--cat-dairy-strong)}[data-category=meat]{--category-tint:var(--cat-meat);--category-strong:var(--cat-meat-strong)}[data-category=pantry]{--category-tint:var(--cat-pantry);--category-strong:var(--cat-pantry-strong)}[data-category=frozen]{--category-tint:var(--cat-frozen);--category-strong:var(--cat-frozen-strong)}[data-category=bakery]{--category-tint:var(--cat-bakery);--category-strong:var(--cat-bakery-strong)}[data-category=other]{--category-tint:var(--cat-other);--category-strong:var(--cat-other-strong)}
:root{--sl-font-display:"Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sl-font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--sl-font-display);--font-body:var(--sl-font-body);--text-display:56px;--text-h1:28px;--text-h2:20px;--text-h3:20px;--text-card-title:17px;--text-body:15px;--text-small:13px;--text-caption:12px;--text-label:11px;--line-display:1.05;--line-heading:1.1;--line-card-title:1.25;--line-body:1.45}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-body);color:var(--color-text)}h1,h2,h3{font-family:var(--font-display);font-weight:650;line-height:var(--line-heading);letter-spacing:-.2px}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:650;line-height:var(--line-display);letter-spacing:-1.2px}.text-body{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:var(--line-body)}.text-small{font-family:var(--font-body);font-size:var(--text-small);font-weight:400;line-height:var(--line-body)}.text-caption{font-family:var(--font-body);font-size:var(--text-caption);font-weight:400;line-height:var(--line-body)}.text-label{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;font-weight:600;line-height:1.2}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}
:root{--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--duration-sheet:.4s;--ease-default:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1)}.transition-colors{transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default)}.transition-transform{transition:transform var(--duration-normal) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-default)}.transition-all{transition:all var(--duration-normal) var(--ease-default)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes check-bounce{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes progress-fill{0%{stroke-dashoffset:var(--progress-circumference)}to{stroke-dashoffset:var(--progress-offset)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app-shell{background:var(--color-bg);min-height:100dvh;color:var(--color-text);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.app-main{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + var(--quick-add-height) + var(--space-4) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.app-main--no-quick-add{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + var(--space-4) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.app-main--no-quick-add:has(.quick-add-shell){padding-bottom:calc(var(--nav-height) + var(--quick-add-height) + var(--space-4) + env(safe-area-inset-bottom))}.app-main--no-quick-add:has([data-onboarding-screen=true]){padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.page-content{padding:var(--space-5) var(--space-4);width:100%;max-width:480px;margin:0 auto}@media (min-width:760px){.page-content{max-width:680px;padding:var(--space-6)}}.page-header{padding:var(--space-4) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;display:flex}.stack--2{gap:var(--space-2)}.stack--0{gap:0}.stack--3{gap:var(--space-3)}.stack--4{gap:var(--space-4)}.stack--6{gap:var(--space-6)}.stack--8{gap:var(--space-8)}.inline{align-items:center;display:flex}.inline--2{gap:var(--space-2)}.inline--3{gap:var(--space-3)}.inline--4{gap:var(--space-4)}.inline--between{justify-content:space-between}.inline--center{justify-content:center}.grid{display:grid}.grid--chips{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.full-width{width:100%}
.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card{background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-soft)}.card--elevated,.card[data-variant=elevated]{box-shadow:var(--shadow-card)}.card--tinted,.card[data-variant=tinted]{background:color-mix(in srgb, var(--category-tint) 38%, var(--color-surface))}.card--soft,.card[data-variant=soft]{background:var(--color-surface-soft);border:var(--border-soft);box-shadow:none}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);min-height:44px;padding:var(--space-3) var(--space-5);transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;border:none;font-weight:600;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button[data-size=sm]{font-size:var(--text-small);min-height:36px;padding:var(--space-2) var(--space-3)}.button[data-size=md]{font-size:var(--text-body)}.button[data-size=lg]{font-size:var(--text-body);min-height:52px;padding:var(--space-4) var(--space-6)}.button[data-variant=primary]{background:var(--color-brand);color:var(--color-surface);border:1px solid #ffffff1f;box-shadow:inset 0 .5px #ffffff38,inset 0 0 0 .5px #0000002e,0 4px 12px #1f2f2a1f}.button[data-variant=primary]:hover{background:var(--color-brand-2)}.button[data-variant=secondary]{background:var(--sl-ink-04);border:var(--border-soft);color:var(--color-text)}.button[data-variant=secondary]:hover{background:var(--color-surface-soft)}.button[data-variant=ghost]{color:var(--color-text);border:var(--border-strong);background:0 0}.button[data-variant=ghost]:hover{background:var(--color-surface-soft)}.button[data-variant=danger]{background:var(--color-danger-soft);color:var(--color-danger)}.button[data-full=true]{width:100%}.field-input{border:var(--border-soft);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;color:var(--color-text);padding:var(--space-3);font-size:16px}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.focus-ring:focus-visible{box-shadow:var(--shadow-focus);outline:none}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:relative}.interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.interactive:active{transition:transform var(--duration-fast) var(--ease-default);transform:scale(.97)}.divider{background:var(--color-border);border:none;height:1px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}