:root{--p-0: oklch(0% 0 38);--p-10: oklch(15% .045 38);--p-20: oklch(24% .075 38);--p-30: oklch(34% .11 38);--p-40: oklch(44% .14 38);--p-50: oklch(53% .15 38);--p-60: oklch(62% .15 38);--p-70: oklch(72% .13 38);--p-80: oklch(82% .1 38);--p-90: oklch(91% .055 38);--p-95: oklch(95.5% .03 38);--p-98: oklch(98.5% .012 38);--p-99: oklch(99.2% .006 38);--p-100: oklch(100% 0 38);--s-0: oklch(0% 0 135);--s-10: oklch(15% .02 135);--s-20: oklch(24% .035 135);--s-30: oklch(34% .05 135);--s-40: oklch(44% .06 135);--s-50: oklch(53% .065 135);--s-60: oklch(62% .065 135);--s-70: oklch(72% .055 135);--s-80: oklch(82% .045 135);--s-90: oklch(91% .025 135);--s-95: oklch(95.5% .014 135);--s-98: oklch(98.5% .006 135);--s-99: oklch(99.2% .003 135);--s-100: oklch(100% 0 135);--t-0: oklch(0% 0 85);--t-10: oklch(17% .035 85);--t-20: oklch(27% .06 85);--t-30: oklch(37% .09 85);--t-40: oklch(47% .11 85);--t-50: oklch(57% .13 85);--t-60: oklch(67% .135 85);--t-70: oklch(76% .12 85);--t-80: oklch(84% .09 85);--t-90: oklch(92% .05 85);--t-95: oklch(96% .026 85);--t-98: oklch(98.5% .01 85);--t-99: oklch(99.2% .005 85);--t-100: oklch(100% 0 85);--n-0: oklch(0% 0 75);--n-10: oklch(16% .006 75);--n-20: oklch(26% .008 75);--n-30: oklch(36% .009 75);--n-40: oklch(46% .01 75);--n-50: oklch(56% .011 75);--n-60: oklch(66% .011 75);--n-70: oklch(76% .01 75);--n-80: oklch(85% .009 75);--n-87: oklch(87% .0085 75);--n-90: oklch(92% .007 75);--n-92: oklch(93.5% .006 75);--n-94: oklch(95% .005 75);--n-95: oklch(95.8% .005 75);--n-96: oklch(96.5% .004 75);--n-98: oklch(98.2% .003 75);--n-99: oklch(99% .0015 75);--n-100: oklch(100% 0 75);--nv-10: oklch(16% .012 75);--nv-20: oklch(26% .018 75);--nv-30: oklch(36% .02 75);--nv-40: oklch(46% .022 75);--nv-50: oklch(58% .024 75);--nv-60: oklch(66% .022 75);--nv-70: oklch(76% .02 75);--nv-80: oklch(85% .016 75);--nv-90: oklch(92% .012 75);--nv-95: oklch(96% .007 75);--nv-98: oklch(98.2% .004 75);--nv-99: oklch(99% .002 75);--e-0: oklch(0% 0 25);--e-10: oklch(15% .05 25);--e-20: oklch(24% .09 25);--e-30: oklch(34% .13 25);--e-40: oklch(44% .17 25);--e-50: oklch(53% .19 25);--e-60: oklch(62% .185 25);--e-70: oklch(72% .15 25);--e-80: oklch(82% .11 25);--e-90: oklch(91% .06 25);--e-95: oklch(95.5% .03 25);--e-98: oklch(98.5% .012 25);--e-99: oklch(99.2% .006 25);--md-primary: var(--p-40);--md-on-primary: var(--p-100);--md-primary-container: var(--p-90);--md-on-primary-container: var(--p-10);--md-secondary: var(--s-40);--md-on-secondary: var(--s-100);--md-secondary-container: var(--s-90);--md-on-secondary-container: var(--s-10);--md-tertiary: var(--t-60);--md-on-tertiary: var(--t-10);--md-tertiary-container: var(--t-90);--md-on-tertiary-container: var(--t-20);--md-error: var(--e-40);--md-on-error: var(--e-100, #fff);--md-error-container: var(--e-90);--md-on-error-container: var(--e-10);--md-surface-dim: var(--n-87);--md-surface: var(--n-98);--md-surface-bright: var(--n-100);--md-surface-container-lowest: var(--n-100);--md-surface-container-low: var(--n-96);--md-surface-container: var(--n-94);--md-surface-container-high: var(--n-92);--md-surface-container-highest: var(--n-90);--md-on-surface: var(--n-10);--md-on-surface-variant: var(--nv-30);--md-surface-variant: var(--nv-90);--md-outline: var(--nv-50);--md-outline-variant: var(--nv-80);--md-inverse-surface: var(--n-20);--md-inverse-on-surface: var(--n-95);--md-inverse-primary: var(--p-80);--md-shadow: var(--n-0);--md-scrim: var(--n-0);--md-surface-tint: var(--md-primary);--state-hover-opacity: .08;--state-focus-opacity: .12;--state-pressed-opacity: .12;--state-dragged-opacity: .16;--warm-50: #FAF6EF;--warm-100: #F3ECDD;--warm-200: #E7DCC5;--warm-300: #DCCFAF;--warm-400: #C3B393;--warm-500: #A5936F;--warm-600: #7D6D50;--warm-700: #5B4E39;--warm-800: #3D3425;--warm-900: #2B2621;--terracotta-100: #F6DDCC;--terracotta-300: #E4A57C;--terracotta-500: #C1592A;--terracotta-600: #A2461F;--terracotta-700: #7E3618;--sage-100: #E4EBDD;--sage-300: #B3C4A4;--sage-500: #5B7156;--sage-600: #465943;--sage-700: #354332;--mustard-100: #F6E7C1;--mustard-500: #E0A537;--mustard-600: #B9822880;--red-500: #B23B3B;--red-100: #F4DEDA;--surface-page: var(--md-surface);--surface-card: var(--md-surface-container-low);--surface-sunken: var(--md-surface-container);--surface-inverse: var(--md-inverse-surface);--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--text-tertiary: var(--nv-40);--text-on-accent: var(--md-on-primary);--text-link: var(--md-primary);--text-link-hover: var(--p-30);--border-default: var(--md-outline-variant);--border-strong: var(--md-outline);--accent-primary: var(--md-primary);--accent-primary-hover: var(--p-30);--accent-primary-press: var(--p-20);--accent-primary-subtle: var(--md-primary-container);--accent-secondary: var(--md-secondary);--accent-secondary-hover: var(--s-30);--accent-secondary-subtle: var(--md-secondary-container);--accent-tertiary: var(--md-tertiary);--accent-tertiary-subtle: var(--md-tertiary-container);--status-success: var(--s-30);--status-danger: var(--md-error);--status-danger-subtle: var(--md-error-container);--focus-ring: var(--md-primary)}:root[data-theme=dark]{--md-primary: var(--p-80);--md-on-primary: var(--p-20);--md-primary-container: var(--p-30);--md-on-primary-container: var(--p-90);--md-secondary: var(--s-80);--md-on-secondary: var(--s-20);--md-secondary-container: var(--s-30);--md-on-secondary-container: var(--s-90);--md-tertiary: var(--t-80);--md-on-tertiary: var(--t-20);--md-tertiary-container: var(--t-30);--md-on-tertiary-container: var(--t-90);--md-error: var(--e-80);--md-on-error: var(--e-20);--md-error-container: var(--e-30);--md-on-error-container: var(--e-90);--md-surface-dim: #141310;--md-surface: #1B1A17;--md-surface-bright: #3A362F;--md-surface-container-lowest: #141310;--md-surface-container-low: #23211C;--md-surface-container: #262420;--md-surface-container-high: #322F29;--md-surface-container-highest: #3D3A33;--md-on-surface: #F6F2EA;--md-on-surface-variant: #D8CEC0;--md-surface-variant: #4A443B;--md-outline: #9A8E7C;--md-outline-variant: #46413A;--md-inverse-surface: #F6F2EA;--md-inverse-on-surface: #262420;--md-inverse-primary: var(--p-40);--md-surface-tint: var(--md-primary);--warm-50: #1B1A17;--warm-100: #262420;--warm-200: #322F29;--warm-300: #443F37;--warm-400: #6E6255;--warm-500: #A99C8B;--warm-600: #C7BBAA;--warm-700: #DCD2C4;--warm-800: #ECE7DE;--warm-900: #F6F2EA;--terracotta-100: #4A2A1B;--terracotta-300: #8C4A28;--terracotta-500: #D97A48;--terracotta-600: #E89463;--terracotta-700: #F2AC80;--sage-100: #2A3327;--sage-300: #4C5C46;--sage-500: #8CA684;--sage-600: #A3BC9A;--sage-700: #BBD0B3;--mustard-100: #3D3213;--mustard-500: #E8BB5C;--mustard-600: #E8BB5C80;--red-500: #D9736A;--red-100: #3D211E;--surface-page: var(--md-surface);--surface-card: var(--md-surface-container-low);--surface-sunken: var(--md-surface-container);--surface-inverse: var(--md-inverse-surface);--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--text-tertiary: var(--nv-60);--text-on-accent: var(--md-on-primary);--text-link: var(--md-primary);--text-link-hover: var(--p-90);--border-default: var(--md-outline-variant);--border-strong: var(--md-outline);--accent-primary: var(--md-primary);--accent-primary-hover: var(--p-90);--accent-primary-press: var(--p-70);--accent-primary-subtle: var(--md-primary-container);--accent-secondary: var(--md-secondary);--accent-secondary-hover: var(--s-90);--accent-secondary-subtle: var(--md-secondary-container);--accent-tertiary: var(--md-tertiary);--accent-tertiary-subtle: var(--md-tertiary-container);--status-success: var(--s-80);--status-danger: var(--md-error);--status-danger-subtle: var(--md-error-container);--focus-ring: var(--md-primary)}@media (prefers-color-scheme: dark){:root[data-theme=system]{--md-primary: var(--p-80);--md-on-primary: var(--p-20);--md-primary-container: var(--p-30);--md-on-primary-container: var(--p-90);--md-secondary: var(--s-80);--md-on-secondary: var(--s-20);--md-secondary-container: var(--s-30);--md-on-secondary-container: var(--s-90);--md-tertiary: var(--t-80);--md-on-tertiary: var(--t-20);--md-tertiary-container: var(--t-30);--md-on-tertiary-container: var(--t-90);--md-error: var(--e-80);--md-on-error: var(--e-20);--md-error-container: var(--e-30);--md-on-error-container: var(--e-90);--md-surface-dim: #141310;--md-surface: #1B1A17;--md-surface-bright: #3A362F;--md-surface-container-lowest: #141310;--md-surface-container-low: #23211C;--md-surface-container: #262420;--md-surface-container-high: #322F29;--md-surface-container-highest: #3D3A33;--md-on-surface: #F6F2EA;--md-on-surface-variant: #D8CEC0;--md-surface-variant: #4A443B;--md-outline: #9A8E7C;--md-outline-variant: #46413A;--md-inverse-surface: #F6F2EA;--md-inverse-on-surface: #262420;--md-inverse-primary: var(--p-40);--md-surface-tint: var(--md-primary);--warm-50: #1B1A17;--warm-100: #262420;--warm-200: #322F29;--warm-300: #443F37;--warm-400: #6E6255;--warm-500: #A99C8B;--warm-600: #C7BBAA;--warm-700: #DCD2C4;--warm-800: #ECE7DE;--warm-900: #F6F2EA;--terracotta-100: #4A2A1B;--terracotta-300: #8C4A28;--terracotta-500: #D97A48;--terracotta-600: #E89463;--terracotta-700: #F2AC80;--sage-100: #2A3327;--sage-300: #4C5C46;--sage-500: #8CA684;--sage-600: #A3BC9A;--sage-700: #BBD0B3;--mustard-100: #3D3213;--mustard-500: #E8BB5C;--mustard-600: #E8BB5C80;--red-500: #D9736A;--red-100: #3D211E;--surface-page: var(--md-surface);--surface-card: var(--md-surface-container-low);--surface-sunken: var(--md-surface-container);--surface-inverse: var(--md-inverse-surface);--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--text-tertiary: var(--nv-60);--text-on-accent: var(--md-on-primary);--text-link: var(--md-primary);--text-link-hover: var(--p-90);--border-default: var(--md-outline-variant);--border-strong: var(--md-outline);--accent-primary: var(--md-primary);--accent-primary-hover: var(--p-90);--accent-primary-press: var(--p-70);--accent-primary-subtle: var(--md-primary-container);--accent-secondary: var(--md-secondary);--accent-secondary-hover: var(--s-90);--accent-secondary-subtle: var(--md-secondary-container);--accent-tertiary: var(--md-tertiary);--accent-tertiary-subtle: var(--md-tertiary-container);--status-success: var(--s-80);--status-danger: var(--md-error);--status-danger-subtle: var(--md-error-container);--focus-ring: var(--md-primary)}}:root{--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hand: "Caveat", cursive;--md-display-large-size: 57px;--md-display-large-line: 64px;--md-display-large-weight: 400;--md-display-large-tracking: -.25px;--md-display-medium-size: 45px;--md-display-medium-line: 52px;--md-display-medium-weight: 400;--md-display-medium-tracking: 0px;--md-display-small-size: 36px;--md-display-small-line: 44px;--md-display-small-weight: 400;--md-display-small-tracking: 0px;--md-headline-large-size: 32px;--md-headline-large-line: 40px;--md-headline-large-weight: 400;--md-headline-large-tracking: 0px;--md-headline-medium-size: 28px;--md-headline-medium-line: 36px;--md-headline-medium-weight: 400;--md-headline-medium-tracking: 0px;--md-headline-small-size: 24px;--md-headline-small-line: 32px;--md-headline-small-weight: 400;--md-headline-small-tracking: 0px;--md-title-large-size: 22px;--md-title-large-line: 28px;--md-title-large-weight: 500;--md-title-large-tracking: 0px;--md-title-medium-size: 16px;--md-title-medium-line: 24px;--md-title-medium-weight: 600;--md-title-medium-tracking: .15px;--md-title-small-size: 14px;--md-title-small-line: 20px;--md-title-small-weight: 600;--md-title-small-tracking: .1px;--md-label-large-size: 14px;--md-label-large-line: 20px;--md-label-large-weight: 600;--md-label-large-tracking: .1px;--md-label-medium-size: 12px;--md-label-medium-line: 16px;--md-label-medium-weight: 600;--md-label-medium-tracking: .5px;--md-label-small-size: 11px;--md-label-small-line: 16px;--md-label-small-weight: 600;--md-label-small-tracking: .5px;--md-body-large-size: 16px;--md-body-large-line: 24px;--md-body-large-weight: 400;--md-body-large-tracking: .15px;--md-body-medium-size: 14px;--md-body-medium-line: 20px;--md-body-medium-weight: 400;--md-body-medium-tracking: .25px;--md-body-small-size: 12px;--md-body-small-line: 16px;--md-body-small-weight: 400;--md-body-small-tracking: .4px;--md-headline-emphasized-size: 28px;--md-headline-emphasized-line: 34px;--md-headline-emphasized-weight: 700;--md-title-emphasized-weight: 700;--md-label-emphasized-weight: 700;--text-2xl: var(--md-headline-small-size);--text-xl: var(--md-title-large-size);--text-lg: var(--md-title-medium-size);--text-md: var(--md-body-large-size);--text-sm: var(--md-body-medium-size);--text-xs: var(--md-body-small-size);--text-2xs: var(--md-label-small-size);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.01em;--tracking-wide: .04em}:root{--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;--screen-margin: var(--space-5)}:root{--shape-none: 0px;--shape-extra-small: 4px;--shape-small: 8px;--shape-medium: 12px;--shape-large: 20px;--shape-extra-large: 28px;--shape-full: 999px;--radius-sm: var(--shape-small);--radius-md: 16px;--radius-lg: var(--shape-large);--radius-xl: var(--shape-extra-large);--radius-pill: var(--shape-full)}:root{--elevation-shadow-0: none;--elevation-shadow-1: 0 1px 2px rgba(43, 38, 33, .06), 0 1px 3px 1px rgba(43, 38, 33, .05);--elevation-shadow-2: 0 1px 2px rgba(43, 38, 33, .07), 0 2px 6px 2px rgba(43, 38, 33, .06);--elevation-shadow-3: 0 1px 3px rgba(43, 38, 33, .08), 0 4px 8px 3px rgba(43, 38, 33, .08);--elevation-shadow-4: 0 2px 3px rgba(43, 38, 33, .09), 0 6px 10px 4px rgba(43, 38, 33, .1);--elevation-shadow-5: 0 4px 4px rgba(43, 38, 33, .1), 0 8px 12px 6px rgba(43, 38, 33, .14);--elevation-tint-1: .05;--elevation-tint-2: .08;--elevation-tint-3: .11;--elevation-tint-4: .12;--elevation-tint-5: .14;--shadow-sm: var(--elevation-shadow-1);--shadow-card: var(--elevation-shadow-2);--shadow-raised: var(--elevation-shadow-4);--shadow-sheet: 0 -6px 16px rgba(43, 38, 33, .14);--border-focus: 0 0 0 3px rgba(193, 89, 42, .25)}:root[data-theme=dark]{--elevation-shadow-1: 0 1px 2px rgba(0, 0, 0, .24), 0 1px 3px 1px rgba(0, 0, 0, .2);--elevation-shadow-2: 0 1px 2px rgba(0, 0, 0, .28), 0 2px 6px 2px rgba(0, 0, 0, .24);--elevation-shadow-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .28);--elevation-shadow-4: 0 2px 3px rgba(0, 0, 0, .34), 0 6px 10px 4px rgba(0, 0, 0, .36);--elevation-shadow-5: 0 4px 4px rgba(0, 0, 0, .36), 0 8px 12px 6px rgba(0, 0, 0, .44);--shadow-sheet: 0 -6px 20px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root[data-theme=system]{--elevation-shadow-1: 0 1px 2px rgba(0, 0, 0, .24), 0 1px 3px 1px rgba(0, 0, 0, .2);--elevation-shadow-2: 0 1px 2px rgba(0, 0, 0, .28), 0 2px 6px 2px rgba(0, 0, 0, .24);--elevation-shadow-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .28);--elevation-shadow-4: 0 2px 3px rgba(0, 0, 0, .34), 0 6px 10px 4px rgba(0, 0, 0, .36);--elevation-shadow-5: 0 4px 4px rgba(0, 0, 0, .36), 0 8px 12px 6px rgba(0, 0, 0, .44);--shadow-sheet: 0 -6px 20px rgba(0, 0, 0, .5)}}:root{--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-standard: ease-out;--press-scale: .96;--ease-spring: linear(0 0%, .0664 4.5%, .2215 9.1%, .4118 13.6%, .6004 18.2%, .7647 22.7%, .894 27.3%, .9861 31.8%, 1.0441 36.4%, 1.0742 40.9%, 1.0835 45.5%, 1.0789 50%, 1.0664 54.5%, 1.0507 59.1%, 1.0348 63.6%, 1.0208 68.2%, 1.0097 72.7%, 1.0018 77.3%, .9967 81.8%, .994 86.4%, .993 90.9%, .9933 95.5%, 1 100%);--ease-spring-soft: linear(0 0%, .0753 5%, .2375 10%, .421 15%, .5904 20%, .73 25%, .8358 30%, .9106 35%, .9599 40%, .9898 45%, 1.0061 50%, 1.0133 55%, 1.0152 60%, 1.014 65%, 1.0116 70%, 1.0088 75%, 1.0062 80%, 1.0041 85%, 1.0025 90%, 1.0014 95%, 1 100%);--spring-duration: .5s;--spring-duration-soft: .42s;--md-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-easing-emphasized: var(--ease-spring);--md-duration-short: .2s;--md-duration-medium: .3s}@keyframes ph-sheet-in{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ph-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes ph-fab-item-in{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ph-ripple{to{transform:scale(1);opacity:0}}@keyframes ph-item-resolve{0%{transform:scale(1);opacity:.9}32%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes ph-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--radius-card: 28px 12px 16px 12px;--radius-tile: 20px 10px 20px 10px;--weight-display-max: 900}:root[data-design-intensity=muted]{--radius-sm: 12px;--radius-md: 12px;--radius-lg: 12px;--radius-xl: 12px;--radius-card: 12px;--radius-tile: 12px;--weight-display-max: 700;--ease-spring: var(--ease-out);--ease-spring-soft: var(--ease-out);--spring-duration: .18s;--spring-duration-soft: .15s;--press-scale: .98}:root[data-design-intensity=classic]{--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-card: 0px;--radius-tile: 0px;--weight-display-max: 700;--ease-spring: linear;--ease-spring-soft: linear;--spring-duration: 1ms;--spring-duration-soft: 1ms;--press-scale: 1}:root{--cluster-produce-bg: var(--s-90);--cluster-produce-on: var(--s-30);--cluster-bakery-bg: oklch(91% .045 55);--cluster-bakery-on: oklch(35% .11 55);--cluster-dairy-bg: oklch(93% .035 95);--cluster-dairy-on: oklch(38% .09 95);--cluster-meat-bg: oklch(90% .045 15);--cluster-meat-on: oklch(38% .13 15);--cluster-spice-bg: var(--p-90);--cluster-spice-on: var(--p-30);--cluster-frozen-bg: oklch(92% .03 220);--cluster-frozen-on: oklch(38% .09 220);--cluster-grains-bg: var(--nv-90);--cluster-grains-on: var(--nv-40);--cluster-snacks-bg: oklch(91% .045 340);--cluster-snacks-on: oklch(40% .13 340);--cluster-drinks-bg: oklch(92% .04 195);--cluster-drinks-on: oklch(37% .09 195);--cluster-household-bg: oklch(92% .025 265);--cluster-household-on: oklch(40% .07 265);--cluster-care-bg: oklch(92% .035 165);--cluster-care-on: oklch(36% .08 165);--cluster-pet-bg: oklch(90% .03 30);--cluster-pet-on: oklch(38% .08 30);--cluster-other-bg: var(--n-94);--cluster-other-on: var(--nv-40)}:root[data-theme=dark]{--cluster-produce-bg: var(--s-30);--cluster-produce-on: var(--s-90);--cluster-bakery-bg: oklch(26% .035 55);--cluster-bakery-on: oklch(85% .05 55);--cluster-dairy-bg: oklch(24% .03 95);--cluster-dairy-on: oklch(88% .05 95);--cluster-meat-bg: oklch(25% .04 15);--cluster-meat-on: oklch(84% .06 15);--cluster-spice-bg: var(--p-30);--cluster-spice-on: var(--p-90);--cluster-frozen-bg: oklch(24% .03 220);--cluster-frozen-on: oklch(85% .04 220);--cluster-grains-bg: var(--nv-30);--cluster-grains-on: var(--nv-90);--cluster-snacks-bg: oklch(25% .04 340);--cluster-snacks-on: oklch(85% .06 340);--cluster-drinks-bg: oklch(25% .035 195);--cluster-drinks-on: oklch(85% .05 195);--cluster-household-bg: oklch(25% .02 265);--cluster-household-on: oklch(86% .04 265);--cluster-care-bg: oklch(25% .03 165);--cluster-care-on: oklch(85% .05 165);--cluster-pet-bg: oklch(24% .025 30);--cluster-pet-on: oklch(84% .05 30);--cluster-other-bg: var(--md-surface-container);--cluster-other-on: var(--nv-70)}@media (prefers-color-scheme: dark){:root[data-theme=system]{--cluster-produce-bg: var(--s-30);--cluster-produce-on: var(--s-90);--cluster-bakery-bg: oklch(26% .035 55);--cluster-bakery-on: oklch(85% .05 55);--cluster-dairy-bg: oklch(24% .03 95);--cluster-dairy-on: oklch(88% .05 95);--cluster-meat-bg: oklch(25% .04 15);--cluster-meat-on: oklch(84% .06 15);--cluster-spice-bg: var(--p-30);--cluster-spice-on: var(--p-90);--cluster-frozen-bg: oklch(24% .03 220);--cluster-frozen-on: oklch(85% .04 220);--cluster-grains-bg: var(--nv-30);--cluster-grains-on: var(--nv-90);--cluster-snacks-bg: oklch(25% .04 340);--cluster-snacks-on: oklch(85% .06 340);--cluster-drinks-bg: oklch(25% .035 195);--cluster-drinks-on: oklch(85% .05 195);--cluster-household-bg: oklch(25% .02 265);--cluster-household-on: oklch(86% .04 265);--cluster-care-bg: oklch(25% .03 165);--cluster-care-on: oklch(85% .05 165);--cluster-pet-bg: oklch(24% .025 30);--cluster-pet-on: oklch(84% .05 30);--cluster-other-bg: var(--md-surface-container);--cluster-other-on: var(--nv-70)}}body{margin:0;font-family:var(--font-sans);background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}button{font-family:inherit}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior-y:contain}body{margin:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));overscroll-behavior-y:contain}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-icon{vertical-align:middle;flex-shrink:0}.item-badge .item-icon{width:24px;height:24px;display:block}.grid-badge .item-icon{width:36px;height:36px;display:block}main{padding:16px;max-width:480px;margin:0 auto}#toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(20px);background:var(--warm-900);color:var(--text-on-accent);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-sans);font-size:var(--text-sm);max-width:90%;width:max-content;display:flex;align-items:center;gap:14px;z-index:200;box-shadow:var(--shadow-raised);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}#toast.error{background:var(--status-danger)}#toast span{min-width:0}#toast button{background:#ffffff38;color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-xs);font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}#installBanner{max-width:480px;margin:12px auto 0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-card)}#installBanner .ico{font-size:22px;flex-shrink:0;color:var(--accent-primary)}#installBanner .txt{flex:1;font-size:var(--text-xs);line-height:1.3;color:var(--text-primary)}#installBanner .install{background:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-pill);padding:8px 14px;font-size:var(--text-xs);font-weight:600;cursor:pointer;flex-shrink:0}.meal-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.meal-chip{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:7px 12px;font-size:var(--text-xs);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans)}.meal-chip:active{background:var(--accent-primary);color:var(--text-on-accent)}.meal-browse-row{display:flex;align-items:center;gap:8px;background:var(--surface-sunken);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:6px;border:none;width:100%;text-align:left;font-family:var(--font-sans);cursor:pointer}.meal-browse-row .info{flex:1;min-width:0}.meal-browse-row .name{font-size:var(--text-sm);font-weight:600;word-break:break-word;color:var(--text-primary)}.meal-browse-row .stats{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px}.meal-browse-row .labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.label-chip{background:var(--accent-secondary);color:var(--text-on-accent);border-radius:var(--radius-pill);padding:2px 8px;font-size:var(--text-2xs);font-weight:600}#mealBrowseLabelSelect{margin-top:8px}.meal-browse-add{display:block;width:100%;background:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);padding:10px 12px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;margin-bottom:10px}.suggest-row{display:flex;align-items:center;gap:8px}.setrow{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;box-shadow:var(--shadow-card)}.setrow .k{font-size:var(--text-2xs);color:var(--text-tertiary)}.setrow .v{font-size:var(--text-md);font-weight:600;margin-top:4px;color:var(--text-primary)}.icon-gap-list{margin-top:10px;max-height:180px;overflow-y:auto;font-size:var(--text-xs);color:var(--text-primary);line-height:1.8}.icon-gap-list span{display:inline-block;background:var(--surface-sunken);border-radius:var(--radius-sm);padding:3px 8px;margin:0 4px 4px 0}.logout{background:var(--accent-primary);color:var(--text-on-accent);border:none;padding:14px;border-radius:var(--radius-pill);width:100%;font-size:var(--text-md);font-weight:600;cursor:pointer;font-family:var(--font-sans)}.admin-group{font-size:var(--text-2xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:14px 0 6px}#allUsers>.admin-group:first-child{margin-top:0}.mgmt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-sunken);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:6px}.mgmt-row .who{min-width:0;flex:1}.mgmt-row .who .uname{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgmt-row .who .sub{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px}.mgmt-row .acts{display:flex;align-items:center;gap:6px;flex-shrink:0}.mgmt-row button.mini{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-2xs);padding:6px 8px;cursor:pointer;font-family:var(--font-sans)}.mgmt-row button.mini.danger{color:var(--status-danger);border-color:var(--status-danger)}.mgmt-row label.flag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);color:var(--text-tertiary)}.metrics-table{font-size:var(--text-sm)}.metrics-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-default);font-variant-numeric:tabular-nums}.metrics-table-row:last-child{border-bottom:none}.metrics-table-head{font-size:var(--text-2xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cred-box{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:12px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.cred-note{font-size:var(--text-xs);color:var(--text-tertiary);margin:10px 0 0}.changelog-box{max-height:60vh;overflow-y:auto}.meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.ing-list{max-height:50vh;overflow-y:auto;margin:6px 0 4px}.ing-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid var(--border-default);cursor:pointer;font-size:var(--text-md)}.ing-row:last-child{border-bottom:none}.modal label{font-size:var(--text-xs);color:var(--text-tertiary);display:block;margin:12px 0 4px}.modal input,.modal select{width:100%;padding:12px;font-size:var(--text-md);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-sunken);color:var(--text-primary);font-family:var(--font-sans)}.modal .actions{display:flex;gap:8px;margin-top:20px}.modal .actions button{flex:1}.meal-name-field{position:relative}.meal-name-field input{padding-right:44px}.meal-name-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:20;max-height:220px;overflow-y:auto;box-shadow:var(--shadow-raised)}.meal-name-dropdown.hidden{display:none}.meal-name-option{padding:12px 14px;cursor:pointer;color:var(--text-primary)}.meal-name-option:active{background:var(--surface-sunken)}.meal-name-option.meal-name-empty{color:var(--text-tertiary);cursor:default;font-style:italic}.btn-primary{width:100%;padding:12px;border-radius:var(--radius-pill);border:none;background:var(--accent-primary);color:var(--text-on-accent);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:var(--font-sans)}.btn-primary.mt-8{margin-top:8px}