[data-theme=dark]{--color-base-white: #ffffffff;--color-base-black: #000000ff;--color-base-gray-50: #f2f2f7ff;--color-base-gray-100: #e5e5eaff;--color-base-gray-400: #aeaeb2ff;--color-base-gray-500: #8a8a8eff;--color-base-gray-700: #c6c6c8ff;--color-base-dm-gray-800: #1c1c1eff;--color-base-dm-gray-900: #38383aff;--color-base-dm-gray-950: #8e8e93ff;--color-base-blue-500: #007affff;--color-base-blue-700: #083382ff;--color-base-red-500: #ff3b30ff;--color-base-green-300: #a8e6a0ff;--color-base-green-500: #34c759ff;--color-base-green-700: #046637ff;--color-base-orange-500: #ff9500ff;--color-base-brand-mark-teal: #2d7884ff;--color-base-brand-mark-terracotta: #d35e39ff;--color-base-brand-tactile-canvas: #171512ff;--color-base-brand-tactile-surface: #211e1aff;--color-base-brand-tactile-surface-emphasized: #2a251fff;--color-base-brand-tactile-text-primary: #f6f1e9ff;--color-base-brand-tactile-text-secondary: #b9b0a6ff;--color-base-brand-tactile-action-primary: #8bc3ddff;--color-base-brand-tactile-action-foreground: #10202aff;--color-base-brand-tactile-support-accent: #78b8beff;--color-base-brand-tactile-warmth-accent: #ef8b68ff;--color-base-brand-tactile-border: #50483fff;--color-base-primary-500: #5e5ce6ff;--color-background-primary: #000000ff;--color-background-secondary: #1c1c1eff;--color-background-disabled: #e5e5eaff;--color-background-interactive-secondary: #e5e5eaff;--color-background-ui-accent: #046637ff;--color-text-primary: #ffffffff;--color-text-secondary: #8e8e93ff;--color-text-accent: #007affff;--color-text-destructive: #ff3b30ff;--color-text-success: #34c759ff;--color-text-warning: #ff9500ff;--color-text-disabled: #aeaeb2ff;--color-text-on-primary: #ffffffff;--color-text-on-ui-accent: #ffffffff;--color-icon-primary: #ffffffff;--color-icon-accent: #5e5ce6ff;--color-icon-success: #34c759ff;--color-icon-warning: #ff9500ff;--color-icon-on-ui-accent: #ffffffff;--color-interactive-primary-default: #046637ff;--color-interactive-primary-disabled: #e5e5eaff;--color-border-default: #38383aff;--color-border-focus: #007affff;--color-border-accent: #007affff;--spacing-scale-0: 0px;--spacing-scale-50: 4px;--spacing-scale-100: 8px;--spacing-scale-150: 12px;--spacing-scale-200: 16px;--spacing-scale-300: 24px;--spacing-scale-400: 32px;--spacing-scale-500: 40px;--spacing-scale-600: 48px;--spacing-scale-800: 64px;--spacing-scale-1000: 80px;--spacing-scale-1200: 96px;--spacing-scale-1600: 128px;--size-scale-25: 1px;--size-scale-50: 2px;--size-scale-100: 4px;--size-scale-200: 8px;--size-scale-300: 12px;--size-scale-400: 16px;--size-scale-500: 20px;--size-scale-600: 24px;--size-scale-800: 32px;--size-scale-1000: 40px;--size-scale-1200: 48px;--size-scale-1600: 64px;--size-scale-2000: 80px;--size-scale-2400: 96px;--size-scale-3200: 128px;--size-scale-4000: 160px;--size-scale-4800: 192px;--size-scale-6400: 256px;--size-scale-8000: 320px;--size-scale-9600: 384px;--size-scale-11200: 448px;--size-scale-12800: 512px;--size-scale-14400: 576px;--size-scale-16000: 640px;--size-scale-19200: 768px;--size-font-xs: .75rem;--size-font-sm: .875rem;--size-font-md: 1rem;--size-font-lg: 1.125rem;--size-font-xl: 1.25rem;--size-font-xxl: 1.5rem;--size-font-title2: 1.375rem;--size-font-large-title: 2.125rem;--size-font-xxxl: 2.5rem;--size-font-xxxxl: 3.75rem;--font-family-system: System;--font-family-system-mono: System Mono;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--typography-large-title-font-family: System;--typography-large-title-font-weight: 700;--typography-large-title-font-size: 2.125rem;--typography-large-title-line-height: 1.25;--typography-large-title-letter-spacing: -.02em;--typography-title2-font-family: System;--typography-title2-font-weight: 600;--typography-title2-font-size: 1.375rem;--typography-title2-line-height: 1.5;--typography-title2-letter-spacing: 0;--typography-title3-font-family: System;--typography-title3-font-weight: 400;--typography-title3-font-size: 1.25rem;--typography-title3-line-height: 1.5;--typography-title3-letter-spacing: 0;--typography-display-large-font-family: System;--typography-display-large-font-weight: 700;--typography-display-large-font-size: 1.5rem;--typography-display-large-line-height: 1.25;--typography-display-large-letter-spacing: -.02em;--typography-headline-font-family: System;--typography-headline-font-weight: 600;--typography-headline-font-size: 1.125rem;--typography-headline-line-height: 1.5;--typography-headline-letter-spacing: 0;--typography-headline-ios-text-style: .headline;--typography-subheadline-font-family: System;--typography-subheadline-font-weight: 400;--typography-subheadline-font-size: 1rem;--typography-subheadline-line-height: 1.5;--typography-subheadline-letter-spacing: 0;--typography-subheadline-ios-text-style: .subheadline;--typography-body-font-family: System;--typography-body-font-weight: 400;--typography-body-font-size: 1rem;--typography-body-line-height: 1.5;--typography-body-letter-spacing: 0;--typography-body-ios-text-style: .body;--typography-callout-font-family: System;--typography-callout-font-weight: 400;--typography-callout-font-size: 1rem;--typography-callout-line-height: 1.5;--typography-callout-letter-spacing: 0;--typography-callout-ios-text-style: .callout;--typography-caption-font-family: System;--typography-caption-font-weight: 400;--typography-caption-font-size: .875rem;--typography-caption-line-height: 1.5;--typography-caption-letter-spacing: 0;--typography-caption-ios-text-style: .caption1;--typography-footnote-font-family: System;--typography-footnote-font-weight: 400;--typography-footnote-font-size: .75rem;--typography-footnote-line-height: 1.5;--typography-footnote-letter-spacing: 0;--typography-footnote-ios-text-style: .footnote;--typography-button-font-family: System;--typography-button-font-weight: 600;--typography-button-font-size: 1rem;--typography-button-line-height: 1.25;--typography-button-letter-spacing: 0;--typography-display-x-large-font-family: System;--typography-display-x-large-font-weight: 700;--typography-display-x-large-font-size: 2.5rem;--typography-display-x-large-line-height: 1.25;--typography-display-x-large-letter-spacing: -.02em;--typography-display-xx-large-font-family: System;--typography-display-xx-large-font-weight: 700;--typography-display-xx-large-font-size: 3.75rem;--typography-display-xx-large-line-height: 1.25;--typography-display-xx-large-letter-spacing: -.02em;--radius-none: 0px;--radius-xs: 4px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-width-none: 0px;--border-width-s: 1px;--border-width-m: 2px;--border-width-l: 4px;--shadow-low: [object Object];--shadow-medium: [object Object];--shadow-high: [object Object];--breakpoint-xs: 375px;--breakpoint-sm: 600px;--breakpoint-md: 900px;--breakpoint-lg: 1200px;--breakpoint-xl: 1536px;--motion-duration-short: .1s;--motion-duration-medium: .25s;--motion-duration-long: .4s;--motion-duration-startup: 1s;--motion-duration-startup-reduced: .55s;--motion-easing-linear: cubic-bezier(0, 0, 1, 1);--motion-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--motion-easing-ease-out: cubic-bezier(0, 0, .58, 1);--motion-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1)}.app-redirect{max-width:var(--breakpoint-lg);margin:0 auto;padding:var(--spacing-scale-400);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-redirect h1{margin-bottom:var(--spacing-scale-200);color:var(--color-text-primary)}.app-redirect p{margin-bottom:var(--spacing-scale-400);color:var(--color-text-secondary)}.app-redirect .app-link{background-color:var(--color-interactive-primary-default);color:var(--color-text-on-primary);padding:var(--size-font-xs) var(--size-font-xxl);border-radius:var(--radius-s);text-decoration:none;font-weight:500;transition:background-color .2s}.app-redirect .app-link:hover{background-color:var(--color-interactive-primary-default)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.loading-container .loading-spinner{border:4px solid var(--color-base-gray-100);border-top:4px solid var(--color-text-accent);border-radius:50%;width:var(--size-scale-1000);height:var(--size-scale-1000);animation:spin 2s linear infinite}.loading-container p{margin-top:var(--spacing-scale-200);color:var(--color-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background-primary)}.app-content{flex:1;display:flex;flex-direction:column}.legal-footer{border-top:1px solid var(--color-border-default);padding:var(--spacing-scale-200) var(--spacing-scale-400);background:linear-gradient(90deg,var(--color-background-secondary) 0%,var(--color-background-primary) 100%)}.legal-footer .legal-links{display:flex;flex-wrap:wrap;gap:var(--spacing-scale-200);justify-content:center;font-size:var(--size-font-sm)}.legal-footer .legal-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:500}.legal-footer .legal-links a:hover{color:var(--color-text-primary);text-decoration:underline}.offline-status{display:flex;align-items:center;gap:var(--spacing-scale-150);font-size:var(--size-font-sm)}.offline-status .status-indicator{display:flex;align-items:center;gap:var(--spacing-scale-150)}.offline-status .status-icon{font-size:var(--size-font-md);line-height:1}.offline-status .status-text{font-size:var(--size-font-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.offline-status.syncing .status-icon{animation:spin var(--motion-duration-long) linear infinite}.offline-status.offline .status-text{color:var(--color-text-warning)}.offline-status.syncing .status-text,.offline-status.pending .status-text{color:var(--color-text-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-status.compact,.offline-status.compact .status-indicator{gap:var(--spacing-scale-100)}.offline-status.inline{display:inline-flex;vertical-align:middle}@media(max-width:600px){.offline-status{font-size:var(--size-font-xs)}.offline-status .status-text{font-size:var(--size-font-sm)}}.ios-input-bar-container{position:fixed;right:0;bottom:0;left:0;z-index:1000;box-sizing:border-box;padding:var(--spacing-scale-150) var(--spacing-scale-200) calc(var(--spacing-scale-150) + env(safe-area-inset-bottom));pointer-events:none}.ios-input-bar-form{width:min(100%,var(--size-scale-19200));margin:0 auto;pointer-events:auto}.ios-input-bar{display:flex;align-items:center;gap:var(--spacing-scale-100);box-sizing:border-box;width:100%;min-height:var(--size-scale-1200);padding:var(--spacing-scale-100) var(--spacing-scale-100) var(--spacing-scale-100) var(--spacing-scale-200);background:color-mix(in srgb,var(--color-base-brand-tactile-surface) 91%,transparent);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-full);box-shadow:0 var(--spacing-scale-50) var(--spacing-scale-200) color-mix(in srgb,var(--color-base-brand-tactile-text-primary) 12%,transparent);backdrop-filter:blur(var(--size-scale-500));-webkit-backdrop-filter:blur(var(--size-scale-500))}.ios-input-bar-textfield{flex:1;min-width:0;margin:0;padding:0;color:var(--color-base-brand-tactile-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:var(--typography-body-font-size);font-weight:var(--typography-body-font-weight);line-height:var(--typography-body-line-height);letter-spacing:var(--typography-body-letter-spacing);background:transparent;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-input-bar-textfield::placeholder{color:var(--color-base-brand-tactile-text-secondary);opacity:1}.ios-input-bar-button{display:grid;flex:0 0 auto;width:var(--size-scale-1000);height:var(--size-scale-1000);margin:0;padding:0;color:var(--color-base-brand-tactile-action-foreground);background:var(--color-base-brand-tactile-action-primary);border:0;border-radius:var(--radius-full);place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:opacity var(--motion-duration-short) ease,transform var(--motion-duration-short) ease}.ios-input-bar-button svg{width:var(--size-scale-600);height:var(--size-scale-600)}.ios-input-bar-button:disabled{color:var(--color-base-brand-tactile-text-secondary);background:var(--color-base-brand-tactile-surface-emphasized);opacity:1}.ios-input-bar-button:not(:disabled){cursor:pointer}.ios-input-bar-button:not(:disabled):active{transform:scale(.95)}.ios-input-bar:focus-within{border-color:var(--color-base-brand-tactile-support-accent)}.ios-input-bar-button:focus-visible{outline:var(--border-width-m) solid var(--color-base-brand-tactile-support-accent);outline-offset:var(--border-width-m)}.ios-input-bar-textfield:focus-visible{outline:0}@media (min-width: var(--breakpoint-md)){.ios-input-bar-container{padding-bottom:var(--spacing-scale-300)}}@media(prefers-reduced-motion:reduce){.ios-input-bar-button{transition:none}}:root,[data-theme=light]{--color-base-white: #ffffffff;--color-base-black: #000000ff;--color-base-gray-50: #f2f2f7ff;--color-base-gray-100: #e5e5eaff;--color-base-gray-400: #aeaeb2ff;--color-base-gray-500: #8a8a8eff;--color-base-gray-700: #c6c6c8ff;--color-base-dm-gray-800: #1c1c1eff;--color-base-dm-gray-900: #38383aff;--color-base-dm-gray-950: #8e8e93ff;--color-base-blue-500: #007affff;--color-base-blue-700: #083382ff;--color-base-red-500: #ff3b30ff;--color-base-green-300: #a8e6a0ff;--color-base-green-500: #34c759ff;--color-base-green-700: #046637ff;--color-base-orange-500: #ff9500ff;--color-base-brand-mark-teal: #2d7884ff;--color-base-brand-mark-terracotta: #d35e39ff;--color-base-brand-tactile-canvas: #fbf8f2ff;--color-base-brand-tactile-surface: #fffdf9ff;--color-base-brand-tactile-surface-emphasized: #f6efe6ff;--color-base-brand-tactile-text-primary: #171a1cff;--color-base-brand-tactile-text-secondary: #67615bff;--color-base-brand-tactile-action-primary: #082e49ff;--color-base-brand-tactile-action-foreground: #fffdf9ff;--color-base-brand-tactile-support-accent: #2d7884ff;--color-base-brand-tactile-warmth-accent: #d35e39ff;--color-base-brand-tactile-border: #e4d8c9ff;--color-base-primary-500: #5e5ce6ff;--color-background-primary: #ffffffff;--color-background-secondary: #f2f2f7ff;--color-background-disabled: #e5e5eaff;--color-background-interactive-secondary: #e5e5eaff;--color-background-ui-accent: #046637ff;--color-text-primary: #000000ff;--color-text-secondary: #8a8a8eff;--color-text-accent: #007affff;--color-text-destructive: #ff3b30ff;--color-text-success: #34c759ff;--color-text-warning: #ff9500ff;--color-text-disabled: #aeaeb2ff;--color-text-on-primary: #ffffffff;--color-text-on-ui-accent: #ffffffff;--color-icon-primary: #000000ff;--color-icon-accent: #5e5ce6ff;--color-icon-success: #34c759ff;--color-icon-warning: #ff9500ff;--color-icon-on-ui-accent: #ffffffff;--color-interactive-primary-default: #046637ff;--color-interactive-primary-disabled: #e5e5eaff;--color-border-default: #c6c6c8ff;--color-border-focus: #007affff;--color-border-accent: #007affff;--spacing-scale-0: 0px;--spacing-scale-50: 4px;--spacing-scale-100: 8px;--spacing-scale-150: 12px;--spacing-scale-200: 16px;--spacing-scale-300: 24px;--spacing-scale-400: 32px;--spacing-scale-500: 40px;--spacing-scale-600: 48px;--spacing-scale-800: 64px;--spacing-scale-1000: 80px;--spacing-scale-1200: 96px;--spacing-scale-1600: 128px;--size-scale-25: 1px;--size-scale-50: 2px;--size-scale-100: 4px;--size-scale-200: 8px;--size-scale-300: 12px;--size-scale-400: 16px;--size-scale-500: 20px;--size-scale-600: 24px;--size-scale-800: 32px;--size-scale-1000: 40px;--size-scale-1200: 48px;--size-scale-1600: 64px;--size-scale-2000: 80px;--size-scale-2400: 96px;--size-scale-3200: 128px;--size-scale-4000: 160px;--size-scale-4800: 192px;--size-scale-6400: 256px;--size-scale-8000: 320px;--size-scale-9600: 384px;--size-scale-11200: 448px;--size-scale-12800: 512px;--size-scale-14400: 576px;--size-scale-16000: 640px;--size-scale-19200: 768px;--size-font-xs: .75rem;--size-font-sm: .875rem;--size-font-md: 1rem;--size-font-lg: 1.125rem;--size-font-xl: 1.25rem;--size-font-xxl: 1.5rem;--size-font-title2: 1.375rem;--size-font-large-title: 2.125rem;--size-font-xxxl: 2.5rem;--size-font-xxxxl: 3.75rem;--font-family-system: System;--font-family-system-mono: System Mono;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--typography-large-title-font-family: System;--typography-large-title-font-weight: 700;--typography-large-title-font-size: 2.125rem;--typography-large-title-line-height: 1.25;--typography-large-title-letter-spacing: -.02em;--typography-title2-font-family: System;--typography-title2-font-weight: 600;--typography-title2-font-size: 1.375rem;--typography-title2-line-height: 1.5;--typography-title2-letter-spacing: 0;--typography-title3-font-family: System;--typography-title3-font-weight: 400;--typography-title3-font-size: 1.25rem;--typography-title3-line-height: 1.5;--typography-title3-letter-spacing: 0;--typography-display-large-font-family: System;--typography-display-large-font-weight: 700;--typography-display-large-font-size: 1.5rem;--typography-display-large-line-height: 1.25;--typography-display-large-letter-spacing: -.02em;--typography-headline-font-family: System;--typography-headline-font-weight: 600;--typography-headline-font-size: 1.125rem;--typography-headline-line-height: 1.5;--typography-headline-letter-spacing: 0;--typography-headline-ios-text-style: .headline;--typography-subheadline-font-family: System;--typography-subheadline-font-weight: 400;--typography-subheadline-font-size: 1rem;--typography-subheadline-line-height: 1.5;--typography-subheadline-letter-spacing: 0;--typography-subheadline-ios-text-style: .subheadline;--typography-body-font-family: System;--typography-body-font-weight: 400;--typography-body-font-size: 1rem;--typography-body-line-height: 1.5;--typography-body-letter-spacing: 0;--typography-body-ios-text-style: .body;--typography-callout-font-family: System;--typography-callout-font-weight: 400;--typography-callout-font-size: 1rem;--typography-callout-line-height: 1.5;--typography-callout-letter-spacing: 0;--typography-callout-ios-text-style: .callout;--typography-caption-font-family: System;--typography-caption-font-weight: 400;--typography-caption-font-size: .875rem;--typography-caption-line-height: 1.5;--typography-caption-letter-spacing: 0;--typography-caption-ios-text-style: .caption1;--typography-footnote-font-family: System;--typography-footnote-font-weight: 400;--typography-footnote-font-size: .75rem;--typography-footnote-line-height: 1.5;--typography-footnote-letter-spacing: 0;--typography-footnote-ios-text-style: .footnote;--typography-button-font-family: System;--typography-button-font-weight: 600;--typography-button-font-size: 1rem;--typography-button-line-height: 1.25;--typography-button-letter-spacing: 0;--typography-display-x-large-font-family: System;--typography-display-x-large-font-weight: 700;--typography-display-x-large-font-size: 2.5rem;--typography-display-x-large-line-height: 1.25;--typography-display-x-large-letter-spacing: -.02em;--typography-display-xx-large-font-family: System;--typography-display-xx-large-font-weight: 700;--typography-display-xx-large-font-size: 3.75rem;--typography-display-xx-large-line-height: 1.25;--typography-display-xx-large-letter-spacing: -.02em;--radius-none: 0px;--radius-xs: 4px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-width-none: 0px;--border-width-s: 1px;--border-width-m: 2px;--border-width-l: 4px;--shadow-low: [object Object];--shadow-medium: [object Object];--shadow-high: [object Object];--breakpoint-xs: 375px;--breakpoint-sm: 600px;--breakpoint-md: 900px;--breakpoint-lg: 1200px;--breakpoint-xl: 1536px;--motion-duration-short: .1s;--motion-duration-medium: .25s;--motion-duration-long: .4s;--motion-duration-startup: 1s;--motion-duration-startup-reduced: .55s;--motion-easing-linear: cubic-bezier(0, 0, 1, 1);--motion-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--motion-easing-ease-out: cubic-bezier(0, 0, .58, 1);--motion-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1)}@keyframes spin{to{transform:rotate(360deg)}}body{margin:0;background:var(--color-base-brand-tactile-canvas)}.shared-grocery-list-container{box-sizing:border-box;min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--spacing-scale-300)) var(--spacing-scale-200) calc(env(safe-area-inset-bottom) + var(--spacing-scale-1600));color:var(--color-base-brand-tactile-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-base-brand-mark-teal) 8%,transparent) 0,transparent 22rem),var(--color-base-brand-tactile-canvas)}.shared-grocery-list-container.loading,.shared-grocery-list-container.error{display:flex;min-height:100dvh;align-items:center;justify-content:center}.shared-grocery-list-container.loading{padding:0;background:var(--color-background-primary)}.shared-grocery-list-container.loading .loading-spinner{width:var(--size-scale-1000);height:var(--size-scale-1000);border:var(--border-width-m) solid var(--color-base-brand-tactile-border);border-top-color:var(--color-base-brand-tactile-support-accent);border-radius:var(--radius-full);animation:spin var(--motion-duration-long) linear infinite}.shared-grocery-list-container.loading p{margin:0;color:var(--color-base-brand-tactile-text-secondary)}.shared-grocery-list-container.error .error-content{max-width:var(--size-scale-11200);padding:var(--spacing-scale-400);text-align:center;background:var(--color-base-brand-tactile-surface);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-l);box-shadow:0 var(--spacing-scale-50) var(--spacing-scale-200) color-mix(in srgb,var(--color-base-brand-tactile-text-primary) 10%,transparent)}.shared-grocery-list-container.error .error-content h2{margin:0 0 var(--spacing-scale-100);color:var(--color-base-brand-tactile-warmth-accent);font-family:ui-serif,New York,Georgia,serif}.shared-grocery-list-container.error .error-content p{margin:0;color:var(--color-base-brand-tactile-text-secondary)}.startup-artwork{width:min(38vmin,var(--size-scale-4000));height:auto}.visually-hidden{position:absolute;width:var(--border-width-s);height:var(--border-width-s);padding:0;margin:calc(var(--border-width-s) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.list-shell-header,.info-section,.items-section,.empty-state,.app-download-cta{width:min(100%,var(--size-scale-19200));margin-right:auto;margin-left:auto}.list-shell-header{margin-bottom:var(--spacing-scale-300)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--spacing-scale-100);margin-bottom:var(--spacing-scale-300)}.brand-symbol{width:var(--size-scale-800);height:var(--size-scale-800);border-radius:22%}.brand-wordmark{color:var(--color-base-brand-tactile-support-accent);font-family:ui-serif,New York,Georgia,serif;font-size:var(--size-font-md);font-weight:var(--typography-headline-font-weight);letter-spacing:-.01em}.list-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-scale-200)}.list-title-row h1{margin:0;color:var(--color-base-brand-tactile-text-primary);font-family:ui-serif,New York,Georgia,serif;font-size:clamp(var(--size-font-xxl),8vw,var(--size-font-xxxl));font-weight:500;line-height:1.06;letter-spacing:-.025em}.shell-eyebrow{margin:0 0 var(--spacing-scale-50);color:var(--color-base-brand-tactile-warmth-accent);font-size:var(--size-font-xs);font-weight:var(--typography-headline-font-weight);line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.access-status{flex-shrink:0;padding:var(--spacing-scale-100) var(--spacing-scale-150);color:var(--color-base-brand-tactile-action-primary);font-size:var(--size-font-xs);font-weight:var(--typography-headline-font-weight);line-height:1.25;white-space:nowrap;background:var(--color-base-brand-tactile-surface-emphasized);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-full)}.shell-status-row{display:flex;flex-wrap:wrap;gap:var(--spacing-scale-100) var(--spacing-scale-200);margin-top:var(--spacing-scale-150)}.shell-status-row span{color:var(--color-base-brand-tactile-text-secondary);font-size:var(--size-font-sm);line-height:1.45}.info-section{box-sizing:border-box;margin-bottom:var(--spacing-scale-400);padding:var(--spacing-scale-150) var(--spacing-scale-200);background:var(--color-base-brand-tactile-surface-emphasized);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-l)}.info-section .info-row{display:flex;align-items:center}.info-section .offline-status .status-text{color:var(--color-base-brand-tactile-text-secondary)}.items-section{margin-bottom:var(--spacing-scale-400)}.section-header{margin:0 0 var(--spacing-scale-100) var(--spacing-scale-100);color:var(--color-base-brand-tactile-text-primary);font-family:ui-serif,New York,Georgia,serif;font-size:var(--size-font-lg);font-weight:500;line-height:1.2;letter-spacing:-.015em}.categorizing-section .section-header{color:var(--color-base-brand-tactile-support-accent);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:var(--size-font-xs);font-weight:var(--typography-headline-font-weight);text-transform:uppercase;letter-spacing:.08em}.items-group{overflow:hidden;background:var(--color-base-brand-tactile-surface);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-l);box-shadow:0 var(--spacing-scale-50) var(--spacing-scale-200) color-mix(in srgb,var(--color-base-brand-tactile-text-primary) 8%,transparent)}.grocery-item-row{position:relative;display:flex;min-height:var(--size-scale-1200);align-items:center;padding:var(--spacing-scale-50) var(--spacing-scale-200);background:var(--color-base-brand-tactile-surface);border-bottom:var(--border-width-s) solid color-mix(in srgb,var(--color-base-brand-tactile-border) 75%,transparent)}.grocery-item-row.last{border-bottom:0}.grocery-item-row.categorizing .checkbox-button{cursor:default;opacity:.6}.checkbox-button{display:grid;flex:0 0 auto;width:var(--size-scale-1200);height:var(--size-scale-1200);margin:0 var(--spacing-scale-100) 0 0;padding:0;color:var(--color-base-brand-tactile-text-secondary);background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;place-items:center}.checkbox-button:focus-visible{outline:var(--border-width-m) solid var(--color-base-brand-tactile-support-accent);outline-offset:calc(-1 * var(--border-width-m))}.checkbox-button .checkbox-icon{width:var(--size-scale-600);height:var(--size-scale-600);transition:transform var(--motion-duration-short) ease}.checkbox-button .checkbox-icon.checked{transform:scale(1.05)}.checkbox-button .checkbox-icon.unchecked circle{stroke:var(--color-base-brand-tactile-text-secondary)}.checkbox-button .checkbox-icon.checked circle{fill:var(--color-base-brand-tactile-action-primary)}.item-content{flex:1;min-width:0;overflow:hidden;cursor:pointer}.item-text{display:flex;flex-direction:column;gap:var(--spacing-scale-50)}.item-name{color:var(--color-base-brand-tactile-text-primary);font-size:var(--size-font-md);font-weight:var(--typography-body-font-weight);line-height:1.3}.item-name.checked{color:var(--color-base-brand-tactile-text-secondary);text-decoration:line-through}.item-status{color:var(--color-base-brand-tactile-support-accent);font-size:var(--size-font-sm);line-height:1.3}.item-edit-form,.edit-name-input{box-sizing:border-box;width:100%}.edit-name-input{padding:var(--spacing-scale-100) var(--spacing-scale-150);color:var(--color-base-brand-tactile-text-primary);font:inherit;background:var(--color-base-brand-tactile-canvas);border:var(--border-width-m) solid var(--color-base-brand-tactile-support-accent);border-radius:var(--radius-s);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.empty-state{box-sizing:border-box;margin-bottom:var(--spacing-scale-400);padding:var(--spacing-scale-600) var(--spacing-scale-400);text-align:center;background:var(--color-base-brand-tactile-surface);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-l)}.empty-state p{margin:0;color:var(--color-base-brand-tactile-text-secondary)}.app-download-cta{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-scale-300);margin-top:var(--spacing-scale-600);margin-bottom:var(--spacing-scale-300);padding:var(--spacing-scale-300);background:var(--color-base-brand-tactile-surface-emphasized);border:var(--border-width-s) solid var(--color-base-brand-tactile-border);border-radius:var(--radius-l)}.app-download-cta h2{margin:0 0 var(--spacing-scale-50);font-family:ui-serif,New York,Georgia,serif;font-size:var(--size-font-lg);font-weight:500;line-height:1.2}.app-download-cta p{margin:0;color:var(--color-base-brand-tactile-text-secondary);font-size:var(--size-font-sm);line-height:1.4}.app-download-cta-link{display:inline-flex;flex-shrink:0;min-height:var(--size-scale-1000);align-items:center;justify-content:center;padding:0 var(--spacing-scale-200);color:var(--color-base-brand-tactile-action-foreground);font-size:var(--size-font-sm);font-weight:var(--typography-button-font-weight);line-height:1;text-decoration:none;white-space:nowrap;background:var(--color-base-brand-tactile-action-primary);border-radius:var(--radius-full)}.app-download-cta-link:focus-visible{outline:var(--border-width-m) solid var(--color-base-brand-tactile-support-accent);outline-offset:var(--border-width-m)}@media (max-width: var(--breakpoint-sm)){.shared-grocery-list-container{padding-top:calc(env(safe-area-inset-top) + var(--spacing-scale-200))}.brand-lockup{margin-bottom:var(--spacing-scale-200)}.list-title-row,.app-download-cta{align-items:stretch;flex-direction:column}.access-status,.app-download-cta-link{align-self:flex-start}}@media (min-width: var(--breakpoint-md)){.shared-grocery-list-container{padding-top:var(--spacing-scale-500)}}@media(prefers-reduced-motion:reduce){.loading-spinner,.checkbox-icon{animation:none;transition:none}}