:root{--_violet-500: #7c3aed;--_violet-700: #6d28d9;--_violet-900: #4c1d95;--_violet-100: #f3edff;--_violet-50: #f4effd;--_violet-50-strong: #e2d3fa;--_violet-50-soft: #efe7fc;--_canvas: #f7f6fa;--_white: #ffffff;--_field: #fbfafd;--_overlay: rgb(255 255 255 / 64%);--_scrim: rgb(23 21 28 / 46%);--_ink-950: #1a1820;--_ink-700: #55505f;--_ink-600: #3e3550;--_border-200: #e8e5ee;--_border-100: #e4e4e7;--_border-300: #c4b5fd;--_divider: #f5f3f8;--_disabled: #b9a4e8;--_error-700: #b42318;--_error-500: #d93a3f;--_error-50: rgb(253 236 236);--_success-800: #1b5c42;--_shopping-completed-100: #eff8f3;--_shopping-completed-200: #cdebdb;--_pending-800: #5b21b6;--_shopping-500: #ca145a;--_phase-coral: #ff7900;--_phase-rose: #be185d;--_shopping-100: #fff7fa;--_shopping-200: #fac1d8;--_tag-vegetarian-100: #eff8f3;--_ingredient-include-surface: #f3faf6;--_ingredient-include-border: #cdebdb;--_ingredient-include-action: #2f9e70;--_ingredient-exclude-surface: #fdf4f3;--_ingredient-exclude-border: #f2d3d0;--_planning-active-100: #faf7ff;--_planning-active-200: #d8c0ff;--_planning-future-100: #faf9fb;--_planning-future-200: #ebe7ee;--_planning-future-600: #827b89;--_planning-completed-500: #9c7cdb;--_planning-connector: #eee7f8;--_vote-red: #fcc9c3;--_vote-red-border: rgb(230 140 129);--_vote-red-text: #a82418;--_vote-red-selected: #f5372a;--_vote-orange: rgb(255 224 180);--_vote-orange-border: rgb(239 183 103);--_vote-orange-text: #a96406;--_vote-orange-selected: rgb(255 163 24);--_vote-yellow: rgb(255 237 190);--_vote-yellow-border: rgb(237 204 114);--_vote-yellow-text: #9c770b;--_vote-yellow-selected: rgb(255 201 74);--_vote-light-green: rgb(228 244 184);--_vote-light-green-border: rgb(185 219 105);--_vote-light-green-text: #5e7b0a;--_vote-light-green-selected: rgb(168 217 37);--_vote-green: rgb(205 238 214);--_vote-green-border: rgb(140 210 157);--_vote-green-text: #217a37;--_vote-green-selected: rgb(76 199 100);--_voting-status-text: rgb(165 160 174);--_voting-instruction-text: rgb(139 135 148);--color-surface-canvas: var(--_canvas);--color-surface-card: var(--_white);--color-surface-field: var(--_field);--color-surface-selected: var(--_violet-100);--color-surface-accent: var(--_violet-50);--color-surface-accent-strong: var(--_violet-50-strong);--color-surface-accent-soft: var(--_violet-50-soft);--color-surface-shopping-list-link: color-mix(in srgb, var(--_violet-500) 8%, var(--_white) 92%);--color-surface-overlay: var(--_overlay);--color-surface-overlay-badge: var(--color-surface-card);--color-surface-scrim: var(--_scrim);--color-surface-disabled: var(--_divider);--color-surface-destructive-soft: var(--_error-50);--color-text-primary: var(--_ink-950);--color-text-secondary: var(--_ink-700);--color-text-tertiary: color-mix( in srgb, var(--color-text-secondary) 72%, var(--color-surface-card) );--color-text-disabled: var(--_ink-600);--color-text-on-accent: var(--_white);--color-text-on-selected: var(--_violet-700);--color-text-shopping-list-link-detail: color-mix(in srgb, var(--_violet-500) 68%, #6b6774 32%);--color-text-shopping-list-link-title: color-mix(in srgb, var(--_violet-500) 72%, #000 28%);--color-border-default: var(--_border-200);--color-border-subtle: var(--_border-100);--color-border-strong: var(--_border-300);--color-border-error: var(--_error-700);--color-border-divider: var(--_divider);--color-action-primary: var(--_violet-500);--color-icon-rhythm-info: color-mix(in oklab, var(--_violet-500) 78%, black);--color-action-primary-hover: var(--_violet-700);--color-action-primary-pressed: var(--_violet-900);--color-action-primary-disabled: var(--_disabled);--color-action-focus: var(--_violet-900);--color-action-quiet-hover: var(--_violet-50);--color-action-destructive: var(--_error-700);--color-action-destructive-hover: var(--_violet-900);--color-action-destructive-disabled: var(--_disabled);--color-action-destructive-prominent: var(--_error-500);--color-status-error: var(--_error-700);--color-status-success: var(--_success-800);--color-status-pending: var(--_pending-800);--color-shopping-completed-surface: var(--_shopping-completed-100);--color-shopping-completed-border: var(--_shopping-completed-200);--color-shopping-completed-text: var(--_success-800);--color-planning-active-surface: var(--_planning-active-100);--color-planning-active-border: var(--_planning-active-200);--color-planning-active-indicator: var(--color-action-primary);--color-planning-completed-indicator: var(--_planning-completed-500);--color-planning-future-surface: var(--_planning-future-100);--color-planning-future-border: var(--_planning-future-200);--color-planning-future-indicator: var(--_planning-future-600);--color-planning-connector: var(--_planning-connector);--color-planning-shopping-surface: var(--_shopping-100);--color-planning-shopping-border: var(--_shopping-200);--color-planning-shopping-indicator: var(--_shopping-500);--color-phase-suggestion: var(--_violet-500);--color-phase-suggestion-surface: var(--_violet-100);--color-phase-voting: var(--_phase-coral);--color-phase-voting-surface: color-mix(in srgb, var(--_phase-coral) 20%, var(--_white));--color-phase-shopping: var(--_phase-rose);--color-phase-shopping-surface: color-mix(in srgb, var(--_phase-rose) 12%, var(--_white));--color-vote-1-surface: var(--_vote-red);--color-vote-1-border: var(--_vote-red-border);--color-vote-1-text: var(--_vote-red-text);--color-vote-1-selected-surface: var(--_vote-red-selected);--color-vote-2-surface: var(--_vote-orange);--color-vote-2-border: var(--_vote-orange-border);--color-vote-2-text: var(--_vote-orange-text);--color-vote-2-selected-surface: var(--_vote-orange-selected);--color-vote-3-surface: var(--_vote-yellow);--color-vote-3-border: var(--_vote-yellow-border);--color-vote-3-text: var(--_vote-yellow-text);--color-vote-3-selected-surface: var(--_vote-yellow-selected);--color-vote-4-surface: var(--_vote-light-green);--color-vote-4-border: var(--_vote-light-green-border);--color-vote-4-text: var(--_vote-light-green-text);--color-vote-4-selected-surface: var(--_vote-light-green-selected);--color-vote-5-surface: var(--_vote-green);--color-vote-5-border: var(--_vote-green-border);--color-vote-5-text: var(--_vote-green-text);--color-vote-5-selected-surface: var(--_vote-green-selected);--color-voting-status-text: var(--_voting-status-text);--color-voting-instruction-text: var(--_voting-instruction-text);--color-recipe-tag-vegetarian-surface: var(--_tag-vegetarian-100);--color-recipe-tag-vegetarian-text: var(--_success-800);--color-recipe-tag-purple-surface: var(--color-surface-selected);--color-recipe-tag-purple-text: var(--_pending-800);--color-recipe-tag-fallback-surface: var(--color-surface-disabled);--color-recipe-tag-fallback-text: var(--color-text-secondary);--color-ingredient-include-surface: var(--_ingredient-include-surface);--color-ingredient-include-border: var(--_ingredient-include-border);--color-ingredient-include-action: var(--_ingredient-include-action);--color-ingredient-exclude-surface: var(--_ingredient-exclude-surface);--color-ingredient-exclude-border: var(--_ingredient-exclude-border);--color-recipe-placeholder-base: var(--color-surface-accent);--color-recipe-placeholder-stripe: color-mix( in srgb, var(--color-action-primary) 10%, transparent );--color-recipe-placeholder-sage: var(--color-recipe-tag-vegetarian-surface);--color-recipe-placeholder-sand: color-mix( in srgb, var(--color-surface-accent) 55%, var(--color-surface-card) );--color-recipe-placeholder-rose: var(--color-surface-destructive-soft);--color-recipe-placeholder-blue-grey: color-mix( in srgb, var(--color-surface-disabled) 72%, var(--color-surface-card) );--color-onboarding-hero: color-mix(in srgb, var(--_violet-500) 10%, var(--_white));--color-onboarding-blob: color-mix(in srgb, var(--_violet-500) 20%, var(--_white));--color-onboarding-card-border: #edeaf3;--color-onboarding-recommendation-surface: #fff4d6;--color-onboarding-recommendation-icon: #9a7414;--color-onboarding-description: #6b6774;--color-onboarding-count: var(--_voting-status-text);--color-onboarding-hint: var(--_voting-instruction-text);--color-onboarding-hint-dot: #c4bfcc;--color-onboarding-hint-green-surface: #ecf9f1;--color-onboarding-hint-green-text: #15803d;--color-onboarding-hint-green-dot: #16a34a;--color-onboarding-hint-yellow-surface: #fff6df;--color-onboarding-hint-yellow-text: #9a6508;--color-onboarding-hint-yellow-dot: #eaa00a;--color-onboarding-action-disabled: #e4e0eb;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--typography-display: 700 clamp(2.5rem, 6vw, 4rem) / 1.1 var(--font-family-sans);--typography-page-title: 700 1.875rem / 1.1 var(--font-family-sans);--typography-section-title: 700 1.25rem / 1.25 var(--font-family-sans);--typography-subsection-title: 700 .96875rem / 1.25 var(--font-family-sans);--typography-body: 400 .9375rem / 1.5 var(--font-family-sans);--typography-label: 600 .8125rem / 1.3 var(--font-family-sans);--typography-label-strong: 700 .8125rem / 1.3 var(--font-family-sans);--typography-action-emphasis: 700 1.03125rem / 1.3 var(--font-family-sans);--typography-caption: 400 .75rem / 1.35 var(--font-family-sans);--typography-overline: 600 .625rem / 1.2 var(--font-family-sans);--typography-onboarding-title: 700 1.625rem / 1.14 var(--font-family-sans);--typography-onboarding-description: 400 .90625rem / 1.45 var(--font-family-sans);--typography-onboarding-recommendation: 700 .875rem / 1.45 var(--font-family-sans);--typography-onboarding-caption: 400 .78125rem / 1.45 var(--font-family-sans);--typography-onboarding-count: 700 .875rem / 1.4 var(--font-family-sans);--typography-onboarding-weekday: 700 .84375rem / 1.2 var(--font-family-sans);--typography-onboarding-hint: 600 .75rem / 1.4 var(--font-family-sans);--size-control-sm: 2.25rem;--size-control-md: 3rem;--size-control-lg: 3.25rem;--size-icon-sm: 1.125rem;--size-icon-md: 1.5rem;--size-icon-action: 1.25rem;--size-calendar-navigation: 2rem;--size-calendar-media: 10.25rem;--size-calendar-dialog-image: 2.625rem;--size-onboarding-hero: 16.75rem;--size-onboarding-blob: 11.25rem;--size-onboarding-recommendation-icon: 2.125rem;--size-onboarding-hint-dot: .4375rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-control: .9375rem;--radius-card: 1.625rem;--radius-page: 2.25rem;--radius-full: 999px;--radius-calendar-selector: .75rem;--radius-calendar-card: 1.25rem;--radius-calendar-dialog: 1.5rem;--radius-onboarding-recommendation: 1.125rem;--radius-onboarding-icon: .6875rem;--radius-onboarding-weekday: .75rem;--elevation-card: 0 18px 44px rgb(26 24 32 / 14%);--elevation-action: 4px 4px 16px rgb(26 24 32 / 20%);--elevation-shopping-list-link-action: 0 5px 14px color-mix(in srgb, var(--_violet-500) 28%, transparent 72%);--elevation-shopping-list-mark: 0 1px 5px rgb(26 24 32 / 28%);--elevation-action-pressed: 2px 2px 8px rgb(26 24 32 / 20%);--elevation-overlay: 0 2px 8px rgb(26 24 32 / 14%);--elevation-weekday-button: 0 6px 18px rgb(26 24 32 / 6%);--elevation-recipe-result-card: 0 4px 16px rgb(26 24 32 / 6%);--elevation-recipe-badge: 0 2px 8px rgb(26 24 32 / 14%);--elevation-onboarding-card: 0 8px 24px rgb(26 24 32 / 7%);--page-gutter: var(--space-4);--content-width: 72rem;--size-bottom-navigation: 3.375rem;--duration-fast: .1s;--duration-standard: .15s;--duration-slow: .25s;--ease-standard: ease;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}:root{--color-admin-canvas: #090a0e}html,body{margin:0;min-height:100%;background-color:#f7f6fa}html:has(app-admin-shell,app-admin-login),html:has(app-admin-shell,app-admin-login) body{background-color:var(--color-admin-canvas);color-scheme:dark}html:has([data-admin-theme=light]),html:has([data-admin-theme=light]) body{--color-admin-canvas: #f7f6fa;color-scheme:light}*{box-sizing:border-box}