:root,html[data-theme=ocean],html[data-theme=leaf],html[data-theme=dark]{--fd-color-gray-50: var(--fd-color-slate-50);--fd-color-gray-100: var(--fd-color-slate-100);--fd-color-gray-200: var(--fd-color-slate-200);--fd-color-gray-300: var(--fd-color-slate-300);--fd-color-gray-400: var(--fd-color-slate-400);--fd-color-gray-500: var(--fd-color-slate-500);--fd-color-gray-600: var(--fd-color-slate-600);--fd-color-gray-700: var(--fd-color-slate-700);--fd-color-gray-800: var(--fd-color-slate-800);--fd-color-gray-900: var(--fd-color-slate-900);--fd-color-secondary-50: var(--fd-color-slate-50);--fd-color-secondary-100: var(--fd-color-slate-100);--fd-color-secondary-200: var(--fd-color-slate-200);--fd-color-secondary-300: var(--fd-color-slate-300);--fd-color-secondary-400: var(--fd-color-slate-400);--fd-color-secondary-500: var(--fd-color-slate-500);--fd-color-secondary-600: var(--fd-color-slate-600);--fd-color-secondary-700: var(--fd-color-slate-700);--fd-color-secondary-800: var(--fd-color-slate-800);--fd-color-secondary-900: var(--fd-color-slate-900);--fd-color-success-50: var(--fd-palette-success-50);--fd-color-success-100: var(--fd-palette-success-100);--fd-color-success-200: var(--fd-palette-success-200);--fd-color-success-300: var(--fd-palette-success-300);--fd-color-success-400: var(--fd-palette-success-400);--fd-color-success-500: var(--fd-palette-success-500);--fd-color-success-600: var(--fd-palette-success-600);--fd-color-success-700: var(--fd-palette-success-700);--fd-color-success-800: var(--fd-palette-success-800);--fd-color-success-900: var(--fd-palette-success-900);--fd-color-warning-50: var(--fd-palette-warning-50);--fd-color-warning-100: var(--fd-palette-warning-100);--fd-color-warning-200: var(--fd-palette-warning-200);--fd-color-warning-300: var(--fd-palette-warning-300);--fd-color-warning-400: var(--fd-palette-warning-400);--fd-color-warning-500: var(--fd-palette-warning-500);--fd-color-warning-600: var(--fd-palette-warning-600);--fd-color-warning-700: var(--fd-palette-warning-700);--fd-color-warning-800: var(--fd-palette-warning-800);--fd-color-warning-900: var(--fd-palette-warning-900);--fd-color-danger-50: var(--fd-palette-danger-50);--fd-color-danger-100: var(--fd-palette-danger-100);--fd-color-danger-200: var(--fd-palette-danger-200);--fd-color-danger-300: var(--fd-palette-danger-300);--fd-color-danger-400: var(--fd-palette-danger-400);--fd-color-danger-500: var(--fd-palette-danger-500);--fd-color-danger-600: var(--fd-palette-danger-600);--fd-color-danger-700: var(--fd-palette-danger-700);--fd-color-danger-800: var(--fd-palette-danger-800);--fd-color-danger-900: var(--fd-palette-danger-900);--fd-color-bg-page: var(--fd-color-background);--fd-color-bg-card: var(--fd-color-surface);--fd-color-bg-muted: var(--fd-color-surface-muted);--fd-color-chart-calories: var(--fd-color-orange-500);--fd-color-chart-proteins: var(--fd-color-blue-500);--fd-color-chart-fats: var(--fd-color-yellow-300);--fd-color-chart-carbs: var(--fd-color-emerald-500);--fd-color-chart-fiber: var(--fd-color-purple-500);--fd-color-chart-radar-background: color-mix(in srgb, var(--fd-color-chart-proteins) 20%, transparent);--fd-color-chart-radar-border: var(--fd-color-chart-proteins);--fd-color-chart-primary-fill: color-mix(in srgb, var(--fd-color-primary-600) 15%, transparent);--fd-color-nutrition-calories: var(--fd-color-rose-500);--fd-color-nutrition-proteins: var(--fd-color-chart-proteins);--fd-color-nutrition-fats: var(--fd-color-orange-700);--fd-color-nutrition-carbs: var(--fd-color-teal-700);--fd-color-nutrition-fiber: var(--fd-color-purple-700);--fd-color-nutrition-alcohol: var(--fd-color-slate-500);--fd-color-nutrition-calories-fill: color-mix(in srgb, var(--fd-color-nutrition-calories) 14%, transparent);--fd-color-nutrition-proteins-fill: color-mix(in srgb, var(--fd-color-nutrition-proteins) 14%, transparent);--fd-color-nutrition-fats-fill: color-mix(in srgb, var(--fd-color-nutrition-fats) 14%, transparent);--fd-color-nutrition-carbs-fill: color-mix(in srgb, var(--fd-color-nutrition-carbs) 14%, transparent);--fd-color-nutrition-fiber-fill: color-mix(in srgb, var(--fd-color-nutrition-fiber) 14%, transparent);--fd-color-nutrition-alcohol-fill: color-mix(in srgb, var(--fd-color-nutrition-alcohol) 10%, transparent);--fd-color-nutrition-macro-bar-bg: var(--fd-bg-muted-tint-strong);--fd-color-nutrition-error-border: color-mix(in srgb, var(--fd-color-danger) 20%, transparent);--fd-color-nutrition-error-bg: color-mix(in srgb, var(--fd-color-danger) 14%, var(--fd-color-white));--fd-color-nutrition-error-text: var(--fd-color-red-700);--fd-color-nutrition-warning-border: color-mix(in srgb, var(--fd-color-amber-500) 30%, transparent);--fd-color-nutrition-warning-bg: color-mix(in srgb, var(--fd-color-amber-500) 10%, var(--fd-color-white));--fd-color-nutrition-warning-text: var(--fd-color-orange-700);--fd-color-dialog-surface: var(--fd-color-surface);--fd-color-dialog-surface-muted: var(--fd-color-surface-muted);--fd-color-dialog-border: var(--fd-color-border);--fd-color-dialog-overlay: var(--fd-bg-overlay-strong);--fd-color-warn-strong: var(--fd-color-orange-500);--fd-color-success-strong: var(--fd-color-green-500);--fd-color-danger-strong: var(--fd-color-red-600);--fd-button-host-width: auto;--fd-button-host-min-width: 0;--fd-button-border-radius: var(--fd-radius-button);--fd-button-justify-content: center;--fd-button-font-size: var(--fd-text-action-size);--fd-button-line-height: var(--fd-text-action-line-height);--fd-button-font-weight: var(--fd-text-action-weight);--fd-button-gap: var(--fd-space-xxs);--fd-button-width: auto;--fd-button-height-explicit: auto;--fd-button-position: static;--fd-button-z-index: auto;--fd-button-pointer-events: auto;--fd-button-white-space: normal;--fd-button-shadow-default: var(--fd-shadow-none);--fd-button-transform-default: none;--fd-button-transform-hover: var(--fd-transform-control-hover);--fd-button-shadow-active: var(--fd-shadow-none);--fd-button-transform-active: translateY(0);--fd-button-shadow-disabled: var(--fd-shadow-none);--fd-button-transform-disabled: none;--fd-button-label-display: inline;--fd-button-height: var(--fd-size-control-md);--fd-button-padding-x: var(--fd-space-sm);--fd-button-text-padding-x: calc(var(--fd-space-xxs) + var(--fd-space-micro));--fd-button-icon-size: var(--fd-size-icon-sm);--fd-button-spinner-size: var(--fd-size-icon-sm);--fd-button-border-width: var(--fd-border-width);--fd-button-border-style: solid;--fd-button-letter-spacing: var(--fd-letter-spacing-emphasis);--fd-button-min-width: 0;--fd-button-margin: 0;--fd-button-shadow-hover: var(--fd-shadow-button-hover);--fd-button-disabled-opacity: 1;--fd-button-background-hover: var(--fd-button-background-default);--fd-button-border-hover: var(--fd-button-border-default);--fd-button-text-hover: var(--fd-button-text-default);--fd-button-background-active: var(--fd-button-background-hover);--fd-button-border-active: var(--fd-button-border-hover);--fd-button-text-active: var(--fd-button-text-hover);--fd-button-background-disabled: var(--fd-button-background-default);--fd-button-border-disabled: var(--fd-button-border-default);--fd-button-text-disabled: var(--fd-button-text-default);--fd-button-focus-ring-color: color-mix(in srgb, var(--fd-color-primary-400) 72%, var(--fd-color-white));--fd-button-focus-ring-shadow: 0 0 0 2px color-mix(in srgb, var(--fd-color-surface) 86%, transparent), 0 0 0 4px color-mix(in srgb, var(--fd-button-focus-ring-color) 64%, transparent);--fd-emoji-picker-emoji-size: var(--fd-size-emoji-picker-emoji);--fd-emoji-picker-emoji-size-sm: var(--fd-size-emoji-picker-emoji-sm);--fd-section-state-error-icon-size: var(--fd-size-icon-xxl);--fd-dialog-panel-width-offset: var(--fd-size-dialog-panel-width-offset);--fd-dialog-panel-width-sm: var(--fd-size-dialog-panel-width-sm);--fd-dialog-panel-width-md: var(--fd-size-dialog-panel-width-md);--fd-dialog-panel-width-lg: var(--fd-size-dialog-panel-width-lg);--fd-dialog-panel-width-xl: var(--fd-size-dialog-panel-width-xl);--fd-dialog-max-height: var(--fd-size-dialog-max-height);--fd-dialog-max-height-detail: var(--fd-size-dialog-max-height-detail);--fd-dialog-vertical-padding: var(--fd-size-dialog-vertical-padding);--fd-dialog-vertical-padding-sm: var(--fd-size-dialog-vertical-padding-sm);--fd-dialog-vertical-padding-lg: var(--fd-size-dialog-vertical-padding-lg);--fd-dialog-header-block: var(--fd-border-none);--fd-dialog-header-block-default: var(--fd-size-dialog-header-block-default);--fd-dialog-footer-block: var(--fd-border-none);--fd-dialog-footer-block-default: var(--fd-size-dialog-footer-block-default);--fd-dialog-body-scrollbar-offset: var(--fd-space-sm);--fd-dialog-body-padding-block: var(--fd-space-xxs);--fd-dialog-scrollbar-width: calc(var(--fd-space-xs) + var(--fd-space-micro));--fd-dialog-scrollbar-thumb-border-width: var(--fd-space-micro);--fd-dialog-close-button-size: var(--fd-size-control-sm);--fd-image-preview-max-height: var(--fd-size-image-preview-max-height);--fd-image-preview-close-inset: var(--fd-size-image-preview-close-inset);--fd-image-preview-close-inset-mobile: var(--fd-space-sm);--fd-image-preview-close-size: var(--fd-size-control-lg);--fd-image-preview-close-size-mobile: var(--fd-size-control-touch);--fd-image-preview-close-icon-size: var(--fd-size-icon-xxl);--fd-image-preview-max-width: var(--fd-size-image-preview-max-width);--fd-image-preview-image-max-height: var(--fd-size-image-preview-image-max-height);--fd-image-preview-image-max-height-mobile: var(--fd-size-image-preview-image-max-height-mobile);--fd-image-preview-caption-max-width: var(--fd-size-image-preview-caption-max-width);--fd-button-outline-background-default: transparent;--fd-button-outline-background-hover: var(--fd-color-primary-50);--fd-button-outline-background-active: var(--fd-color-primary-100);--fd-button-outline-background-disabled: transparent;--fd-button-outline-border-default: var(--fd-color-primary-500);--fd-button-outline-border-hover: var(--fd-color-primary-600);--fd-button-outline-border-active: var(--fd-color-primary-600);--fd-button-outline-border-disabled: var(--fd-color-gray-300);--fd-button-outline-text-default: var(--fd-color-primary-600);--fd-button-outline-text-disabled: var(--fd-color-gray-400);--fd-button-ghost-background-default: transparent;--fd-button-ghost-background-hover: var(--fd-color-primary-50);--fd-button-ghost-background-active: var(--fd-color-primary-100);--fd-button-ghost-background-disabled: transparent;--fd-button-ghost-border-default: transparent;--fd-button-ghost-border-hover: transparent;--fd-button-ghost-border-active: transparent;--fd-button-ghost-border-disabled: transparent;--fd-button-ghost-text-default: var(--fd-color-primary-600);--fd-button-ghost-text-disabled: var(--fd-color-gray-400);--fd-button-secondary-background-default: var(--fd-color-surface);--fd-button-secondary-background-hover: var(--fd-color-surface-raised);--fd-button-secondary-background-active: color-mix(in srgb, var(--fd-color-surface-raised) 86%, var(--fd-color-text) 14%);--fd-button-secondary-background-disabled: color-mix(in srgb, var(--fd-color-surface) 92%, var(--fd-color-text) 8%);--fd-button-secondary-border-default: var(--fd-color-border-strong);--fd-button-secondary-border-hover: color-mix(in srgb, var(--fd-color-border-strong) 72%, var(--fd-color-text) 28%);--fd-button-secondary-border-active: color-mix(in srgb, var(--fd-color-border-strong) 58%, var(--fd-color-text) 42%);--fd-button-secondary-border-disabled: color-mix(in srgb, var(--fd-color-border) 70%, transparent);--fd-button-secondary-text-default: var(--fd-color-text);--fd-button-secondary-text-disabled: var(--fd-color-text-muted);--fd-button-secondary-text-background-default: transparent;--fd-button-secondary-text-background-hover: color-mix(in srgb, var(--fd-color-text) 8%, transparent);--fd-button-secondary-text-background-active: color-mix(in srgb, var(--fd-color-text) 14%, transparent);--fd-button-secondary-text-background-disabled: transparent;--fd-button-secondary-text-border-default: transparent;--fd-button-secondary-text-border-hover: transparent;--fd-button-secondary-text-border-active: transparent;--fd-button-secondary-text-border-disabled: transparent;--fd-button-secondary-text-text-default: var(--fd-color-text);--fd-button-secondary-text-text-disabled: var(--fd-color-text-muted);--fd-button-danger-background-default: var(--fd-color-danger);--fd-button-danger-background-hover: color-mix(in srgb, var(--fd-color-danger) 86%, var(--fd-color-slate-900) 14%);--fd-button-danger-background-active: color-mix(in srgb, var(--fd-color-danger) 76%, var(--fd-color-slate-900) 24%);--fd-button-danger-background-disabled: color-mix(in srgb, var(--fd-color-danger) 34%, var(--fd-color-white));--fd-button-danger-border-default: transparent;--fd-button-danger-border-hover: transparent;--fd-button-danger-border-active: transparent;--fd-button-danger-border-disabled: transparent;--fd-button-danger-text-default: var(--fd-color-white);--fd-button-danger-text-disabled: color-mix(in srgb, var(--fd-color-white) 63%, transparent);--fd-button-danger-outline-background-default: transparent;--fd-button-danger-outline-background-hover: color-mix(in srgb, var(--fd-color-danger) 10%, transparent);--fd-button-danger-outline-background-active: color-mix(in srgb, var(--fd-color-danger) 16%, transparent);--fd-button-danger-outline-background-disabled: transparent;--fd-button-danger-outline-border-default: var(--fd-color-danger);--fd-button-danger-outline-border-hover: color-mix(in srgb, var(--fd-color-danger) 82%, var(--fd-color-text) 18%);--fd-button-danger-outline-border-active: color-mix(in srgb, var(--fd-color-danger) 72%, var(--fd-color-text) 28%);--fd-button-danger-outline-border-disabled: color-mix(in srgb, var(--fd-color-danger) 36%, transparent);--fd-button-danger-outline-text-default: var(--fd-color-danger);--fd-button-danger-outline-text-disabled: color-mix(in srgb, var(--fd-color-danger) 45%, var(--fd-color-surface));--fd-button-danger-ghost-background-default: transparent;--fd-button-danger-ghost-background-hover: color-mix(in srgb, var(--fd-color-danger) 8%, transparent);--fd-button-danger-ghost-background-active: color-mix(in srgb, var(--fd-color-danger) 16%, transparent);--fd-button-danger-ghost-background-disabled: color-mix(in srgb, var(--fd-color-danger) 4%, transparent);--fd-button-danger-ghost-border-default: transparent;--fd-button-danger-ghost-border-hover: transparent;--fd-button-danger-ghost-border-active: transparent;--fd-button-danger-ghost-border-disabled: transparent;--fd-button-danger-ghost-text-default: var(--fd-color-danger);--fd-button-danger-ghost-text-disabled: color-mix(in srgb, var(--fd-color-danger) 34%, var(--fd-color-white));--fd-button-info-background-default: color-mix(in srgb, var(--fd-color-info) 12%, var(--fd-color-surface));--fd-button-info-background-hover: color-mix(in srgb, var(--fd-color-info) 18%, var(--fd-color-surface-raised));--fd-button-info-background-active: color-mix(in srgb, var(--fd-color-info) 24%, var(--fd-color-surface-raised));--fd-button-info-background-disabled: color-mix(in srgb, var(--fd-color-info) 8%, var(--fd-color-surface));--fd-button-info-border-default: transparent;--fd-button-info-border-hover: transparent;--fd-button-info-border-active: transparent;--fd-button-info-border-disabled: transparent;--fd-button-info-text-default: var(--fd-color-info);--fd-button-info-text-disabled: color-mix(in srgb, var(--fd-color-info) 45%, var(--fd-color-surface));--fd-button-info-text-background-default: transparent;--fd-button-info-text-background-hover: color-mix(in srgb, var(--fd-color-info) 12%, transparent);--fd-button-info-text-background-active: color-mix(in srgb, var(--fd-color-info) 20%, transparent);--fd-button-info-text-background-disabled: transparent;--fd-button-info-text-border-default: transparent;--fd-button-info-text-border-hover: transparent;--fd-button-info-text-border-active: transparent;--fd-button-info-text-border-disabled: transparent;--fd-button-info-text-text-default: var(--fd-color-info);--fd-button-info-text-text-disabled: color-mix(in srgb, var(--fd-color-info) 45%, var(--fd-color-surface))}:root{--fd-palette-success-50: #ecfdf3;--fd-palette-success-100: #d1fae5;--fd-palette-success-200: #a7f3d0;--fd-palette-success-300: #6ee7b7;--fd-palette-success-400: #34d399;--fd-palette-success-500: #10b981;--fd-palette-success-600: #059669;--fd-palette-success-700: #047857;--fd-palette-success-800: #065f46;--fd-palette-success-900: #064e3b;--fd-palette-warning-50: #fff7ed;--fd-palette-warning-100: #ffedd5;--fd-palette-warning-200: #fed7aa;--fd-palette-warning-300: #fdba74;--fd-palette-warning-400: #fb923c;--fd-palette-warning-500: #f97316;--fd-palette-warning-600: #ea580c;--fd-palette-warning-700: #c2410c;--fd-palette-warning-800: #9a3412;--fd-palette-warning-900: #7c2d12;--fd-palette-danger-50: #fef2f2;--fd-palette-danger-100: #fee2e2;--fd-palette-danger-200: #fecaca;--fd-palette-danger-300: #fca5a5;--fd-palette-danger-400: #f87171;--fd-palette-danger-500: #ef4444;--fd-palette-danger-600: #dc2626;--fd-palette-danger-700: #b91c1c;--fd-palette-danger-800: #991b1b;--fd-palette-danger-900: #7f1d1d}:root,html[data-theme=ocean]{--fd-color-primary: #2563eb;--fd-color-accent: #f59e0b;--fd-color-success: #10b981;--fd-color-info: #0ea5e9;--fd-color-warn: #ef4444;--fd-color-danger: #ef4444;--fd-color-ai: #8b5cf6;--fd-color-ai-strong: #7c3aed;--fd-color-surface: #ffffff;--fd-color-surface-muted: #f8fafc;--fd-color-surface-raised: #ffffff;--fd-color-dialog-surface: #ffffff;--fd-color-dialog-surface-muted: #f8fafc;--fd-color-dialog-border: rgba(148, 163, 184, .28);--fd-color-dialog-overlay: color-mix(in srgb, #0f172a 60%, transparent);--fd-color-background: #f5f7fb;--fd-color-text: #0f172a;--fd-color-text-strong: #020617;--fd-color-text-muted: #475569;--fd-color-border: rgba(15, 23, 42, .08);--fd-color-border-strong: rgba(148, 163, 184, .28);--fd-color-shadow: rgba(15, 23, 42, .08);--fd-color-on-brand: #ffffff;--fd-color-on-brand-muted: #e8f0ff;--fd-color-on-ai: #f6f3ff;--fd-color-primary-rgb: 37 99 235;--fd-color-danger-rgb: 239 68 68;--fd-bg-page: #f5f7fb;--fd-bg-body: #f5f7fb;--fd-bg-surface: var(--fd-color-surface);--fd-bg-surface-raised: var(--fd-color-surface-raised);--fd-bg-surface-muted: var(--fd-color-surface-muted);--fd-bg-surface-inset: var(--fd-color-slate-50);--fd-bg-surface-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, transparent);--fd-bg-surface-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 90%, transparent);--fd-bg-surface-elevated: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, transparent);--fd-bg-surface-panel: color-mix(in srgb, var(--fd-bg-surface-raised) 94%, transparent);--fd-bg-surface-panel-gradient: linear-gradient(180deg, var(--fd-bg-surface-panel), var(--fd-bg-surface));--fd-bg-surface-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 96%, transparent);--fd-bg-card-editor-gradient: linear-gradient(180deg, var(--fd-bg-surface-elevated), var(--fd-bg-surface));--fd-bg-card-profile-gradient: var(--fd-bg-surface-panel-gradient);--fd-bg-surface-raised-blend: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, var(--fd-bg-surface));--fd-bg-control-surface-mixed: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, var(--fd-color-border-strong));--fd-bg-button-card-action: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 52%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)) );--fd-bg-button-card-action-hover: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 78%, var(--fd-color-white)) );--fd-bg-button-card-action-active: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 74%, var(--fd-color-white)) );--fd-bg-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-100) 55%, var(--fd-bg-surface-raised));--fd-bg-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-bg-surface-raised));--fd-bg-surface-glass-minimal: color-mix(in srgb, var(--fd-bg-surface-raised) 8%, transparent);--fd-bg-surface-glass-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 10%, transparent);--fd-bg-surface-glass-medium: color-mix(in srgb, var(--fd-bg-surface-raised) 12%, transparent);--fd-bg-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 14%, transparent);--fd-bg-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 24%, transparent);--fd-bg-surface-translucent-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 85%, transparent);--fd-bg-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 86%, transparent);--fd-bg-surface-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 95%, transparent);--fd-bg-surface-inset-blend: color-mix(in srgb, var(--fd-bg-surface-inset) 70%, var(--fd-bg-surface-raised));--fd-bg-surface-inset-translucent: color-mix(in srgb, var(--fd-bg-surface-inset) 90%, transparent);--fd-bg-surface-inset-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-inset) 95%, transparent);--fd-bg-surface-brand: linear-gradient( 180deg, var(--fd-bg-surface-raised) 0%, color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised)) 100% );--fd-bg-brand-surface-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-medium: color-mix(in srgb, var(--fd-bg-brand-soft) 48%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-strong: color-mix(in srgb, var(--fd-bg-brand-soft) 54%, var(--fd-bg-surface-raised));--fd-bg-landing-page: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 22%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--fd-color-emerald-500) 4%, transparent), transparent 25%), var(--fd-color-slate-50);--fd-bg-landing-section-soft: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-50) 42%, var(--fd-color-white)), var(--fd-color-white));--fd-bg-landing-brand-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-landing-accent-card: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent), color-mix(in srgb, var(--fd-color-emerald-500) 12%, transparent));--fd-bg-landing-drawer: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-500) 8%, transparent), color-mix(in srgb, var(--fd-color-primary-500) 2%, transparent));--fd-bg-landing-eyebrow-info: color-mix(in srgb, var(--fd-color-blue-500) 10%, transparent);--fd-bg-landing-icon-soft: color-mix(in srgb, var(--fd-color-blue-500) 12%, transparent);--fd-bg-landing-faq-control: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-landing-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-landing-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 68%, transparent);--fd-bg-landing-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 62%, transparent);--fd-bg-landing-dark-panel: linear-gradient( 140deg, color-mix(in srgb, var(--fd-color-slate-900) 98%, transparent), color-mix(in srgb, var(--fd-color-primary-600) 94%, transparent) 55%, color-mix(in srgb, var(--fd-color-teal-500) 90%, transparent) );--fd-bg-landing-dark-panel-subtle: linear-gradient( 160deg, color-mix(in srgb, var(--fd-color-slate-900) 96%, transparent), color-mix(in srgb, var(--fd-color-teal-700) 94%, transparent) );--fd-bg-landing-cta-orb: radial-gradient(circle, color-mix(in srgb, var(--fd-bg-surface-raised) 18%, transparent), transparent 70%);--fd-bg-landing-cta-orb-accent: radial-gradient(circle, color-mix(in srgb, var(--fd-color-teal-500) 22%, transparent), transparent 70%);--fd-bg-border: var(--fd-color-border);--fd-bg-border-strong: var(--fd-color-border-strong);--fd-bg-track-muted: var(--fd-color-slate-200);--fd-bg-dialog: var(--fd-color-dialog-surface);--fd-bg-dialog-muted: var(--fd-color-dialog-surface-muted);--fd-bg-overlay: var(--fd-color-dialog-overlay);--fd-bg-overlay-subtle: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-bg-overlay-muted: color-mix(in srgb, var(--fd-color-slate-900) 28%, transparent);--fd-bg-overlay-medium: color-mix(in srgb, var(--fd-color-slate-900) 35%, transparent);--fd-bg-overlay-strong: color-mix(in srgb, var(--fd-color-slate-900) 55%, transparent);--fd-bg-scrim-subtle: color-mix(in srgb, var(--fd-color-slate-900) 25%, transparent);--fd-bg-scrim: color-mix(in srgb, var(--fd-color-slate-900) 50%, transparent);--fd-bg-scrim-strong: color-mix(in srgb, var(--fd-color-slate-900) 85%, transparent);--fd-bg-muted-tint: color-mix(in srgb, var(--fd-color-slate-400) 15%, transparent);--fd-bg-muted-tint-subtle: color-mix(in srgb, var(--fd-color-slate-400) 12%, transparent);--fd-bg-muted-tint-strong: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-bg-text-muted-tint: color-mix(in srgb, var(--fd-color-text-muted) 10%, transparent);--fd-bg-action-divider-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 50%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent) );--fd-bg-primary: var(--fd-color-primary-600);--fd-bg-danger: var(--fd-color-danger);--fd-bg-brand: linear-gradient(135deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-horizontal: linear-gradient(90deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-hover: linear-gradient(135deg, var(--fd-gradient-brand-hover-start), var(--fd-gradient-brand-hover-end));--fd-bg-brand-soft: var(--fd-color-primary-50);--fd-bg-brand-tint-subtle: color-mix(in srgb, var(--fd-color-primary-600) 6%, transparent);--fd-bg-brand-tint: color-mix(in srgb, var(--fd-color-primary-600) 8%, transparent);--fd-bg-brand-tint-medium: color-mix(in srgb, var(--fd-color-primary-600) 10%, transparent);--fd-bg-brand-tint-strong: color-mix(in srgb, var(--fd-color-primary-600) 12%, transparent);--fd-bg-brand-soft-blend: color-mix(in srgb, var(--fd-bg-brand-soft) 58%, var(--fd-bg-surface-raised));--fd-bg-sidebar: linear-gradient(180deg, var(--fd-gradient-sidebar-start) 0%, var(--fd-gradient-sidebar-end) 100%);--fd-bg-premium: linear-gradient(135deg, var(--fd-gradient-premium-start), var(--fd-gradient-premium-end));--fd-bg-premium-page-overview: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-gradient-premium-end) 18%, transparent), transparent 52%), linear-gradient( 135deg, color-mix(in srgb, var(--fd-gradient-premium-start) 10%, var(--fd-color-surface)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 7%, var(--fd-color-surface)) 100% );--fd-bg-premium-plan-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-gradient-premium-start) 8%, var(--fd-color-surface-elevated)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 8%, var(--fd-color-surface-elevated)) 100% );--fd-bg-profile-section-icon: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 70%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-50) 82%, var(--fd-color-white)) );--fd-bg-profile-section-icon-account: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-sky-500) 12%, var(--fd-color-white)) );--fd-bg-profile-section-icon-personal: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-purple-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-purple-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-body: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 18%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-notifications: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-500) 18%, var(--fd-color-surface-raised)), color-mix(in srgb, var(--fd-color-primary-400) 8%, var(--fd-color-surface-raised)) );--fd-bg-profile-section-icon-billing: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-500) 10%, var(--fd-color-white)) );--fd-bg-profile-section-icon-dietologist: linear-gradient( 145deg, var(--fd-color-yellow-300), color-mix(in srgb, var(--fd-color-yellow-300) 34%, var(--fd-color-white)) );--fd-bg-accent-soft: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-accent-medium: color-mix(in srgb, var(--fd-color-primary-500) 16%, transparent);--fd-bg-success-soft: color-mix(in srgb, var(--fd-color-success) 14%, var(--fd-bg-surface-raised));--fd-bg-warning-soft: color-mix(in srgb, var(--fd-color-yellow-300) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-soft: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-tint: color-mix(in srgb, var(--fd-color-danger) 8%, var(--fd-bg-surface-raised));--fd-bg-danger-tint-strong: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-transparent-hover: color-mix(in srgb, var(--fd-color-danger) 10%, transparent);--fd-bg-danger-transparent-active: color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-bg-danger-surface-hover: color-mix(in srgb, var(--fd-color-danger) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-surface-active: color-mix(in srgb, var(--fd-color-danger) 20%, var(--fd-bg-surface-raised));--fd-bg-scrim-faint: color-mix(in srgb, var(--fd-color-slate-900) 5%, transparent);--fd-bg-ai-result-surface: color-mix(in srgb, var(--fd-color-purple-500) 7%, var(--fd-bg-surface-raised));--fd-bg-ai-text-preview: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-purple-500) 8%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 4%, transparent) ), var(--fd-color-slate-50);--fd-bg-ai-scan-overlay: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-blue-500) 5%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent));--fd-bg-ai-scan-overlay-nutrition: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-green-500) 8%, transparent), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent));--fd-bg-ai-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-white)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-white)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-button-surface: color-mix(in srgb, var(--fd-color-ai) 10%, var(--fd-bg-surface));--fd-bg-ai-button-surface-hover: color-mix(in srgb, var(--fd-color-ai) 18%, var(--fd-bg-surface));--fd-bg-ai-button-surface-active: color-mix(in srgb, var(--fd-color-ai) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface: color-mix(in srgb, var(--fd-color-danger) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface-hover: color-mix(in srgb, var(--fd-color-danger) 32%, var(--fd-bg-surface));--fd-bg-danger-button-surface-active: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-bg-surface));--fd-bg-satiety-card-gradient: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white)), var(--fd-color-slate-400));--fd-bg-card-editor-surface-gradient: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 96%, var(--fd-color-white) 4%), color-mix(in srgb, var(--fd-color-surface) 92%, var(--fd-color-slate-900) 8%) );--fd-bg-progress-track-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, var(--fd-bg-surface-raised));--fd-bg-nutrition-loading: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-dialog));--fd-bg-nutrition-loading-track: color-mix(in srgb, var(--fd-color-blue-500) 15%, transparent);--fd-bg-nutrition-loading-bar: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--fd-color-blue-500) 85%, transparent), transparent );--fd-bg-list-empty: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-50) 90%, transparent), color-mix(in srgb, var(--fd-color-white) 95%, transparent) );--fd-bg-quality-good: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-warning: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-good-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-color-white)));--fd-bg-quality-warning-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-color-white)));--fd-bg-skeleton-shimmer: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 0%, color-mix(in srgb, var(--fd-color-surface-raised) 86%, var(--fd-color-text) 14%) 50%, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 100% );--fd-bg-skeleton-card: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-color-primary-50) 8%), color-mix(in srgb, var(--fd-color-surface) 94%, var(--fd-color-primary-100) 6%) );--fd-bg-surface-primary-soft: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-100) 4%) );--fd-bg-empty-state-surface: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-50) 4%) );--fd-bg-media-card-raised: linear-gradient( 180deg, var(--fd-color-surface-raised) 0%, color-mix(in srgb, var(--fd-color-primary-50) 35%, var(--fd-color-surface-raised)) 100% );--fd-bg-stat-tile: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, transparent), var(--fd-color-surface) );--fd-bg-stat-tile-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 97%, transparent) );--fd-bg-stat-tile-accent: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-accent-color) 8%), color-mix(in srgb, var(--fd-color-surface) 96%, transparent) );--fd-bg-stat-tile-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-notification-default: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-primary-400) 10%, transparent), transparent 52%), radial-gradient(circle at top left, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 44%), var(--fd-color-surface-raised);--fd-bg-notification-dietologist: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-sky-500) 14%, transparent), transparent 45%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-teal-500) 8%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-security: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-palette-warning-400) 16%, transparent), transparent 48%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-amber-500) 10%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-icon-dietologist: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-teal-500) 18%, transparent), color-mix(in srgb, var(--fd-color-sky-500) 8%, transparent) );--fd-bg-notification-icon-security: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-amber-500) 20%, transparent), color-mix(in srgb, var(--fd-color-orange-500) 10%, transparent) );--fd-bg-notice-icon: color-mix(in srgb, var(--fd-color-primary-500) 82%, var(--fd-color-primary-600));--fd-bg-status-muted: color-mix(in srgb, var(--fd-bg-surface) 88%, transparent);--fd-bg-status-info: color-mix(in srgb, var(--fd-color-primary-500) 12%, var(--fd-bg-surface));--fd-bg-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 14%, var(--fd-bg-surface));--fd-bg-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 18%, var(--fd-bg-surface));--fd-bg-status-danger: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface));--fd-bg-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 14%, var(--fd-bg-surface));--fd-bg-category-sky: color-mix(in srgb, var(--fd-color-sky-500) 14%, var(--fd-bg-surface));--fd-bg-category-teal: color-mix(in srgb, var(--fd-color-teal-700) 12%, transparent);--fd-bg-category-purple: color-mix(in srgb, var(--fd-color-purple-500) 14%, var(--fd-bg-surface));--fd-bg-category-orange: color-mix(in srgb, var(--fd-color-orange-500) 12%, transparent);--fd-bg-transparent: transparent;--fd-color-primary-50: var(--fd-color-primary-50);--fd-color-primary-100: var(--fd-color-primary-100);--fd-color-primary-200: #bfdbfe;--fd-color-primary-300: #93c5fd;--fd-color-primary-400: #60a5fa;--fd-color-primary-500: #3b82f6;--fd-color-primary-600: #2563eb;--fd-color-primary-700: #1d4ed8;--fd-color-primary-800: #1e40af;--fd-color-primary-900: #1e3a8a;--fd-gradient-brand-start: #4dabff;--fd-gradient-brand-end: #2563eb;--fd-gradient-brand-hover-start: #60b6ff;--fd-gradient-brand-hover-end: #2f6df2;--fd-gradient-sidebar-start: color-mix(in srgb, var(--fd-color-primary-50) 35%, var(--fd-color-white));--fd-gradient-sidebar-end: #eef4ff;--fd-gradient-premium-start: #0f172a;--fd-gradient-premium-end: #1e293b;--fd-gradient-hero-start: #2563eb;--fd-gradient-hero-end: #0ea5e9;--fd-gradient-ai-start: #a855f7;--fd-gradient-ai-end: #7c3aed;--fd-gradient-ai-hover-start: #b46bff;--fd-gradient-ai-hover-end: #8b5cf6;--fd-radius-xs: 4px;--fd-radius-sm: 6px;--fd-radius-md: 8px;--fd-radius-lg: 12px;--fd-radius-xl: 16px;--fd-radius-pill: 999px;--fd-color-white: #ffffff;--fd-color-slate-50: #f8fafc;--fd-color-slate-100: #f1f5f9;--fd-color-slate-200: #e2e8f0;--fd-color-slate-300: #cbd5e1;--fd-color-slate-400: #94a3b8;--fd-color-slate-500: #64748b;--fd-color-slate-600: #475569;--fd-color-slate-700: #334155;--fd-color-slate-800: #1e293b;--fd-color-slate-900: #0f172a;--fd-color-gray-500-static: #6b7280;--fd-color-gray-900-static: #111827;--fd-color-neutral-600: #666666;--fd-color-purple-500: #7c3aed;--fd-color-purple-700: #6d28d9;--fd-color-sky-500: #0ea5e9;--fd-color-sky-700: #0369a1;--fd-color-blue-500: #3b82f6;--fd-color-amber-500: #f59e0b;--fd-color-orange-500: #f97316;--fd-color-orange-700: #c2410c;--fd-color-teal-500: #14b8a6;--fd-color-teal-700: #0f766e;--fd-color-green-500: #22c55e;--fd-color-emerald-500: #10b981;--fd-color-emerald-700: #047857;--fd-color-red-600: #dc2626;--fd-color-red-700: #b91c1c;--fd-color-rose-500: #ec4899;--fd-color-yellow-300: #fde68a;--fd-font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--fd-font-family-monospace: ui-monospace, SFMono-Regular, Consolas, monospace;--fd-font-size-base: 1rem;--fd-line-height-base: 1.5;--fd-font-weight-regular: 400;--fd-font-weight-medium: 500;--fd-font-weight-bold: 600;--fd-text-body-sm-size: .95rem;--fd-text-body-sm-line-height: 1.45;--fd-text-body-sm-weight: 400;--fd-text-body-comfort-size: .96rem;--fd-text-body-compact-size: .92rem;--fd-text-body-emphasis-size: .98rem;--fd-text-body-subtle-size: .88rem;--fd-text-body-tiny-plus-size: .86rem;--fd-text-body-tiny-size: .84rem;--fd-text-body-micro-size: .82rem;--fd-text-body-nano-size: .8rem;--fd-text-page-title-mobile-size: 1.65rem;--fd-text-body-lg-size: 1.04rem;--fd-text-body-size: 1rem;--fd-text-body-line-height: 1.6;--fd-text-body-weight: 500;--fd-text-body-xs-size: .875rem;--fd-text-body-xs-line-height: 1.35;--fd-text-body-xs-weight: 400;--fd-text-caption-size: .85rem;--fd-text-caption-line-height: 1.35;--fd-text-caption-weight: 500;--fd-text-helper-size: .75rem;--fd-text-helper-line-height: 1.2;--fd-text-helper-weight: 400;--fd-text-code-sm-size: .8125rem;--fd-text-code-sm-line-height: 1.35;--fd-text-code-sm-weight: 400;--fd-text-label-size: 1rem;--fd-text-label-line-height: 1.2;--fd-text-label-weight: 600;--fd-text-label-floating-size: .8rem;--fd-text-section-title-size: 1.1rem;--fd-text-section-title-line-height: 1.3;--fd-text-section-title-weight: 700;--fd-text-title-sm-size: 1.125rem;--fd-text-title-sm-line-height: 1.3;--fd-text-title-sm-weight: 700;--fd-text-title-xs-size: 1.08rem;--fd-text-title-xs-line-height: 1.3;--fd-text-title-xs-weight: 700;--fd-text-title-md-size: 1.25rem;--fd-text-title-md-line-height: 1.3;--fd-text-title-md-weight: 700;--fd-text-title-compact-size: 1.2rem;--fd-text-title-compact-line-height: 1.3;--fd-text-title-compact-weight: 800;--fd-text-card-title-size: 1.05rem;--fd-text-card-title-line-height: 1.3;--fd-text-card-title-weight: 700;--fd-text-card-meta-size: .85rem;--fd-text-card-meta-line-height: 1.2;--fd-text-card-meta-weight: 600;--fd-text-metric-lg-size: clamp(1.8rem, 2vw, 2.2rem);--fd-text-metric-lg-line-height: 1.1;--fd-text-metric-lg-weight: 800;--fd-text-display-sm-size: 1.8rem;--fd-text-display-sm-line-height: 1.15;--fd-text-display-sm-weight: 800;--fd-text-metric-md-size: 1.5rem;--fd-text-metric-md-line-height: 1.1;--fd-text-metric-md-weight: 700;--fd-text-metric-hero-size: clamp(2.2rem, 2.8vw, 2.6rem);--fd-text-metric-hero-line-height: 1;--fd-text-metric-hero-weight: 800;--fd-text-metric-hero-tracking: -.03em;--fd-letter-spacing-tight-lg: -.04em;--fd-letter-spacing-tight: -.02em;--fd-letter-spacing-tight-sm: -.01em;--fd-letter-spacing-subtle: .01em;--fd-letter-spacing-emphasis: .02em;--fd-letter-spacing-label: .03em;--fd-letter-spacing-wide: .04em;--fd-letter-spacing-overline: .08em;--fd-text-metric-unit-size: 1rem;--fd-text-metric-unit-line-height: 1.2;--fd-text-metric-unit-weight: 600;--fd-text-stat-label-size: .75rem;--fd-text-stat-label-line-height: 1.2;--fd-text-stat-label-weight: 600;--fd-text-stat-label-tracking: .08em;--fd-text-stat-value-size: .9rem;--fd-text-stat-value-line-height: 1.2;--fd-text-stat-value-weight: 600;--fd-text-action-size: .95rem;--fd-text-action-line-height: 1.3;--fd-text-action-weight: 600;--fd-shadow-xs: 0 1px 2px rgba(24, 39, 75, .08);--fd-shadow-sm: 0 2px 6px rgba(24, 39, 75, .12);--fd-shadow-md: 0 4px 12px rgba(24, 39, 75, .15);--fd-shadow-lg: 0 14px 32px color-mix(in srgb, var(--fd-color-shadow) 18%, transparent);--fd-shadow-xl: 0 24px 56px color-mix(in srgb, var(--fd-color-shadow) 22%, transparent);--fd-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--fd-color-primary-600) 22%, transparent);--fd-shadow-focus-danger: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-shadow-focus-accent-subtle: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-purple-500) 12%, transparent);--fd-shadow-autofill-inset: 0 0 0 1000px var(--fd-input-control-background) inset;--fd-shadow-shell-sidebar: 6px 0 24px color-mix(in srgb, var(--fd-color-slate-900) 6%, transparent);--fd-shadow-divider-light: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-divider-light-muted: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 75%, transparent);--fd-shadow-ring-light: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-ring-light-strong: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 85%, transparent);--fd-shadow-ring-danger: 0 0 0 calc(var(--fd-border-width-strong) * 2) var(--fd-bg-status-danger);--fd-shadow-ring-inset-brand: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-medium);--fd-shadow-ring-inset-brand-strong: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-strong);--fd-shadow-ring-inset-border-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 62%, transparent);--fd-shadow-ring-inset-teal: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 16%, transparent);--fd-shadow-ring-inset-amber: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-amber-600) 20%, transparent);--fd-shadow-ring-inset-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-ring-inset-success: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 18%, transparent);--fd-shadow-ring-inset-primary: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 14%, transparent);--fd-shadow-ring-inset-primary-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-shadow-ring-inset-border: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 82%, transparent);--fd-shadow-ring-inset-border-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 80%, transparent);--fd-shadow-ring-inset-border-emphasis: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 86%, transparent);--fd-shadow-ring-inset-border-extra: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 92%, transparent);--fd-shadow-ring-inset-primary-medium: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-ring-inset-primary-focus: inset 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-primary-600) 50%, transparent);--fd-shadow-highlight-inset-light-sm: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 14%, transparent);--fd-shadow-highlight-inset-light-md: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 16%, transparent);--fd-shadow-highlight-inset-light-lg: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 18%, transparent);--fd-shadow-highlight-inset-light-xl: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 22%, transparent);--fd-shadow-highlight-inset-dialog: inset 0 1px 0 color-mix(in srgb, var(--fd-color-dialog-surface) 30%, transparent);--fd-shadow-inner-depth-muted: inset 0 -2px 12px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-glow-primary-xs: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 15%, transparent);--fd-shadow-glow-primary-sm: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 20%, transparent);--fd-shadow-divider-inverse-subtle: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-shadow-glow-light-sm: 0 0 12px color-mix(in srgb, var(--fd-color-white) 50%, transparent);--fd-shadow-nutrient-good: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 28%, transparent);--fd-shadow-nutrient-warning: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-yellow-300) 28%, transparent);--fd-shadow-nutrient-danger: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-danger) 26%, transparent);--fd-shadow-accent-color: var(--fd-color-primary-600);--fd-shadow-accent: 0 10px 24px color-mix(in srgb, var(--fd-shadow-accent-color) 18%, transparent);--fd-shadow-dialog-shell: 0 18px 45px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent);--fd-shadow-button-toolbar-solid: 0 8px 18px color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-button-ai: 0 8px 18px color-mix(in srgb, var(--fd-color-ai-strong) 24%, transparent);--fd-shadow-button-ai-hover: 0 10px 22px color-mix(in srgb, var(--fd-color-ai-strong) 28%, transparent);--fd-shadow-button-hover: 0 8px 20px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-chip-select-selected: 0 10px 18px color-mix(in srgb, var(--fd-chip-select-shadow-selected-color) 22%, transparent);--fd-shadow-emoji-picker-option: 0 8px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-emoji-picker-option-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-emoji-picker-option-selected: 0 12px 28px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent), 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-400) 34%, transparent);--fd-shadow-button-focus-ring: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-surface) 90%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-button-focus-ring-color) 56%, transparent);--fd-shadow-dialog-close-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-400) 52%, transparent);--fd-shadow-dialog-container-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-500) 26%, transparent);--fd-shadow-auth-dialog: 0 24px 64px color-mix(in srgb, var(--fd-color-slate-900) 26%, transparent), 0 4px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-filter-drop-sm: drop-shadow(0 4px 10px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent));--fd-shadow-filter-glow-sm: drop-shadow(0 0 10px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent));--fd-shadow-ai-scan-line: 0 0 16px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-white));--fd-shadow-ai-scan-line-nutrition: 0 0 16px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-white));--fd-shadow-ai-dialog-scan-line: 0 0 22px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-ai-dialog-scan-line-nutrition: 0 0 22px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-filter-ai-dialog-scan-line: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-blue-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-filter-ai-dialog-scan-line-nutrition: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-green-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-notification-hover: var(--fd-shadow-lg), var(--fd-shadow-ring-inset-primary-strong);--fd-shadow-notification-dietologist-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 28%, transparent);--fd-shadow-notification-security-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-palette-warning-700) 28%, transparent);--fd-landing-shadow-soft: 0 16px 36px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-landing-shadow-medium: 0 22px 48px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-landing-shadow-strong: 0 28px 60px color-mix(in srgb, var(--fd-color-slate-900) 18%, transparent);--fd-landing-shadow-highlight: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent);--fd-landing-shadow-chip: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent), 0 12px 26px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-accent-strong: 0 12px 30px color-mix(in srgb, var(--fd-shadow-accent-color) 24%, transparent);--fd-shadow-accent-glow: 0 0 24px color-mix(in srgb, var(--fd-shadow-accent-color) 35%, transparent);--fd-shadow-card-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-fasting-overtime-ring: 0 0 0 var(--fd-size-fasting-ring-glow-spread) color-mix(in srgb, var(--fd-color-green-500) 14%, transparent), 0 var(--fd-size-fasting-ring-glow-offset-y) var(--fd-size-fasting-ring-glow-blur) color-mix(in srgb, var(--fd-color-green-500) 12%, transparent);--fd-shadow-none: none;--fd-transform-card-hover: translateY(calc(0px - var(--fd-space-micro)));--fd-transform-control-hover: translateY(calc(0px - var(--fd-border-width)));--fd-card-hover-transform: var(--fd-transform-card-hover);--fd-card-hover-shadow: var(--fd-shadow-card-hover);--fd-border-none: 0;--fd-border-width: 1px;--fd-border-width-strong: 2px;--fd-border-width-emphasis: 3px;--fd-border-default: 1px solid var(--fd-color-border);--fd-border-strong: 1px solid var(--fd-color-border-strong);--fd-border-subtle: 1px solid color-mix(in srgb, var(--fd-color-border) 62%, transparent);--fd-border-muted: 1px solid color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-border-inverse: 1px solid color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-border-dashed: 1px dashed color-mix(in srgb, var(--fd-color-border-strong) 70%, transparent);--fd-color-border-status-muted: var(--fd-color-border);--fd-color-border-status-info: color-mix(in srgb, var(--fd-color-primary-500) 30%, var(--fd-color-border));--fd-color-border-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 28%, var(--fd-color-border));--fd-color-border-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 32%, var(--fd-color-border));--fd-color-border-status-danger: color-mix(in srgb, var(--fd-color-danger) 28%, var(--fd-color-border));--fd-color-border-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 30%, var(--fd-color-border));--fd-color-border-premium-featured: color-mix(in srgb, var(--fd-gradient-premium-end) 30%, var(--fd-color-border));--fd-color-border-control-auth: color-mix(in srgb, var(--fd-color-slate-300) 72%, var(--fd-color-white));--fd-color-border-control-auth-hover: color-mix(in srgb, var(--fd-color-slate-400) 55%, var(--fd-color-white));--fd-color-border-control-radio: color-mix(in srgb, var(--fd-color-slate-400) 60%, transparent);--fd-color-border-loader: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-divider-soft: color-mix(in srgb, var(--fd-color-border) 72%, transparent);--fd-color-border-divider-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, transparent);--fd-color-border-card-subtle: color-mix(in srgb, var(--fd-color-border) 50%, transparent);--fd-color-border-card-editor: color-mix(in srgb, var(--fd-color-border-strong) 42%, transparent);--fd-color-border-card-primary: color-mix(in srgb, var(--fd-color-primary-600) 16%, transparent);--fd-color-border-card-success: color-mix(in srgb, var(--fd-color-green-500) 18%, transparent);--fd-color-border-card-product: color-mix(in srgb, var(--fd-color-sky-500) 25%, transparent);--fd-color-border-card-recipe: color-mix(in srgb, var(--fd-color-emerald-500) 25%, transparent);--fd-color-border-card-info: color-mix(in srgb, var(--fd-color-slate-400) 40%, transparent);--fd-color-border-card-entry: var(--fd-color-border-dark-muted);--fd-color-border-button-spinner: color-mix(in srgb, currentColor 28%, transparent);--fd-color-border-button-card-action: color-mix(in srgb, var(--fd-color-blue-500) 22%, transparent);--fd-color-border-button-card-action-strong: color-mix(in srgb, var(--fd-color-blue-500) 30%, transparent);--fd-color-border-calendar-hover: color-mix(in srgb, var(--fd-color-border-strong) 55%, transparent);--fd-color-border-calendar-today: color-mix(in srgb, var(--fd-color-primary-500) 28%, transparent);--fd-color-border-calendar-active: color-mix(in srgb, var(--fd-color-primary-500) 18%, transparent);--fd-color-border-switch-checked: color-mix(in srgb, var(--fd-color-primary-500) 36%, transparent);--fd-color-border-emoji-picker-option: color-mix(in srgb, var(--fd-color-border-strong) 38%, transparent);--fd-color-border-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-400) 46%, transparent);--fd-color-border-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-500) 68%, transparent);--fd-color-border-brand-surface: color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white));--fd-color-border-summary-track: color-mix(in srgb, var(--fd-color-border-strong) 68%, var(--fd-color-surface-raised));--fd-color-border-photo-ai: color-mix(in srgb, var(--fd-color-border-strong) 64%, transparent);--fd-color-border-ai-loading-pill: color-mix(in srgb, var(--fd-color-blue-500) 45%, transparent);--fd-color-border-ai-button: color-mix(in srgb, var(--fd-color-ai-strong) 26%, var(--fd-color-border));--fd-color-border-ai-button-hover: color-mix(in srgb, var(--fd-color-ai-strong) 42%, var(--fd-color-border));--fd-color-border-ai-button-active: color-mix(in srgb, var(--fd-color-ai-strong) 50%, var(--fd-color-border));--fd-color-border-danger-button: color-mix(in srgb, var(--fd-color-danger) 40%, var(--fd-color-border));--fd-color-border-danger-button-hover: color-mix(in srgb, var(--fd-color-danger) 58%, var(--fd-color-border));--fd-color-border-danger-button-active: color-mix(in srgb, var(--fd-color-danger) 64%, var(--fd-color-border));--fd-landing-border-soft: color-mix(in srgb, var(--fd-color-border) 78%, transparent);--fd-landing-border-strong: color-mix(in srgb, var(--fd-color-border-strong) 36%, transparent);--fd-landing-dark-border: color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-color-border-nutrient-good: color-mix(in srgb, var(--fd-color-emerald-700) 68%, transparent);--fd-color-border-nutrient-warning: color-mix(in srgb, var(--fd-color-orange-500) 68%, transparent);--fd-color-border-nutrient-danger: color-mix(in srgb, var(--fd-color-red-700) 64%, transparent);--fd-color-border-primary-faint: color-mix(in srgb, var(--fd-color-primary-500) 10%, transparent);--fd-color-border-primary-subtle: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-color-border-primary-soft: color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent);--fd-color-border-primary-medium: color-mix(in srgb, var(--fd-color-primary-500) 15%, transparent);--fd-color-border-primary-strong: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-primary-prominent: color-mix(in srgb, var(--fd-color-primary-600) 45%, transparent);--fd-color-border-slate-faint: color-mix(in srgb, var(--fd-color-slate-400) 16%, transparent);--fd-color-border-slate-subtle: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-color-border-slate-strong: color-mix(in srgb, var(--fd-color-slate-400) 35%, transparent);--fd-color-border-dark-faint: color-mix(in srgb, var(--fd-color-gray-900-static) 6%, transparent);--fd-color-border-dark-muted: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-color-border-dark-subtle: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-border-dark-medium: color-mix(in srgb, var(--fd-color-slate-900) 12%, transparent);--fd-color-border-dark-strong: color-mix(in srgb, var(--fd-color-slate-900) 24%, transparent);--fd-color-border-danger-soft: color-mix(in srgb, var(--fd-color-danger) 18%, transparent);--fd-color-border-danger-medium: color-mix(in srgb, var(--fd-color-danger) 24%, transparent);--fd-color-border-inverse-faint: color-mix(in srgb, var(--fd-color-white) 8%, transparent);--fd-color-border-inverse-subtle: color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-color-border-ai: color-mix(in srgb, var(--fd-color-purple-500) 28%, var(--fd-color-white));--fd-outline-focus: var(--fd-border-width-strong) solid var(--fd-color-primary-400);--fd-outline-focus-strong: var(--fd-border-width-emphasis) solid color-mix(in srgb, var(--fd-color-primary-500) 40%, transparent);--fd-outline-offset: var(--fd-border-width-strong);--fd-color-calendar-outside: color-mix(in srgb, var(--fd-color-text-muted) 72%, transparent);--fd-color-dialog-scrollbar-thumb: color-mix(in srgb, var(--fd-color-slate-500) 52%, transparent);--fd-color-dialog-scrollbar-thumb-hover: color-mix(in srgb, var(--fd-color-slate-600) 68%, transparent);--fd-color-dialog-scrollbar-track: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-danger-on-light: color-mix(in srgb, var(--fd-color-danger) 70%, var(--fd-color-white));--fd-color-text-muted-soft: color-mix(in srgb, var(--fd-color-text-muted) 80%, transparent);--fd-color-text-muted-subtle: color-mix(in srgb, var(--fd-color-slate-400) 90%, transparent);--fd-color-text-muted-emphasis: color-mix(in srgb, var(--fd-color-slate-500) 92%, transparent);--fd-color-favorite-muted: color-mix(in srgb, var(--fd-color-slate-400) 95%, transparent);--fd-color-landing-dark-text-muted: color-mix(in srgb, var(--fd-color-slate-200) 86%, transparent);--fd-color-landing-dark-text-soft: color-mix(in srgb, var(--fd-color-slate-100) 94%, transparent);--fd-color-landing-dark-overline: color-mix(in srgb, var(--fd-color-slate-200) 78%, transparent);--fd-color-landing-dark-description: color-mix(in srgb, var(--fd-color-white) 96%, var(--fd-color-teal-500));--fd-color-landing-dark-note: color-mix(in srgb, var(--fd-color-white) 95%, var(--fd-color-teal-500));--fd-color-notice-action-disabled: color-mix(in srgb, var(--fd-notice-action) 70%, transparent);--fd-color-notice-warning-message: color-mix(in srgb, var(--fd-palette-warning-400) 48%, var(--fd-color-text-muted));--fd-color-notice-warning-action: color-mix(in srgb, var(--fd-palette-warning-400) 72%, var(--fd-color-text));--fd-color-notice-danger-message: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-color-text-muted));--fd-color-notice-danger-action: color-mix(in srgb, var(--fd-color-danger) 76%, var(--fd-color-text));--fd-layout-page-background: #f5f7fb;--fd-layout-page-top-padding: clamp(6px, 1.5vw, 10px);--fd-layout-page-horizontal-padding: clamp(12px, 3vw, 32px);--fd-layout-page-vertical-padding: clamp(32px, 6vw, 64px);--fd-layout-page-content-max-width: 1200px;--fd-layout-page-section-spacing: clamp(24px, 4vw, 40px);--fd-period-gap: 24px;--fd-page-body-gap: 16px;--fd-layout-shell-sidebar-width: 260px;--fd-layout-shell-impersonation-banner-height: 48px;--fd-layout-shell-mobile-viewport-bottom-padding: 132px;--fd-layout-shell-mobile-sheet-bottom: 126px;--fd-landing-container-max-width: 1180px;--fd-landing-inline-padding: clamp(var(--fd-space-sm), 4vw, var(--fd-space-lg));--fd-landing-section-space: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-md)) );--fd-landing-section-space-relaxed: clamp(var(--fd-space-xxl), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs)));--fd-landing-section-space-compact: clamp(var(--fd-space-xl), 2.4vw, calc(var(--fd-space-xl) + calc(var(--fd-space-xs) / 2)));--fd-landing-section-space-tight: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 2vw, calc(var(--fd-space-lg) - var(--fd-space-micro)) );--fd-landing-section-space-cta-start: clamp( calc(var(--fd-space-xxl) + var(--fd-space-micro)), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs) + var(--fd-space-micro)) );--fd-landing-section-space-cta-end: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-lg)) );--fd-landing-surface-padding: clamp(calc(var(--fd-space-md) + var(--fd-space-micro)), 2vw, var(--fd-space-lg));--fd-landing-surface-padding-lg: clamp(var(--fd-space-xl), 2.2vw, calc(var(--fd-space-lg) + var(--fd-space-xxs)));--fd-landing-surface-padding-sm: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 1.8vw, calc(var(--fd-space-md) + var(--fd-space-micro)) );--fd-landing-copy-padding: clamp(var(--fd-space-xxs), 1vw, calc(var(--fd-space-xs) + var(--fd-space-micro)));--fd-landing-grid-gap: clamp(var(--fd-space-md), 3vw, calc(var(--fd-space-xxl) - calc(var(--fd-space-xs) / 2)));--fd-landing-stack-gap: clamp(var(--fd-space-lg), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-xxs)));--fd-landing-cta-margin-top: clamp(var(--fd-space-xl), 3vw, var(--fd-space-xxl));--fd-landing-title-size: clamp(28px, 3vw, 38px);--fd-landing-title-size-md: clamp(26px, 3vw, 34px);--fd-landing-title-size-sm: clamp(24px, 3vw, 34px);--fd-landing-title-size-xs: clamp(22px, 2.6vw, 30px);--fd-landing-title-size-dark: clamp(24px, 2.6vw, 34px);--fd-landing-title-size-dark-sm: clamp(24px, 2.5vw, 32px);--fd-landing-title-size-dark-lg: clamp(24px, 2.8vw, 34px);--fd-landing-hero-title-size: clamp(36px, 5.4vw, 60px);--fd-landing-hero-feature-title-size: clamp(24px, 2.3vw, 34px);--fd-landing-hero-feature-title-compact-size: clamp(22px, 6vw, 30px);--fd-landing-seo-title-size: clamp(2.3rem, 5vw, 3.9rem);--fd-landing-seo-section-title-size: clamp(1.75rem, 3vw, 2.4rem);--fd-landing-radius-panel: var(--fd-radius-panel);--fd-landing-radius-card: var(--fd-radius-card);--fd-landing-radius-chip: var(--fd-radius-chip);--fd-landing-surface: color-mix(in srgb, var(--fd-color-surface-raised) 82%, transparent);--fd-landing-surface-strong: color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent);--fd-landing-surface-muted: color-mix(in srgb, var(--fd-color-surface) 90%, transparent);--fd-space-micro: 2px;--fd-space-xxs: 4px;--fd-space-xs: 8px;--fd-space-sm: 12px;--fd-space-md: clamp(12px, 2vw, 16px);--fd-space-lg: clamp(16px, 3vw, 24px);--fd-space-xl: clamp(20px, 3.5vw, 32px);--fd-space-xxl: clamp(28px, 4vw, 40px);--fd-size-icon-xs: .875rem;--fd-size-icon-sm: 1rem;--fd-size-icon-md: 1.125rem;--fd-size-icon-lg: 1.5rem;--fd-size-icon-action-lg: 1.6rem;--fd-size-icon-xl: 1.75rem;--fd-size-icon-xxl: 2rem;--fd-size-icon-hero: 2.25rem;--fd-size-icon-empty: 3rem;--fd-size-control-micro: 22px;--fd-size-control-xs: 24px;--fd-size-control-sm: 32px;--fd-size-control-xxs: 28px;--fd-size-control-chip: 34px;--fd-size-control-compact: 36px;--fd-size-control-toolbar: 38px;--fd-size-control-md: 40px;--fd-size-control-md-plus: 42px;--fd-size-control-touch: 44px;--fd-size-control-lg: 48px;--fd-size-control-xl: 56px;--fd-size-control-xxl: 64px;--fd-size-status-dot: 10px;--fd-size-button-icon-xs: .9rem;--fd-size-button-icon-sm: 1rem;--fd-size-button-icon-lg: 1.3rem;--fd-size-button-icon-xl: 1.6rem;--fd-size-button-spinner-xs: .8rem;--fd-size-pill-height: 28px;--fd-size-pill-height-compact: 24px;--fd-size-pill-height-tiny: 22px;--fd-size-pill-height-relaxed: 30px;--fd-size-progress-height-sm: 4px;--fd-size-progress-height-md: 8px;--fd-size-progress-height-lg: 10px;--fd-size-progress-height-xl: 20px;--fd-size-progress-radius-sm: 2px;--fd-size-top-loader-height: 3px;--fd-size-hint-max-width: 280px;--fd-size-accent-thickness: 6px;--fd-size-accent-thickness-active: 10px;--fd-size-accent-thickness-horizontal: 4px;--fd-size-accent-thickness-horizontal-active: 8px;--fd-size-chip-select-item-height: 38px;--fd-size-chip-select-item-height-sm: 34px;--fd-size-section-state-min-height: 176px;--fd-size-section-state-compact-min-height: 128px;--fd-size-satiety-scale-vertical-max-width: 420px;--fd-size-checkbox-control: 18px;--fd-size-checkbox-checkmark-width: 10px;--fd-size-checkbox-checkmark-height: 6px;--fd-size-radio-control: 18px;--fd-size-radio-dot: 8px;--fd-size-switch-track-width: 44px;--fd-size-switch-track-height: 26px;--fd-size-switch-thumb: 20px;--fd-size-switch-label-min-width: 28px;--fd-size-form-field-subscript-height: 18px;--fd-size-emoji-picker-emoji: 1.7rem;--fd-size-emoji-picker-emoji-sm: 1.4rem;--fd-size-dialog-panel-width-offset: 2rem;--fd-size-dialog-panel-width-sm: 400px;--fd-size-dialog-panel-width-md: 640px;--fd-size-dialog-panel-width-lg: 840px;--fd-size-dialog-panel-width-xl: 1120px;--fd-size-dialog-media-width: min(100vw - 3rem, 1200px);--fd-size-dialog-media-max-width: 1200px;--fd-size-dialog-chart-width: min(1440px, 100vw - 40px);--fd-size-dialog-max-height: 80vh;--fd-size-dialog-max-height-detail: 90vh;--fd-size-dialog-max-height-admin: 94vh;--fd-size-dialog-vertical-padding: 2.5rem;--fd-size-dialog-vertical-padding-sm: 2rem;--fd-size-dialog-vertical-padding-lg: 3rem;--fd-size-dialog-header-block-default: 4.5rem;--fd-size-dialog-footer-block-default: 4.25rem;--fd-size-image-preview-max-height: min(90vh, 980px);--fd-size-image-preview-close-inset: 20px;--fd-size-image-preview-max-width: min(100%, 1120px);--fd-size-image-preview-image-max-height: min(72vh, 820px);--fd-size-image-preview-image-max-height-mobile: min(68vh, 560px);--fd-size-image-preview-caption-max-width: min(100%, 960px);--fd-size-defer-placeholder-height: 200px;--fd-size-fasting-ring-glow-spread: 10px;--fd-size-fasting-ring-glow-offset-y: 18px;--fd-size-fasting-ring-glow-blur: 36px;--fd-layout-header-height: 56px;--fd-layout-header-background: #1d4ed8;--fd-layout-header-text-color: #ffffff;--fd-layout-header-horizontal-padding-left: clamp(12px, 3vw, 32px);--fd-layout-header-horizontal-padding-right: clamp(8px, 2vw, 16px);--fd-layout-header-shadow: 0 12px 34px rgba(15, 23, 42, .12);--fd-page-title-size: clamp(1.4rem, 3vw, 2rem);--fd-page-title-line-height: 1.2;--fd-page-title-weight: 700;--fd-page-header-height: 72px;--fd-page-subtitle-size: clamp(.85rem, 1.5vw, 1rem);--fd-page-subtitle-line-height: 1.5;--fd-page-subtitle-weight: 500;--fd-page-header-gap: clamp(10px, 2vw, 16px);--fd-page-actions-gap: 12px;--fd-page-header-mobile-background: #f8fafc;--fd-page-header-mobile-border-color: rgba(148, 163, 184, .22)}html[data-theme=leaf]{--fd-color-primary: #059669;--fd-color-accent: #f59e0b;--fd-color-success: #16a34a;--fd-color-info: #0f766e;--fd-color-warn: #ef4444;--fd-color-danger: #ef4444;--fd-color-ai: #8b5cf6;--fd-color-ai-strong: #7c3aed;--fd-color-surface: #ffffff;--fd-color-surface-muted: #f6fbf7;--fd-color-surface-raised: #ffffff;--fd-color-dialog-surface: #ffffff;--fd-color-dialog-surface-muted: #f6fbf7;--fd-color-dialog-border: rgba(134, 239, 172, .34);--fd-color-dialog-overlay: color-mix(in srgb, #0f172a 60%, transparent);--fd-color-background: #f3faf6;--fd-color-text: #10231a;--fd-color-text-strong: #08130d;--fd-color-text-muted: #486257;--fd-color-border: rgba(6, 78, 59, .1);--fd-color-border-strong: rgba(134, 239, 172, .34);--fd-color-shadow: rgba(6, 78, 59, .08);--fd-color-on-brand: #ffffff;--fd-color-on-brand-muted: #143126;--fd-color-on-ai: #f6f3ff;--fd-color-primary-rgb: 5 150 105;--fd-color-danger-rgb: 239 68 68;--fd-bg-page: #f3faf6;--fd-bg-body: #f3faf6;--fd-bg-surface: var(--fd-color-surface);--fd-bg-surface-raised: var(--fd-color-surface-raised);--fd-bg-surface-muted: var(--fd-color-surface-muted);--fd-bg-surface-inset: var(--fd-color-slate-50);--fd-bg-surface-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, transparent);--fd-bg-surface-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 90%, transparent);--fd-bg-surface-elevated: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, transparent);--fd-bg-surface-panel: color-mix(in srgb, var(--fd-bg-surface-raised) 94%, transparent);--fd-bg-surface-panel-gradient: linear-gradient(180deg, var(--fd-bg-surface-panel), var(--fd-bg-surface));--fd-bg-surface-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 96%, transparent);--fd-bg-card-editor-gradient: linear-gradient(180deg, var(--fd-bg-surface-elevated), var(--fd-bg-surface));--fd-bg-card-profile-gradient: var(--fd-bg-surface-panel-gradient);--fd-bg-surface-raised-blend: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, var(--fd-bg-surface));--fd-bg-control-surface-mixed: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, var(--fd-color-border-strong));--fd-bg-button-card-action: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 52%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)) );--fd-bg-button-card-action-hover: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 78%, var(--fd-color-white)) );--fd-bg-button-card-action-active: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 74%, var(--fd-color-white)) );--fd-bg-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-100) 55%, var(--fd-bg-surface-raised));--fd-bg-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-bg-surface-raised));--fd-bg-surface-glass-minimal: color-mix(in srgb, var(--fd-bg-surface-raised) 8%, transparent);--fd-bg-surface-glass-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 10%, transparent);--fd-bg-surface-glass-medium: color-mix(in srgb, var(--fd-bg-surface-raised) 12%, transparent);--fd-bg-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 14%, transparent);--fd-bg-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 24%, transparent);--fd-bg-surface-translucent-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 85%, transparent);--fd-bg-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 86%, transparent);--fd-bg-surface-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 95%, transparent);--fd-bg-surface-inset-blend: color-mix(in srgb, var(--fd-bg-surface-inset) 70%, var(--fd-bg-surface-raised));--fd-bg-surface-inset-translucent: color-mix(in srgb, var(--fd-bg-surface-inset) 90%, transparent);--fd-bg-surface-inset-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-inset) 95%, transparent);--fd-bg-surface-brand: linear-gradient( 180deg, var(--fd-bg-surface-raised) 0%, color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised)) 100% );--fd-bg-brand-surface-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-medium: color-mix(in srgb, var(--fd-bg-brand-soft) 48%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-strong: color-mix(in srgb, var(--fd-bg-brand-soft) 54%, var(--fd-bg-surface-raised));--fd-bg-landing-page: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 22%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--fd-color-emerald-500) 4%, transparent), transparent 25%), var(--fd-color-slate-50);--fd-bg-landing-section-soft: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-50) 42%, var(--fd-color-white)), var(--fd-color-white));--fd-bg-landing-brand-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-landing-accent-card: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent), color-mix(in srgb, var(--fd-color-emerald-500) 12%, transparent));--fd-bg-landing-drawer: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-500) 8%, transparent), color-mix(in srgb, var(--fd-color-primary-500) 2%, transparent));--fd-bg-landing-eyebrow-info: color-mix(in srgb, var(--fd-color-blue-500) 10%, transparent);--fd-bg-landing-icon-soft: color-mix(in srgb, var(--fd-color-blue-500) 12%, transparent);--fd-bg-landing-faq-control: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-landing-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-landing-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 68%, transparent);--fd-bg-landing-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 62%, transparent);--fd-bg-landing-dark-panel: linear-gradient( 140deg, color-mix(in srgb, var(--fd-color-slate-900) 98%, transparent), color-mix(in srgb, var(--fd-color-primary-600) 94%, transparent) 55%, color-mix(in srgb, var(--fd-color-teal-500) 90%, transparent) );--fd-bg-landing-dark-panel-subtle: linear-gradient( 160deg, color-mix(in srgb, var(--fd-color-slate-900) 96%, transparent), color-mix(in srgb, var(--fd-color-teal-700) 94%, transparent) );--fd-bg-landing-cta-orb: radial-gradient(circle, color-mix(in srgb, var(--fd-bg-surface-raised) 18%, transparent), transparent 70%);--fd-bg-landing-cta-orb-accent: radial-gradient(circle, color-mix(in srgb, var(--fd-color-teal-500) 22%, transparent), transparent 70%);--fd-bg-border: var(--fd-color-border);--fd-bg-border-strong: var(--fd-color-border-strong);--fd-bg-track-muted: var(--fd-color-slate-200);--fd-bg-dialog: var(--fd-color-dialog-surface);--fd-bg-dialog-muted: var(--fd-color-dialog-surface-muted);--fd-bg-overlay: var(--fd-color-dialog-overlay);--fd-bg-overlay-subtle: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-bg-overlay-muted: color-mix(in srgb, var(--fd-color-slate-900) 28%, transparent);--fd-bg-overlay-medium: color-mix(in srgb, var(--fd-color-slate-900) 35%, transparent);--fd-bg-overlay-strong: color-mix(in srgb, var(--fd-color-slate-900) 55%, transparent);--fd-bg-scrim-subtle: color-mix(in srgb, var(--fd-color-slate-900) 25%, transparent);--fd-bg-scrim: color-mix(in srgb, var(--fd-color-slate-900) 50%, transparent);--fd-bg-scrim-strong: color-mix(in srgb, var(--fd-color-slate-900) 85%, transparent);--fd-bg-muted-tint: color-mix(in srgb, var(--fd-color-slate-400) 15%, transparent);--fd-bg-muted-tint-subtle: color-mix(in srgb, var(--fd-color-slate-400) 12%, transparent);--fd-bg-muted-tint-strong: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-bg-text-muted-tint: color-mix(in srgb, var(--fd-color-text-muted) 10%, transparent);--fd-bg-action-divider-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 50%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent) );--fd-bg-primary: var(--fd-color-primary-600);--fd-bg-danger: var(--fd-color-danger);--fd-bg-brand: linear-gradient(135deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-horizontal: linear-gradient(90deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-hover: linear-gradient(135deg, var(--fd-gradient-brand-hover-start), var(--fd-gradient-brand-hover-end));--fd-bg-brand-soft: var(--fd-color-primary-50);--fd-bg-brand-tint-subtle: color-mix(in srgb, var(--fd-color-primary-600) 6%, transparent);--fd-bg-brand-tint: color-mix(in srgb, var(--fd-color-primary-600) 8%, transparent);--fd-bg-brand-tint-medium: color-mix(in srgb, var(--fd-color-primary-600) 10%, transparent);--fd-bg-brand-tint-strong: color-mix(in srgb, var(--fd-color-primary-600) 12%, transparent);--fd-bg-brand-soft-blend: color-mix(in srgb, var(--fd-bg-brand-soft) 58%, var(--fd-bg-surface-raised));--fd-bg-sidebar: linear-gradient(180deg, var(--fd-gradient-sidebar-start) 0%, var(--fd-gradient-sidebar-end) 100%);--fd-bg-premium: linear-gradient(135deg, var(--fd-gradient-premium-start), var(--fd-gradient-premium-end));--fd-bg-premium-page-overview: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-gradient-premium-end) 18%, transparent), transparent 52%), linear-gradient( 135deg, color-mix(in srgb, var(--fd-gradient-premium-start) 10%, var(--fd-color-surface)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 7%, var(--fd-color-surface)) 100% );--fd-bg-premium-plan-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-gradient-premium-start) 8%, var(--fd-color-surface-elevated)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 8%, var(--fd-color-surface-elevated)) 100% );--fd-bg-profile-section-icon: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 70%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-50) 82%, var(--fd-color-white)) );--fd-bg-profile-section-icon-account: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-sky-500) 12%, var(--fd-color-white)) );--fd-bg-profile-section-icon-personal: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-purple-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-purple-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-body: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 18%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-notifications: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-500) 18%, var(--fd-color-surface-raised)), color-mix(in srgb, var(--fd-color-primary-400) 8%, var(--fd-color-surface-raised)) );--fd-bg-profile-section-icon-billing: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-500) 10%, var(--fd-color-white)) );--fd-bg-profile-section-icon-dietologist: linear-gradient( 145deg, var(--fd-color-yellow-300), color-mix(in srgb, var(--fd-color-yellow-300) 34%, var(--fd-color-white)) );--fd-bg-accent-soft: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-accent-medium: color-mix(in srgb, var(--fd-color-primary-500) 16%, transparent);--fd-bg-success-soft: color-mix(in srgb, var(--fd-color-success) 14%, var(--fd-bg-surface-raised));--fd-bg-warning-soft: color-mix(in srgb, var(--fd-color-yellow-300) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-soft: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-tint: color-mix(in srgb, var(--fd-color-danger) 8%, var(--fd-bg-surface-raised));--fd-bg-danger-tint-strong: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-transparent-hover: color-mix(in srgb, var(--fd-color-danger) 10%, transparent);--fd-bg-danger-transparent-active: color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-bg-danger-surface-hover: color-mix(in srgb, var(--fd-color-danger) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-surface-active: color-mix(in srgb, var(--fd-color-danger) 20%, var(--fd-bg-surface-raised));--fd-bg-scrim-faint: color-mix(in srgb, var(--fd-color-slate-900) 5%, transparent);--fd-bg-ai-result-surface: color-mix(in srgb, var(--fd-color-purple-500) 7%, var(--fd-bg-surface-raised));--fd-bg-ai-text-preview: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-purple-500) 8%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 4%, transparent) ), var(--fd-color-slate-50);--fd-bg-ai-scan-overlay: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-blue-500) 5%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent));--fd-bg-ai-scan-overlay-nutrition: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-green-500) 8%, transparent), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent));--fd-bg-ai-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-white)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-white)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-button-surface: color-mix(in srgb, var(--fd-color-ai) 10%, var(--fd-bg-surface));--fd-bg-ai-button-surface-hover: color-mix(in srgb, var(--fd-color-ai) 18%, var(--fd-bg-surface));--fd-bg-ai-button-surface-active: color-mix(in srgb, var(--fd-color-ai) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface: color-mix(in srgb, var(--fd-color-danger) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface-hover: color-mix(in srgb, var(--fd-color-danger) 32%, var(--fd-bg-surface));--fd-bg-danger-button-surface-active: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-bg-surface));--fd-bg-satiety-card-gradient: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white)), var(--fd-color-slate-400));--fd-bg-card-editor-surface-gradient: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 96%, var(--fd-color-white) 4%), color-mix(in srgb, var(--fd-color-surface) 92%, var(--fd-color-slate-900) 8%) );--fd-bg-progress-track-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, var(--fd-bg-surface-raised));--fd-bg-nutrition-loading: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-dialog));--fd-bg-nutrition-loading-track: color-mix(in srgb, var(--fd-color-blue-500) 15%, transparent);--fd-bg-nutrition-loading-bar: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--fd-color-blue-500) 85%, transparent), transparent );--fd-bg-list-empty: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-50) 90%, transparent), color-mix(in srgb, var(--fd-color-white) 95%, transparent) );--fd-bg-quality-good: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-warning: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-good-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-color-white)));--fd-bg-quality-warning-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-color-white)));--fd-bg-skeleton-shimmer: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 0%, color-mix(in srgb, var(--fd-color-surface-raised) 86%, var(--fd-color-text) 14%) 50%, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 100% );--fd-bg-skeleton-card: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-color-primary-50) 8%), color-mix(in srgb, var(--fd-color-surface) 94%, var(--fd-color-primary-100) 6%) );--fd-bg-surface-primary-soft: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-100) 4%) );--fd-bg-empty-state-surface: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-50) 4%) );--fd-bg-media-card-raised: linear-gradient( 180deg, var(--fd-color-surface-raised) 0%, color-mix(in srgb, var(--fd-color-primary-50) 35%, var(--fd-color-surface-raised)) 100% );--fd-bg-stat-tile: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, transparent), var(--fd-color-surface) );--fd-bg-stat-tile-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 97%, transparent) );--fd-bg-stat-tile-accent: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-accent-color) 8%), color-mix(in srgb, var(--fd-color-surface) 96%, transparent) );--fd-bg-stat-tile-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-notification-default: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-primary-400) 10%, transparent), transparent 52%), radial-gradient(circle at top left, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 44%), var(--fd-color-surface-raised);--fd-bg-notification-dietologist: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-sky-500) 14%, transparent), transparent 45%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-teal-500) 8%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-security: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-palette-warning-400) 16%, transparent), transparent 48%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-amber-500) 10%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-icon-dietologist: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-teal-500) 18%, transparent), color-mix(in srgb, var(--fd-color-sky-500) 8%, transparent) );--fd-bg-notification-icon-security: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-amber-500) 20%, transparent), color-mix(in srgb, var(--fd-color-orange-500) 10%, transparent) );--fd-bg-notice-icon: color-mix(in srgb, var(--fd-color-primary-500) 82%, var(--fd-color-primary-600));--fd-bg-status-muted: color-mix(in srgb, var(--fd-bg-surface) 88%, transparent);--fd-bg-status-info: color-mix(in srgb, var(--fd-color-primary-500) 12%, var(--fd-bg-surface));--fd-bg-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 14%, var(--fd-bg-surface));--fd-bg-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 18%, var(--fd-bg-surface));--fd-bg-status-danger: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface));--fd-bg-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 14%, var(--fd-bg-surface));--fd-bg-category-sky: color-mix(in srgb, var(--fd-color-sky-500) 14%, var(--fd-bg-surface));--fd-bg-category-teal: color-mix(in srgb, var(--fd-color-teal-700) 12%, transparent);--fd-bg-category-purple: color-mix(in srgb, var(--fd-color-purple-500) 14%, var(--fd-bg-surface));--fd-bg-category-orange: color-mix(in srgb, var(--fd-color-orange-500) 12%, transparent);--fd-bg-transparent: transparent;--fd-color-primary-50: #ecfdf5;--fd-color-primary-100: #d1fae5;--fd-color-primary-200: #a7f3d0;--fd-color-primary-300: #6ee7b7;--fd-color-primary-400: #34d399;--fd-color-primary-500: #10b981;--fd-color-primary-600: #059669;--fd-color-primary-700: #047857;--fd-color-primary-800: #065f46;--fd-color-primary-900: #064e3b;--fd-gradient-brand-start: #34d399;--fd-gradient-brand-end: #059669;--fd-gradient-brand-hover-start: #4ade80;--fd-gradient-brand-hover-end: #047857;--fd-gradient-sidebar-start: #f7fcf8;--fd-gradient-sidebar-end: #ebf8ef;--fd-gradient-premium-start: #123b2d;--fd-gradient-premium-end: #065f46;--fd-gradient-hero-start: #10b981;--fd-gradient-hero-end: #0f766e;--fd-gradient-ai-start: #a855f7;--fd-gradient-ai-end: #7c3aed;--fd-gradient-ai-hover-start: #b46bff;--fd-gradient-ai-hover-end: #8b5cf6;--fd-radius-xs: 4px;--fd-radius-sm: 6px;--fd-radius-md: 8px;--fd-radius-lg: 12px;--fd-radius-xl: 16px;--fd-radius-pill: 999px;--fd-color-white: #ffffff;--fd-color-slate-50: #f8fafc;--fd-color-slate-100: #f1f5f9;--fd-color-slate-200: #e2e8f0;--fd-color-slate-300: #cbd5e1;--fd-color-slate-400: #94a3b8;--fd-color-slate-500: #64748b;--fd-color-slate-600: #475569;--fd-color-slate-700: #334155;--fd-color-slate-800: #1e293b;--fd-color-slate-900: #0f172a;--fd-color-gray-500-static: #6b7280;--fd-color-gray-900-static: #111827;--fd-color-neutral-600: #666666;--fd-color-purple-500: #7c3aed;--fd-color-purple-700: #6d28d9;--fd-color-sky-500: #0ea5e9;--fd-color-sky-700: #0369a1;--fd-color-blue-500: #3b82f6;--fd-color-amber-500: #f59e0b;--fd-color-orange-500: #f97316;--fd-color-orange-700: #c2410c;--fd-color-teal-500: #14b8a6;--fd-color-teal-700: #0f766e;--fd-color-green-500: #22c55e;--fd-color-emerald-500: #10b981;--fd-color-emerald-700: #047857;--fd-color-red-600: #dc2626;--fd-color-red-700: #b91c1c;--fd-color-rose-500: #ec4899;--fd-color-yellow-300: #fde68a;--fd-font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--fd-font-family-monospace: ui-monospace, SFMono-Regular, Consolas, monospace;--fd-font-size-base: 1rem;--fd-line-height-base: 1.5;--fd-font-weight-regular: 400;--fd-font-weight-medium: 500;--fd-font-weight-bold: 600;--fd-text-body-sm-size: .95rem;--fd-text-body-sm-line-height: 1.45;--fd-text-body-sm-weight: 400;--fd-text-body-comfort-size: .96rem;--fd-text-body-compact-size: .92rem;--fd-text-body-emphasis-size: .98rem;--fd-text-body-subtle-size: .88rem;--fd-text-body-tiny-plus-size: .86rem;--fd-text-body-tiny-size: .84rem;--fd-text-body-micro-size: .82rem;--fd-text-body-nano-size: .8rem;--fd-text-page-title-mobile-size: 1.65rem;--fd-text-body-lg-size: 1.04rem;--fd-text-body-size: 1rem;--fd-text-body-line-height: 1.6;--fd-text-body-weight: 500;--fd-text-body-xs-size: .875rem;--fd-text-body-xs-line-height: 1.35;--fd-text-body-xs-weight: 400;--fd-text-caption-size: .85rem;--fd-text-caption-line-height: 1.35;--fd-text-caption-weight: 500;--fd-text-helper-size: .75rem;--fd-text-helper-line-height: 1.2;--fd-text-helper-weight: 400;--fd-text-code-sm-size: .8125rem;--fd-text-code-sm-line-height: 1.35;--fd-text-code-sm-weight: 400;--fd-text-label-size: 1rem;--fd-text-label-line-height: 1.2;--fd-text-label-weight: 600;--fd-text-label-floating-size: .8rem;--fd-text-section-title-size: 1.1rem;--fd-text-section-title-line-height: 1.3;--fd-text-section-title-weight: 700;--fd-text-title-sm-size: 1.125rem;--fd-text-title-sm-line-height: 1.3;--fd-text-title-sm-weight: 700;--fd-text-title-xs-size: 1.08rem;--fd-text-title-xs-line-height: 1.3;--fd-text-title-xs-weight: 700;--fd-text-title-md-size: 1.25rem;--fd-text-title-md-line-height: 1.3;--fd-text-title-md-weight: 700;--fd-text-title-compact-size: 1.2rem;--fd-text-title-compact-line-height: 1.3;--fd-text-title-compact-weight: 800;--fd-text-card-title-size: 1.05rem;--fd-text-card-title-line-height: 1.3;--fd-text-card-title-weight: 700;--fd-text-card-meta-size: .85rem;--fd-text-card-meta-line-height: 1.2;--fd-text-card-meta-weight: 600;--fd-text-metric-lg-size: clamp(1.8rem, 2vw, 2.2rem);--fd-text-metric-lg-line-height: 1.1;--fd-text-metric-lg-weight: 800;--fd-text-display-sm-size: 1.8rem;--fd-text-display-sm-line-height: 1.15;--fd-text-display-sm-weight: 800;--fd-text-metric-md-size: 1.5rem;--fd-text-metric-md-line-height: 1.1;--fd-text-metric-md-weight: 700;--fd-text-metric-hero-size: clamp(2.2rem, 2.8vw, 2.6rem);--fd-text-metric-hero-line-height: 1;--fd-text-metric-hero-weight: 800;--fd-text-metric-hero-tracking: -.03em;--fd-letter-spacing-tight-lg: -.04em;--fd-letter-spacing-tight: -.02em;--fd-letter-spacing-tight-sm: -.01em;--fd-letter-spacing-subtle: .01em;--fd-letter-spacing-emphasis: .02em;--fd-letter-spacing-label: .03em;--fd-letter-spacing-wide: .04em;--fd-letter-spacing-overline: .08em;--fd-text-metric-unit-size: 1rem;--fd-text-metric-unit-line-height: 1.2;--fd-text-metric-unit-weight: 600;--fd-text-stat-label-size: .75rem;--fd-text-stat-label-line-height: 1.2;--fd-text-stat-label-weight: 600;--fd-text-stat-label-tracking: .08em;--fd-text-stat-value-size: .9rem;--fd-text-stat-value-line-height: 1.2;--fd-text-stat-value-weight: 600;--fd-text-action-size: .95rem;--fd-text-action-line-height: 1.3;--fd-text-action-weight: 600;--fd-shadow-xs: 0 1px 2px rgba(24, 39, 75, .08);--fd-shadow-sm: 0 2px 6px rgba(24, 39, 75, .12);--fd-shadow-md: 0 4px 12px rgba(24, 39, 75, .15);--fd-shadow-lg: 0 14px 32px color-mix(in srgb, var(--fd-color-shadow) 18%, transparent);--fd-shadow-xl: 0 24px 56px color-mix(in srgb, var(--fd-color-shadow) 22%, transparent);--fd-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--fd-color-primary-600) 22%, transparent);--fd-shadow-focus-danger: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-shadow-focus-accent-subtle: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-purple-500) 12%, transparent);--fd-shadow-autofill-inset: 0 0 0 1000px var(--fd-input-control-background) inset;--fd-shadow-shell-sidebar: 6px 0 24px color-mix(in srgb, var(--fd-color-slate-900) 6%, transparent);--fd-shadow-divider-light: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-divider-light-muted: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 75%, transparent);--fd-shadow-ring-light: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-ring-light-strong: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 85%, transparent);--fd-shadow-ring-danger: 0 0 0 calc(var(--fd-border-width-strong) * 2) var(--fd-bg-status-danger);--fd-shadow-ring-inset-brand: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-medium);--fd-shadow-ring-inset-brand-strong: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-strong);--fd-shadow-ring-inset-border-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 62%, transparent);--fd-shadow-ring-inset-teal: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 16%, transparent);--fd-shadow-ring-inset-amber: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-amber-600) 20%, transparent);--fd-shadow-ring-inset-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-ring-inset-success: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 18%, transparent);--fd-shadow-ring-inset-primary: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 14%, transparent);--fd-shadow-ring-inset-primary-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-shadow-ring-inset-border: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 82%, transparent);--fd-shadow-ring-inset-border-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 80%, transparent);--fd-shadow-ring-inset-border-emphasis: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 86%, transparent);--fd-shadow-ring-inset-border-extra: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 92%, transparent);--fd-shadow-ring-inset-primary-medium: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-ring-inset-primary-focus: inset 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-primary-600) 50%, transparent);--fd-shadow-highlight-inset-light-sm: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 14%, transparent);--fd-shadow-highlight-inset-light-md: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 16%, transparent);--fd-shadow-highlight-inset-light-lg: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 18%, transparent);--fd-shadow-highlight-inset-light-xl: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 22%, transparent);--fd-shadow-highlight-inset-dialog: inset 0 1px 0 color-mix(in srgb, var(--fd-color-dialog-surface) 30%, transparent);--fd-shadow-inner-depth-muted: inset 0 -2px 12px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-glow-primary-xs: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 15%, transparent);--fd-shadow-glow-primary-sm: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 20%, transparent);--fd-shadow-divider-inverse-subtle: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-shadow-glow-light-sm: 0 0 12px color-mix(in srgb, var(--fd-color-white) 50%, transparent);--fd-shadow-nutrient-good: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 28%, transparent);--fd-shadow-nutrient-warning: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-yellow-300) 28%, transparent);--fd-shadow-nutrient-danger: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-danger) 26%, transparent);--fd-shadow-accent-color: var(--fd-color-primary-600);--fd-shadow-accent: 0 10px 24px color-mix(in srgb, var(--fd-shadow-accent-color) 18%, transparent);--fd-shadow-dialog-shell: 0 18px 45px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent);--fd-shadow-button-toolbar-solid: 0 8px 18px color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-button-ai: 0 8px 18px color-mix(in srgb, var(--fd-color-ai-strong) 24%, transparent);--fd-shadow-button-ai-hover: 0 10px 22px color-mix(in srgb, var(--fd-color-ai-strong) 28%, transparent);--fd-shadow-button-hover: 0 8px 20px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-chip-select-selected: 0 10px 18px color-mix(in srgb, var(--fd-chip-select-shadow-selected-color) 22%, transparent);--fd-shadow-emoji-picker-option: 0 8px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-emoji-picker-option-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-emoji-picker-option-selected: 0 12px 28px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent), 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-400) 34%, transparent);--fd-shadow-button-focus-ring: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-surface) 90%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-button-focus-ring-color) 56%, transparent);--fd-shadow-dialog-close-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-400) 52%, transparent);--fd-shadow-dialog-container-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-500) 26%, transparent);--fd-shadow-auth-dialog: 0 24px 64px color-mix(in srgb, var(--fd-color-slate-900) 26%, transparent), 0 4px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-filter-drop-sm: drop-shadow(0 4px 10px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent));--fd-shadow-filter-glow-sm: drop-shadow(0 0 10px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent));--fd-shadow-ai-scan-line: 0 0 16px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-white));--fd-shadow-ai-scan-line-nutrition: 0 0 16px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-white));--fd-shadow-ai-dialog-scan-line: 0 0 22px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-ai-dialog-scan-line-nutrition: 0 0 22px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-filter-ai-dialog-scan-line: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-blue-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-filter-ai-dialog-scan-line-nutrition: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-green-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-notification-hover: var(--fd-shadow-lg), var(--fd-shadow-ring-inset-primary-strong);--fd-shadow-notification-dietologist-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 28%, transparent);--fd-shadow-notification-security-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-palette-warning-700) 28%, transparent);--fd-landing-shadow-soft: 0 16px 36px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-landing-shadow-medium: 0 22px 48px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-landing-shadow-strong: 0 28px 60px color-mix(in srgb, var(--fd-color-slate-900) 18%, transparent);--fd-landing-shadow-highlight: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent);--fd-landing-shadow-chip: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent), 0 12px 26px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-accent-strong: 0 12px 30px color-mix(in srgb, var(--fd-shadow-accent-color) 24%, transparent);--fd-shadow-accent-glow: 0 0 24px color-mix(in srgb, var(--fd-shadow-accent-color) 35%, transparent);--fd-shadow-card-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-fasting-overtime-ring: 0 0 0 var(--fd-size-fasting-ring-glow-spread) color-mix(in srgb, var(--fd-color-green-500) 14%, transparent), 0 var(--fd-size-fasting-ring-glow-offset-y) var(--fd-size-fasting-ring-glow-blur) color-mix(in srgb, var(--fd-color-green-500) 12%, transparent);--fd-shadow-none: none;--fd-transform-card-hover: translateY(calc(0px - var(--fd-space-micro)));--fd-transform-control-hover: translateY(calc(0px - var(--fd-border-width)));--fd-card-hover-transform: var(--fd-transform-card-hover);--fd-card-hover-shadow: var(--fd-shadow-card-hover);--fd-border-none: 0;--fd-border-width: 1px;--fd-border-width-strong: 2px;--fd-border-width-emphasis: 3px;--fd-border-default: 1px solid var(--fd-color-border);--fd-border-strong: 1px solid var(--fd-color-border-strong);--fd-border-subtle: 1px solid color-mix(in srgb, var(--fd-color-border) 62%, transparent);--fd-border-muted: 1px solid color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-border-inverse: 1px solid color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-border-dashed: 1px dashed color-mix(in srgb, var(--fd-color-border-strong) 70%, transparent);--fd-color-border-status-muted: var(--fd-color-border);--fd-color-border-status-info: color-mix(in srgb, var(--fd-color-primary-500) 30%, var(--fd-color-border));--fd-color-border-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 28%, var(--fd-color-border));--fd-color-border-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 32%, var(--fd-color-border));--fd-color-border-status-danger: color-mix(in srgb, var(--fd-color-danger) 28%, var(--fd-color-border));--fd-color-border-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 30%, var(--fd-color-border));--fd-color-border-premium-featured: color-mix(in srgb, var(--fd-gradient-premium-end) 30%, var(--fd-color-border));--fd-color-border-control-auth: color-mix(in srgb, var(--fd-color-slate-300) 72%, var(--fd-color-white));--fd-color-border-control-auth-hover: color-mix(in srgb, var(--fd-color-slate-400) 55%, var(--fd-color-white));--fd-color-border-control-radio: color-mix(in srgb, var(--fd-color-slate-400) 60%, transparent);--fd-color-border-loader: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-divider-soft: color-mix(in srgb, var(--fd-color-border) 72%, transparent);--fd-color-border-divider-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, transparent);--fd-color-border-card-subtle: color-mix(in srgb, var(--fd-color-border) 50%, transparent);--fd-color-border-card-editor: color-mix(in srgb, var(--fd-color-border-strong) 42%, transparent);--fd-color-border-card-primary: color-mix(in srgb, var(--fd-color-primary-600) 16%, transparent);--fd-color-border-card-success: color-mix(in srgb, var(--fd-color-green-500) 18%, transparent);--fd-color-border-card-product: color-mix(in srgb, var(--fd-color-sky-500) 25%, transparent);--fd-color-border-card-recipe: color-mix(in srgb, var(--fd-color-emerald-500) 25%, transparent);--fd-color-border-card-info: color-mix(in srgb, var(--fd-color-slate-400) 40%, transparent);--fd-color-border-card-entry: var(--fd-color-border-dark-muted);--fd-color-border-button-spinner: color-mix(in srgb, currentColor 28%, transparent);--fd-color-border-button-card-action: color-mix(in srgb, var(--fd-color-blue-500) 22%, transparent);--fd-color-border-button-card-action-strong: color-mix(in srgb, var(--fd-color-blue-500) 30%, transparent);--fd-color-border-calendar-hover: color-mix(in srgb, var(--fd-color-border-strong) 55%, transparent);--fd-color-border-calendar-today: color-mix(in srgb, var(--fd-color-primary-500) 28%, transparent);--fd-color-border-calendar-active: color-mix(in srgb, var(--fd-color-primary-500) 18%, transparent);--fd-color-border-switch-checked: color-mix(in srgb, var(--fd-color-primary-500) 36%, transparent);--fd-color-border-emoji-picker-option: color-mix(in srgb, var(--fd-color-border-strong) 38%, transparent);--fd-color-border-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-400) 46%, transparent);--fd-color-border-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-500) 68%, transparent);--fd-color-border-brand-surface: color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white));--fd-color-border-summary-track: color-mix(in srgb, var(--fd-color-border-strong) 68%, var(--fd-color-surface-raised));--fd-color-border-photo-ai: color-mix(in srgb, var(--fd-color-border-strong) 64%, transparent);--fd-color-border-ai-loading-pill: color-mix(in srgb, var(--fd-color-blue-500) 45%, transparent);--fd-color-border-ai-button: color-mix(in srgb, var(--fd-color-ai-strong) 26%, var(--fd-color-border));--fd-color-border-ai-button-hover: color-mix(in srgb, var(--fd-color-ai-strong) 42%, var(--fd-color-border));--fd-color-border-ai-button-active: color-mix(in srgb, var(--fd-color-ai-strong) 50%, var(--fd-color-border));--fd-color-border-danger-button: color-mix(in srgb, var(--fd-color-danger) 40%, var(--fd-color-border));--fd-color-border-danger-button-hover: color-mix(in srgb, var(--fd-color-danger) 58%, var(--fd-color-border));--fd-color-border-danger-button-active: color-mix(in srgb, var(--fd-color-danger) 64%, var(--fd-color-border));--fd-landing-border-soft: color-mix(in srgb, var(--fd-color-border) 78%, transparent);--fd-landing-border-strong: color-mix(in srgb, var(--fd-color-border-strong) 36%, transparent);--fd-landing-dark-border: color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-color-border-nutrient-good: color-mix(in srgb, var(--fd-color-emerald-700) 68%, transparent);--fd-color-border-nutrient-warning: color-mix(in srgb, var(--fd-color-orange-500) 68%, transparent);--fd-color-border-nutrient-danger: color-mix(in srgb, var(--fd-color-red-700) 64%, transparent);--fd-color-border-primary-faint: color-mix(in srgb, var(--fd-color-primary-500) 10%, transparent);--fd-color-border-primary-subtle: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-color-border-primary-soft: color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent);--fd-color-border-primary-medium: color-mix(in srgb, var(--fd-color-primary-500) 15%, transparent);--fd-color-border-primary-strong: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-primary-prominent: color-mix(in srgb, var(--fd-color-primary-600) 45%, transparent);--fd-color-border-slate-faint: color-mix(in srgb, var(--fd-color-slate-400) 16%, transparent);--fd-color-border-slate-subtle: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-color-border-slate-strong: color-mix(in srgb, var(--fd-color-slate-400) 35%, transparent);--fd-color-border-dark-faint: color-mix(in srgb, var(--fd-color-gray-900-static) 6%, transparent);--fd-color-border-dark-muted: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-color-border-dark-subtle: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-border-dark-medium: color-mix(in srgb, var(--fd-color-slate-900) 12%, transparent);--fd-color-border-dark-strong: color-mix(in srgb, var(--fd-color-slate-900) 24%, transparent);--fd-color-border-danger-soft: color-mix(in srgb, var(--fd-color-danger) 18%, transparent);--fd-color-border-danger-medium: color-mix(in srgb, var(--fd-color-danger) 24%, transparent);--fd-color-border-inverse-faint: color-mix(in srgb, var(--fd-color-white) 8%, transparent);--fd-color-border-inverse-subtle: color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-color-border-ai: color-mix(in srgb, var(--fd-color-purple-500) 28%, var(--fd-color-white));--fd-outline-focus: var(--fd-border-width-strong) solid var(--fd-color-primary-400);--fd-outline-focus-strong: var(--fd-border-width-emphasis) solid color-mix(in srgb, var(--fd-color-primary-500) 40%, transparent);--fd-outline-offset: var(--fd-border-width-strong);--fd-color-calendar-outside: color-mix(in srgb, var(--fd-color-text-muted) 72%, transparent);--fd-color-dialog-scrollbar-thumb: color-mix(in srgb, var(--fd-color-slate-500) 52%, transparent);--fd-color-dialog-scrollbar-thumb-hover: color-mix(in srgb, var(--fd-color-slate-600) 68%, transparent);--fd-color-dialog-scrollbar-track: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-danger-on-light: color-mix(in srgb, var(--fd-color-danger) 70%, var(--fd-color-white));--fd-color-text-muted-soft: color-mix(in srgb, var(--fd-color-text-muted) 80%, transparent);--fd-color-text-muted-subtle: color-mix(in srgb, var(--fd-color-slate-400) 90%, transparent);--fd-color-text-muted-emphasis: color-mix(in srgb, var(--fd-color-slate-500) 92%, transparent);--fd-color-favorite-muted: color-mix(in srgb, var(--fd-color-slate-400) 95%, transparent);--fd-color-landing-dark-text-muted: color-mix(in srgb, var(--fd-color-slate-200) 86%, transparent);--fd-color-landing-dark-text-soft: color-mix(in srgb, var(--fd-color-slate-100) 94%, transparent);--fd-color-landing-dark-overline: color-mix(in srgb, var(--fd-color-slate-200) 78%, transparent);--fd-color-landing-dark-description: color-mix(in srgb, var(--fd-color-white) 96%, var(--fd-color-teal-500));--fd-color-landing-dark-note: color-mix(in srgb, var(--fd-color-white) 95%, var(--fd-color-teal-500));--fd-color-notice-action-disabled: color-mix(in srgb, var(--fd-notice-action) 70%, transparent);--fd-color-notice-warning-message: color-mix(in srgb, var(--fd-palette-warning-400) 48%, var(--fd-color-text-muted));--fd-color-notice-warning-action: color-mix(in srgb, var(--fd-palette-warning-400) 72%, var(--fd-color-text));--fd-color-notice-danger-message: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-color-text-muted));--fd-color-notice-danger-action: color-mix(in srgb, var(--fd-color-danger) 76%, var(--fd-color-text));--fd-layout-page-background: #f3faf6;--fd-layout-page-top-padding: clamp(6px, 1.5vw, 10px);--fd-layout-page-horizontal-padding: clamp(12px, 3vw, 32px);--fd-layout-page-vertical-padding: clamp(32px, 6vw, 64px);--fd-layout-page-content-max-width: 1200px;--fd-layout-page-section-spacing: clamp(24px, 4vw, 40px);--fd-period-gap: 24px;--fd-page-body-gap: 16px;--fd-layout-shell-sidebar-width: 260px;--fd-layout-shell-impersonation-banner-height: 48px;--fd-layout-shell-mobile-viewport-bottom-padding: 132px;--fd-layout-shell-mobile-sheet-bottom: 126px;--fd-landing-container-max-width: 1180px;--fd-landing-inline-padding: clamp(var(--fd-space-sm), 4vw, var(--fd-space-lg));--fd-landing-section-space: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-md)) );--fd-landing-section-space-relaxed: clamp(var(--fd-space-xxl), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs)));--fd-landing-section-space-compact: clamp(var(--fd-space-xl), 2.4vw, calc(var(--fd-space-xl) + calc(var(--fd-space-xs) / 2)));--fd-landing-section-space-tight: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 2vw, calc(var(--fd-space-lg) - var(--fd-space-micro)) );--fd-landing-section-space-cta-start: clamp( calc(var(--fd-space-xxl) + var(--fd-space-micro)), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs) + var(--fd-space-micro)) );--fd-landing-section-space-cta-end: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-lg)) );--fd-landing-surface-padding: clamp(calc(var(--fd-space-md) + var(--fd-space-micro)), 2vw, var(--fd-space-lg));--fd-landing-surface-padding-lg: clamp(var(--fd-space-xl), 2.2vw, calc(var(--fd-space-lg) + var(--fd-space-xxs)));--fd-landing-surface-padding-sm: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 1.8vw, calc(var(--fd-space-md) + var(--fd-space-micro)) );--fd-landing-copy-padding: clamp(var(--fd-space-xxs), 1vw, calc(var(--fd-space-xs) + var(--fd-space-micro)));--fd-landing-grid-gap: clamp(var(--fd-space-md), 3vw, calc(var(--fd-space-xxl) - calc(var(--fd-space-xs) / 2)));--fd-landing-stack-gap: clamp(var(--fd-space-lg), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-xxs)));--fd-landing-cta-margin-top: clamp(var(--fd-space-xl), 3vw, var(--fd-space-xxl));--fd-landing-title-size: clamp(28px, 3vw, 38px);--fd-landing-title-size-md: clamp(26px, 3vw, 34px);--fd-landing-title-size-sm: clamp(24px, 3vw, 34px);--fd-landing-title-size-xs: clamp(22px, 2.6vw, 30px);--fd-landing-title-size-dark: clamp(24px, 2.6vw, 34px);--fd-landing-title-size-dark-sm: clamp(24px, 2.5vw, 32px);--fd-landing-title-size-dark-lg: clamp(24px, 2.8vw, 34px);--fd-landing-hero-title-size: clamp(36px, 5.4vw, 60px);--fd-landing-hero-feature-title-size: clamp(24px, 2.3vw, 34px);--fd-landing-hero-feature-title-compact-size: clamp(22px, 6vw, 30px);--fd-landing-seo-title-size: clamp(2.3rem, 5vw, 3.9rem);--fd-landing-seo-section-title-size: clamp(1.75rem, 3vw, 2.4rem);--fd-landing-radius-panel: var(--fd-radius-panel);--fd-landing-radius-card: var(--fd-radius-card);--fd-landing-radius-chip: var(--fd-radius-chip);--fd-landing-surface: color-mix(in srgb, var(--fd-color-surface-raised) 82%, transparent);--fd-landing-surface-strong: color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent);--fd-landing-surface-muted: color-mix(in srgb, var(--fd-color-surface) 90%, transparent);--fd-space-micro: 2px;--fd-space-xxs: 4px;--fd-space-xs: 8px;--fd-space-sm: 12px;--fd-space-md: clamp(12px, 2vw, 16px);--fd-space-lg: clamp(16px, 3vw, 24px);--fd-space-xl: clamp(20px, 3.5vw, 32px);--fd-space-xxl: clamp(28px, 4vw, 40px);--fd-size-icon-xs: .875rem;--fd-size-icon-sm: 1rem;--fd-size-icon-md: 1.125rem;--fd-size-icon-lg: 1.5rem;--fd-size-icon-action-lg: 1.6rem;--fd-size-icon-xl: 1.75rem;--fd-size-icon-xxl: 2rem;--fd-size-icon-hero: 2.25rem;--fd-size-icon-empty: 3rem;--fd-size-control-micro: 22px;--fd-size-control-xs: 24px;--fd-size-control-sm: 32px;--fd-size-control-xxs: 28px;--fd-size-control-chip: 34px;--fd-size-control-compact: 36px;--fd-size-control-toolbar: 38px;--fd-size-control-md: 40px;--fd-size-control-md-plus: 42px;--fd-size-control-touch: 44px;--fd-size-control-lg: 48px;--fd-size-control-xl: 56px;--fd-size-control-xxl: 64px;--fd-size-status-dot: 10px;--fd-size-button-icon-xs: .9rem;--fd-size-button-icon-sm: 1rem;--fd-size-button-icon-lg: 1.3rem;--fd-size-button-icon-xl: 1.6rem;--fd-size-button-spinner-xs: .8rem;--fd-size-pill-height: 28px;--fd-size-pill-height-compact: 24px;--fd-size-pill-height-tiny: 22px;--fd-size-pill-height-relaxed: 30px;--fd-size-progress-height-sm: 4px;--fd-size-progress-height-md: 8px;--fd-size-progress-height-lg: 10px;--fd-size-progress-height-xl: 20px;--fd-size-progress-radius-sm: 2px;--fd-size-top-loader-height: 3px;--fd-size-hint-max-width: 280px;--fd-size-accent-thickness: 6px;--fd-size-accent-thickness-active: 10px;--fd-size-accent-thickness-horizontal: 4px;--fd-size-accent-thickness-horizontal-active: 8px;--fd-size-chip-select-item-height: 38px;--fd-size-chip-select-item-height-sm: 34px;--fd-size-section-state-min-height: 176px;--fd-size-section-state-compact-min-height: 128px;--fd-size-satiety-scale-vertical-max-width: 420px;--fd-size-checkbox-control: 18px;--fd-size-checkbox-checkmark-width: 10px;--fd-size-checkbox-checkmark-height: 6px;--fd-size-radio-control: 18px;--fd-size-radio-dot: 8px;--fd-size-switch-track-width: 44px;--fd-size-switch-track-height: 26px;--fd-size-switch-thumb: 20px;--fd-size-switch-label-min-width: 28px;--fd-size-form-field-subscript-height: 18px;--fd-size-emoji-picker-emoji: 1.7rem;--fd-size-emoji-picker-emoji-sm: 1.4rem;--fd-size-dialog-panel-width-offset: 2rem;--fd-size-dialog-panel-width-sm: 400px;--fd-size-dialog-panel-width-md: 640px;--fd-size-dialog-panel-width-lg: 840px;--fd-size-dialog-panel-width-xl: 1120px;--fd-size-dialog-media-width: min(100vw - 3rem, 1200px);--fd-size-dialog-media-max-width: 1200px;--fd-size-dialog-chart-width: min(1440px, 100vw - 40px);--fd-size-dialog-max-height: 80vh;--fd-size-dialog-max-height-detail: 90vh;--fd-size-dialog-max-height-admin: 94vh;--fd-size-dialog-vertical-padding: 2.5rem;--fd-size-dialog-vertical-padding-sm: 2rem;--fd-size-dialog-vertical-padding-lg: 3rem;--fd-size-dialog-header-block-default: 4.5rem;--fd-size-dialog-footer-block-default: 4.25rem;--fd-size-image-preview-max-height: min(90vh, 980px);--fd-size-image-preview-close-inset: 20px;--fd-size-image-preview-max-width: min(100%, 1120px);--fd-size-image-preview-image-max-height: min(72vh, 820px);--fd-size-image-preview-image-max-height-mobile: min(68vh, 560px);--fd-size-image-preview-caption-max-width: min(100%, 960px);--fd-size-defer-placeholder-height: 200px;--fd-size-fasting-ring-glow-spread: 10px;--fd-size-fasting-ring-glow-offset-y: 18px;--fd-size-fasting-ring-glow-blur: 36px;--fd-layout-header-height: 56px;--fd-layout-header-background: #047857;--fd-layout-header-text-color: #ffffff;--fd-layout-header-horizontal-padding-left: clamp(12px, 3vw, 32px);--fd-layout-header-horizontal-padding-right: clamp(8px, 2vw, 16px);--fd-layout-header-shadow: 0 12px 34px rgba(6, 78, 59, .16);--fd-page-title-size: clamp(1.4rem, 3vw, 2rem);--fd-page-title-line-height: 1.2;--fd-page-title-weight: 700;--fd-page-header-height: 72px;--fd-page-subtitle-size: clamp(.85rem, 1.5vw, 1rem);--fd-page-subtitle-line-height: 1.5;--fd-page-subtitle-weight: 500;--fd-page-header-gap: clamp(10px, 2vw, 16px);--fd-page-actions-gap: 12px;--fd-page-header-mobile-background: #f3faf6;--fd-page-header-mobile-border-color: rgba(52, 211, 153, .22)}html[data-theme=dark]{--fd-color-primary: #6ee7b7;--fd-color-accent: #f59e0b;--fd-color-success: #34d399;--fd-color-info: #38bdf8;--fd-color-warn: #f87171;--fd-color-danger: #f87171;--fd-color-ai: #c084fc;--fd-color-ai-strong: #a855f7;--fd-color-surface: #23252b;--fd-color-surface-muted: #191c21;--fd-color-surface-raised: #2b2f36;--fd-color-dialog-surface: #2b2f36;--fd-color-dialog-surface-muted: #191c21;--fd-color-dialog-border: rgba(203, 213, 225, .26);--fd-color-dialog-overlay: color-mix(in srgb, #0f172a 60%, transparent);--fd-color-background: #14171c;--fd-color-text: #f3f4f6;--fd-color-text-strong: #ffffff;--fd-color-text-muted: #aab2c3;--fd-color-border: rgba(148, 163, 184, .18);--fd-color-border-strong: rgba(203, 213, 225, .26);--fd-color-shadow: rgba(0, 0, 0, .42);--fd-color-on-brand: #08130d;--fd-color-on-brand-muted: #1f2a33;--fd-color-on-ai: #f5edff;--fd-color-primary-rgb: 110 231 183;--fd-color-danger-rgb: 248 113 113;--fd-bg-page: #14171c;--fd-bg-body: #14171c;--fd-bg-surface: var(--fd-color-surface);--fd-bg-surface-raised: var(--fd-color-surface-raised);--fd-bg-surface-muted: var(--fd-color-surface-muted);--fd-bg-surface-inset: var(--fd-color-slate-50);--fd-bg-surface-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, transparent);--fd-bg-surface-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 90%, transparent);--fd-bg-surface-elevated: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, transparent);--fd-bg-surface-panel: color-mix(in srgb, var(--fd-bg-surface-raised) 94%, transparent);--fd-bg-surface-panel-gradient: linear-gradient(180deg, var(--fd-bg-surface-panel), var(--fd-bg-surface));--fd-bg-surface-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 96%, transparent);--fd-bg-card-editor-gradient: linear-gradient(180deg, var(--fd-bg-surface-elevated), var(--fd-bg-surface));--fd-bg-card-profile-gradient: var(--fd-bg-surface-panel-gradient);--fd-bg-surface-raised-blend: color-mix(in srgb, var(--fd-bg-surface-raised) 92%, var(--fd-bg-surface));--fd-bg-control-surface-mixed: color-mix(in srgb, var(--fd-bg-surface-raised) 84%, var(--fd-color-border-strong));--fd-bg-button-card-action: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 52%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)) );--fd-bg-button-card-action-hover: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 78%, var(--fd-color-white)) );--fd-bg-button-card-action-active: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-primary-100) 72%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-200) 74%, var(--fd-color-white)) );--fd-bg-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-100) 55%, var(--fd-bg-surface-raised));--fd-bg-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-100) 76%, var(--fd-bg-surface-raised));--fd-bg-surface-glass-minimal: color-mix(in srgb, var(--fd-bg-surface-raised) 8%, transparent);--fd-bg-surface-glass-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 10%, transparent);--fd-bg-surface-glass-medium: color-mix(in srgb, var(--fd-bg-surface-raised) 12%, transparent);--fd-bg-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 14%, transparent);--fd-bg-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 24%, transparent);--fd-bg-surface-translucent-soft: color-mix(in srgb, var(--fd-bg-surface-raised) 85%, transparent);--fd-bg-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 86%, transparent);--fd-bg-surface-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-raised) 95%, transparent);--fd-bg-surface-inset-blend: color-mix(in srgb, var(--fd-bg-surface-inset) 70%, var(--fd-bg-surface-raised));--fd-bg-surface-inset-translucent: color-mix(in srgb, var(--fd-bg-surface-inset) 90%, transparent);--fd-bg-surface-inset-translucent-solid: color-mix(in srgb, var(--fd-bg-surface-inset) 95%, transparent);--fd-bg-surface-brand: linear-gradient( 180deg, var(--fd-bg-surface-raised) 0%, color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised)) 100% );--fd-bg-brand-surface-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-medium: color-mix(in srgb, var(--fd-bg-brand-soft) 48%, var(--fd-bg-surface-raised));--fd-bg-brand-surface-strong: color-mix(in srgb, var(--fd-bg-brand-soft) 54%, var(--fd-bg-surface-raised));--fd-bg-landing-page: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 22%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--fd-color-emerald-500) 4%, transparent), transparent 25%), var(--fd-color-slate-50);--fd-bg-landing-section-soft: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-50) 42%, var(--fd-color-white)), var(--fd-color-white));--fd-bg-landing-brand-soft: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-surface-raised));--fd-bg-landing-accent-card: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent), color-mix(in srgb, var(--fd-color-emerald-500) 12%, transparent));--fd-bg-landing-drawer: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-primary-500) 8%, transparent), color-mix(in srgb, var(--fd-color-primary-500) 2%, transparent));--fd-bg-landing-eyebrow-info: color-mix(in srgb, var(--fd-color-blue-500) 10%, transparent);--fd-bg-landing-icon-soft: color-mix(in srgb, var(--fd-color-blue-500) 12%, transparent);--fd-bg-landing-faq-control: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-landing-surface-translucent: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-landing-surface-glass: color-mix(in srgb, var(--fd-bg-surface-raised) 68%, transparent);--fd-bg-landing-surface-glass-strong: color-mix(in srgb, var(--fd-bg-surface-raised) 62%, transparent);--fd-bg-landing-dark-panel: linear-gradient( 140deg, color-mix(in srgb, var(--fd-color-slate-900) 98%, transparent), color-mix(in srgb, var(--fd-color-primary-600) 94%, transparent) 55%, color-mix(in srgb, var(--fd-color-teal-500) 90%, transparent) );--fd-bg-landing-dark-panel-subtle: linear-gradient( 160deg, color-mix(in srgb, var(--fd-color-slate-900) 96%, transparent), color-mix(in srgb, var(--fd-color-teal-700) 94%, transparent) );--fd-bg-landing-cta-orb: radial-gradient(circle, color-mix(in srgb, var(--fd-bg-surface-raised) 18%, transparent), transparent 70%);--fd-bg-landing-cta-orb-accent: radial-gradient(circle, color-mix(in srgb, var(--fd-color-teal-500) 22%, transparent), transparent 70%);--fd-bg-border: var(--fd-color-border);--fd-bg-border-strong: var(--fd-color-border-strong);--fd-bg-track-muted: var(--fd-color-slate-200);--fd-bg-dialog: var(--fd-color-dialog-surface);--fd-bg-dialog-muted: var(--fd-color-dialog-surface-muted);--fd-bg-overlay: var(--fd-color-dialog-overlay);--fd-bg-overlay-subtle: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-bg-overlay-muted: color-mix(in srgb, var(--fd-color-slate-900) 28%, transparent);--fd-bg-overlay-medium: color-mix(in srgb, var(--fd-color-slate-900) 35%, transparent);--fd-bg-overlay-strong: color-mix(in srgb, var(--fd-color-slate-900) 55%, transparent);--fd-bg-scrim-subtle: color-mix(in srgb, var(--fd-color-slate-900) 25%, transparent);--fd-bg-scrim: color-mix(in srgb, var(--fd-color-slate-900) 50%, transparent);--fd-bg-scrim-strong: color-mix(in srgb, var(--fd-color-slate-900) 85%, transparent);--fd-bg-muted-tint: color-mix(in srgb, var(--fd-color-slate-400) 15%, transparent);--fd-bg-muted-tint-subtle: color-mix(in srgb, var(--fd-color-slate-400) 12%, transparent);--fd-bg-muted-tint-strong: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-bg-text-muted-tint: color-mix(in srgb, var(--fd-color-text-muted) 10%, transparent);--fd-bg-action-divider-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 50%, transparent), color-mix(in srgb, var(--fd-color-slate-400) 0%, transparent) );--fd-bg-primary: var(--fd-color-primary-600);--fd-bg-danger: var(--fd-color-danger);--fd-bg-brand: linear-gradient(135deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-horizontal: linear-gradient(90deg, var(--fd-gradient-brand-start), var(--fd-gradient-brand-end));--fd-bg-brand-hover: linear-gradient(135deg, var(--fd-gradient-brand-hover-start), var(--fd-gradient-brand-hover-end));--fd-bg-brand-soft: var(--fd-color-primary-50);--fd-bg-brand-tint-subtle: color-mix(in srgb, var(--fd-color-primary-600) 6%, transparent);--fd-bg-brand-tint: color-mix(in srgb, var(--fd-color-primary-600) 8%, transparent);--fd-bg-brand-tint-medium: color-mix(in srgb, var(--fd-color-primary-600) 10%, transparent);--fd-bg-brand-tint-strong: color-mix(in srgb, var(--fd-color-primary-600) 12%, transparent);--fd-bg-brand-soft-blend: color-mix(in srgb, var(--fd-bg-brand-soft) 58%, var(--fd-bg-surface-raised));--fd-bg-sidebar: linear-gradient(180deg, var(--fd-gradient-sidebar-start) 0%, var(--fd-gradient-sidebar-end) 100%);--fd-bg-premium: linear-gradient(135deg, var(--fd-gradient-premium-start), var(--fd-gradient-premium-end));--fd-bg-premium-page-overview: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-gradient-premium-end) 18%, transparent), transparent 52%), linear-gradient( 135deg, color-mix(in srgb, var(--fd-gradient-premium-start) 10%, var(--fd-color-surface)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 7%, var(--fd-color-surface)) 100% );--fd-bg-premium-plan-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-gradient-premium-start) 8%, var(--fd-color-surface-elevated)) 0%, color-mix(in srgb, var(--fd-gradient-premium-end) 8%, var(--fd-color-surface-elevated)) 100% );--fd-bg-profile-section-icon: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 70%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-50) 82%, var(--fd-color-white)) );--fd-bg-profile-section-icon-account: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-100) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-sky-500) 12%, var(--fd-color-white)) );--fd-bg-profile-section-icon-personal: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-purple-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-purple-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-body: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 18%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-500) 8%, var(--fd-color-white)) );--fd-bg-profile-section-icon-notifications: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-primary-500) 18%, var(--fd-color-surface-raised)), color-mix(in srgb, var(--fd-color-primary-400) 8%, var(--fd-color-surface-raised)) );--fd-bg-profile-section-icon-billing: linear-gradient( 145deg, color-mix(in srgb, var(--fd-color-emerald-500) 16%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-primary-500) 10%, var(--fd-color-white)) );--fd-bg-profile-section-icon-dietologist: linear-gradient( 145deg, var(--fd-color-yellow-300), color-mix(in srgb, var(--fd-color-yellow-300) 34%, var(--fd-color-white)) );--fd-bg-accent-soft: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-bg-accent-medium: color-mix(in srgb, var(--fd-color-primary-500) 16%, transparent);--fd-bg-success-soft: color-mix(in srgb, var(--fd-color-success) 14%, var(--fd-bg-surface-raised));--fd-bg-warning-soft: color-mix(in srgb, var(--fd-color-yellow-300) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-soft: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-tint: color-mix(in srgb, var(--fd-color-danger) 8%, var(--fd-bg-surface-raised));--fd-bg-danger-tint-strong: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface-raised));--fd-bg-danger-transparent-hover: color-mix(in srgb, var(--fd-color-danger) 10%, transparent);--fd-bg-danger-transparent-active: color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-bg-danger-surface-hover: color-mix(in srgb, var(--fd-color-danger) 16%, var(--fd-bg-surface-raised));--fd-bg-danger-surface-active: color-mix(in srgb, var(--fd-color-danger) 20%, var(--fd-bg-surface-raised));--fd-bg-scrim-faint: color-mix(in srgb, var(--fd-color-slate-900) 5%, transparent);--fd-bg-ai-result-surface: color-mix(in srgb, var(--fd-color-purple-500) 7%, var(--fd-bg-surface-raised));--fd-bg-ai-text-preview: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-purple-500) 8%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 4%, transparent) ), var(--fd-color-slate-50);--fd-bg-ai-scan-overlay: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-blue-500) 5%, transparent), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent));--fd-bg-ai-scan-overlay-nutrition: linear-gradient(180deg, color-mix(in srgb, var(--fd-color-green-500) 8%, transparent), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent));--fd-bg-ai-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-white)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-white)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-blue-500), color-mix(in srgb, var(--fd-color-blue-500) 0%, transparent) );--fd-bg-ai-dialog-scan-line-nutrition: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-green-500) 0%, transparent), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 95%, var(--fd-color-dialog-surface)), var(--fd-color-green-500), color-mix(in srgb, var(--fd-color-green-500) 0%, transparent) );--fd-bg-ai-button-surface: color-mix(in srgb, var(--fd-color-ai) 10%, var(--fd-bg-surface));--fd-bg-ai-button-surface-hover: color-mix(in srgb, var(--fd-color-ai) 18%, var(--fd-bg-surface));--fd-bg-ai-button-surface-active: color-mix(in srgb, var(--fd-color-ai) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface: color-mix(in srgb, var(--fd-color-danger) 22%, var(--fd-bg-surface));--fd-bg-danger-button-surface-hover: color-mix(in srgb, var(--fd-color-danger) 32%, var(--fd-bg-surface));--fd-bg-danger-button-surface-active: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-bg-surface));--fd-bg-satiety-card-gradient: linear-gradient(135deg, color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white)), var(--fd-color-slate-400));--fd-bg-card-editor-surface-gradient: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 96%, var(--fd-color-white) 4%), color-mix(in srgb, var(--fd-color-surface) 92%, var(--fd-color-slate-900) 8%) );--fd-bg-progress-track-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, var(--fd-bg-surface-raised));--fd-bg-nutrition-loading: color-mix(in srgb, var(--fd-bg-brand-soft) 35%, var(--fd-bg-dialog));--fd-bg-nutrition-loading-track: color-mix(in srgb, var(--fd-color-blue-500) 15%, transparent);--fd-bg-nutrition-loading-bar: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--fd-color-blue-500) 85%, transparent), transparent );--fd-bg-list-empty: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-slate-50) 90%, transparent), color-mix(in srgb, var(--fd-color-white) 95%, transparent) );--fd-bg-quality-good: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-warning: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-bg-surface-raised)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-bg-surface-raised)));--fd-bg-quality-good-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-emerald-500) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-emerald-700) 78%, var(--fd-color-white)));--fd-bg-quality-warning-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-yellow-300) 82%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-orange-500) 68%, var(--fd-color-yellow-300)));--fd-bg-quality-danger-light: linear-gradient(90deg, color-mix(in srgb, var(--fd-color-danger) 55%, var(--fd-color-white)), color-mix(in srgb, var(--fd-color-red-700) 78%, var(--fd-color-white)));--fd-bg-skeleton-shimmer: linear-gradient( 90deg, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 0%, color-mix(in srgb, var(--fd-color-surface-raised) 86%, var(--fd-color-text) 14%) 50%, color-mix(in srgb, var(--fd-color-surface) 78%, var(--fd-color-text-muted) 22%) 100% );--fd-bg-skeleton-card: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-color-primary-50) 8%), color-mix(in srgb, var(--fd-color-surface) 94%, var(--fd-color-primary-100) 6%) );--fd-bg-surface-primary-soft: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-100) 4%) );--fd-bg-empty-state-surface: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent), color-mix(in srgb, var(--fd-color-surface) 96%, var(--fd-color-primary-50) 4%) );--fd-bg-media-card-raised: linear-gradient( 180deg, var(--fd-color-surface-raised) 0%, color-mix(in srgb, var(--fd-color-primary-50) 35%, var(--fd-color-surface-raised)) 100% );--fd-bg-stat-tile: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, transparent), var(--fd-color-surface) );--fd-bg-stat-tile-featured: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 94%, var(--fd-color-primary-50) 6%), color-mix(in srgb, var(--fd-color-surface) 97%, transparent) );--fd-bg-stat-tile-accent: linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-surface-raised) 92%, var(--fd-accent-color) 8%), color-mix(in srgb, var(--fd-color-surface) 96%, transparent) );--fd-bg-stat-tile-subtle: color-mix(in srgb, var(--fd-bg-surface-raised) 78%, transparent);--fd-bg-notification-default: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-primary-400) 10%, transparent), transparent 52%), radial-gradient(circle at top left, color-mix(in srgb, var(--fd-color-primary-300) 8%, transparent), transparent 44%), var(--fd-color-surface-raised);--fd-bg-notification-dietologist: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-color-sky-500) 14%, transparent), transparent 45%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-teal-500) 8%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-security: radial-gradient(circle at top right, color-mix(in srgb, var(--fd-palette-warning-400) 16%, transparent), transparent 48%), linear-gradient( 180deg, color-mix(in srgb, var(--fd-color-amber-500) 10%, var(--fd-color-surface-raised)), var(--fd-color-surface-raised) );--fd-bg-notification-icon-dietologist: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-teal-500) 18%, transparent), color-mix(in srgb, var(--fd-color-sky-500) 8%, transparent) );--fd-bg-notification-icon-security: linear-gradient( 135deg, color-mix(in srgb, var(--fd-color-amber-500) 20%, transparent), color-mix(in srgb, var(--fd-color-orange-500) 10%, transparent) );--fd-bg-notice-icon: color-mix(in srgb, var(--fd-color-primary-500) 82%, var(--fd-color-primary-600));--fd-bg-status-muted: color-mix(in srgb, var(--fd-bg-surface) 88%, transparent);--fd-bg-status-info: color-mix(in srgb, var(--fd-color-primary-500) 12%, var(--fd-bg-surface));--fd-bg-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 14%, var(--fd-bg-surface));--fd-bg-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 18%, var(--fd-bg-surface));--fd-bg-status-danger: color-mix(in srgb, var(--fd-color-danger) 12%, var(--fd-bg-surface));--fd-bg-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 14%, var(--fd-bg-surface));--fd-bg-category-sky: color-mix(in srgb, var(--fd-color-sky-500) 14%, var(--fd-bg-surface));--fd-bg-category-teal: color-mix(in srgb, var(--fd-color-teal-700) 12%, transparent);--fd-bg-category-purple: color-mix(in srgb, var(--fd-color-purple-500) 14%, var(--fd-bg-surface));--fd-bg-category-orange: color-mix(in srgb, var(--fd-color-orange-500) 12%, transparent);--fd-bg-transparent: transparent;--fd-color-primary-50: #06251c;--fd-color-primary-100: #0b3327;--fd-color-primary-200: #134837;--fd-color-primary-300: #1d614a;--fd-color-primary-400: #2f8a69;--fd-color-primary-500: #34d399;--fd-color-primary-600: #6ee7b7;--fd-color-primary-700: #a7f3d0;--fd-color-primary-800: #d1fae5;--fd-color-primary-900: #ecfdf5;--fd-gradient-brand-start: #34d399;--fd-gradient-brand-end: #6ee7b7;--fd-gradient-brand-hover-start: #4ade80;--fd-gradient-brand-hover-end: #86efac;--fd-gradient-sidebar-start: #181b20;--fd-gradient-sidebar-end: #22262d;--fd-gradient-premium-start: #111827;--fd-gradient-premium-end: #1f2937;--fd-gradient-hero-start: #1d614a;--fd-gradient-hero-end: #134837;--fd-gradient-ai-start: #c084fc;--fd-gradient-ai-end: #a855f7;--fd-gradient-ai-hover-start: #d19bff;--fd-gradient-ai-hover-end: #b46bff;--fd-radius-xs: 4px;--fd-radius-sm: 6px;--fd-radius-md: 8px;--fd-radius-lg: 12px;--fd-radius-xl: 16px;--fd-radius-pill: 999px;--fd-color-white: #ffffff;--fd-color-slate-50: #f8fafc;--fd-color-slate-100: #f1f5f9;--fd-color-slate-200: #e2e8f0;--fd-color-slate-300: #cbd5e1;--fd-color-slate-400: #94a3b8;--fd-color-slate-500: #64748b;--fd-color-slate-600: #475569;--fd-color-slate-700: #334155;--fd-color-slate-800: #1e293b;--fd-color-slate-900: #0f172a;--fd-color-gray-500-static: #6b7280;--fd-color-gray-900-static: #111827;--fd-color-neutral-600: #666666;--fd-color-purple-500: #7c3aed;--fd-color-purple-700: #6d28d9;--fd-color-sky-500: #0ea5e9;--fd-color-sky-700: #0369a1;--fd-color-blue-500: #3b82f6;--fd-color-amber-500: #f59e0b;--fd-color-orange-500: #f97316;--fd-color-orange-700: #c2410c;--fd-color-teal-500: #14b8a6;--fd-color-teal-700: #0f766e;--fd-color-green-500: #22c55e;--fd-color-emerald-500: #10b981;--fd-color-emerald-700: #047857;--fd-color-red-600: #dc2626;--fd-color-red-700: #b91c1c;--fd-color-rose-500: #ec4899;--fd-color-yellow-300: #fde68a;--fd-font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--fd-font-family-monospace: ui-monospace, SFMono-Regular, Consolas, monospace;--fd-font-size-base: 1rem;--fd-line-height-base: 1.5;--fd-font-weight-regular: 400;--fd-font-weight-medium: 500;--fd-font-weight-bold: 600;--fd-text-body-sm-size: .95rem;--fd-text-body-sm-line-height: 1.45;--fd-text-body-sm-weight: 400;--fd-text-body-comfort-size: .96rem;--fd-text-body-compact-size: .92rem;--fd-text-body-emphasis-size: .98rem;--fd-text-body-subtle-size: .88rem;--fd-text-body-tiny-plus-size: .86rem;--fd-text-body-tiny-size: .84rem;--fd-text-body-micro-size: .82rem;--fd-text-body-nano-size: .8rem;--fd-text-page-title-mobile-size: 1.65rem;--fd-text-body-lg-size: 1.04rem;--fd-text-body-size: 1rem;--fd-text-body-line-height: 1.6;--fd-text-body-weight: 500;--fd-text-body-xs-size: .875rem;--fd-text-body-xs-line-height: 1.35;--fd-text-body-xs-weight: 400;--fd-text-caption-size: .85rem;--fd-text-caption-line-height: 1.35;--fd-text-caption-weight: 500;--fd-text-helper-size: .75rem;--fd-text-helper-line-height: 1.2;--fd-text-helper-weight: 400;--fd-text-code-sm-size: .8125rem;--fd-text-code-sm-line-height: 1.35;--fd-text-code-sm-weight: 400;--fd-text-label-size: 1rem;--fd-text-label-line-height: 1.2;--fd-text-label-weight: 600;--fd-text-label-floating-size: .8rem;--fd-text-section-title-size: 1.1rem;--fd-text-section-title-line-height: 1.3;--fd-text-section-title-weight: 700;--fd-text-title-sm-size: 1.125rem;--fd-text-title-sm-line-height: 1.3;--fd-text-title-sm-weight: 700;--fd-text-title-xs-size: 1.08rem;--fd-text-title-xs-line-height: 1.3;--fd-text-title-xs-weight: 700;--fd-text-title-md-size: 1.25rem;--fd-text-title-md-line-height: 1.3;--fd-text-title-md-weight: 700;--fd-text-title-compact-size: 1.2rem;--fd-text-title-compact-line-height: 1.3;--fd-text-title-compact-weight: 800;--fd-text-card-title-size: 1.05rem;--fd-text-card-title-line-height: 1.3;--fd-text-card-title-weight: 700;--fd-text-card-meta-size: .85rem;--fd-text-card-meta-line-height: 1.2;--fd-text-card-meta-weight: 600;--fd-text-metric-lg-size: clamp(1.8rem, 2vw, 2.2rem);--fd-text-metric-lg-line-height: 1.1;--fd-text-metric-lg-weight: 800;--fd-text-display-sm-size: 1.8rem;--fd-text-display-sm-line-height: 1.15;--fd-text-display-sm-weight: 800;--fd-text-metric-md-size: 1.5rem;--fd-text-metric-md-line-height: 1.1;--fd-text-metric-md-weight: 700;--fd-text-metric-hero-size: clamp(2.2rem, 2.8vw, 2.6rem);--fd-text-metric-hero-line-height: 1;--fd-text-metric-hero-weight: 800;--fd-text-metric-hero-tracking: -.03em;--fd-letter-spacing-tight-lg: -.04em;--fd-letter-spacing-tight: -.02em;--fd-letter-spacing-tight-sm: -.01em;--fd-letter-spacing-subtle: .01em;--fd-letter-spacing-emphasis: .02em;--fd-letter-spacing-label: .03em;--fd-letter-spacing-wide: .04em;--fd-letter-spacing-overline: .08em;--fd-text-metric-unit-size: 1rem;--fd-text-metric-unit-line-height: 1.2;--fd-text-metric-unit-weight: 600;--fd-text-stat-label-size: .75rem;--fd-text-stat-label-line-height: 1.2;--fd-text-stat-label-weight: 600;--fd-text-stat-label-tracking: .08em;--fd-text-stat-value-size: .9rem;--fd-text-stat-value-line-height: 1.2;--fd-text-stat-value-weight: 600;--fd-text-action-size: .95rem;--fd-text-action-line-height: 1.3;--fd-text-action-weight: 600;--fd-shadow-xs: 0 1px 2px rgba(24, 39, 75, .08);--fd-shadow-sm: 0 2px 6px rgba(24, 39, 75, .12);--fd-shadow-md: 0 4px 12px rgba(24, 39, 75, .15);--fd-shadow-lg: 0 14px 32px color-mix(in srgb, var(--fd-color-shadow) 18%, transparent);--fd-shadow-xl: 0 24px 56px color-mix(in srgb, var(--fd-color-shadow) 22%, transparent);--fd-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--fd-color-primary-600) 22%, transparent);--fd-shadow-focus-danger: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-danger) 14%, transparent);--fd-shadow-focus-accent-subtle: 0 0 0 var(--fd-border-width-emphasis) color-mix(in srgb, var(--fd-color-purple-500) 12%, transparent);--fd-shadow-autofill-inset: 0 0 0 1000px var(--fd-input-control-background) inset;--fd-shadow-shell-sidebar: 6px 0 24px color-mix(in srgb, var(--fd-color-slate-900) 6%, transparent);--fd-shadow-divider-light: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-divider-light-muted: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 75%, transparent);--fd-shadow-ring-light: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 80%, transparent);--fd-shadow-ring-light-strong: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-white) 85%, transparent);--fd-shadow-ring-danger: 0 0 0 calc(var(--fd-border-width-strong) * 2) var(--fd-bg-status-danger);--fd-shadow-ring-inset-brand: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-medium);--fd-shadow-ring-inset-brand-strong: inset 0 0 0 var(--fd-border-width) var(--fd-bg-brand-tint-strong);--fd-shadow-ring-inset-border-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 62%, transparent);--fd-shadow-ring-inset-teal: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 16%, transparent);--fd-shadow-ring-inset-amber: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-amber-600) 20%, transparent);--fd-shadow-ring-inset-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-ring-inset-success: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 18%, transparent);--fd-shadow-ring-inset-primary: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 14%, transparent);--fd-shadow-ring-inset-primary-strong: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-shadow-ring-inset-border: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 82%, transparent);--fd-shadow-ring-inset-border-muted: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border) 80%, transparent);--fd-shadow-ring-inset-border-emphasis: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 86%, transparent);--fd-shadow-ring-inset-border-extra: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-border-strong) 92%, transparent);--fd-shadow-ring-inset-primary-medium: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-ring-inset-primary-focus: inset 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-primary-600) 50%, transparent);--fd-shadow-highlight-inset-light-sm: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 14%, transparent);--fd-shadow-highlight-inset-light-md: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 16%, transparent);--fd-shadow-highlight-inset-light-lg: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 18%, transparent);--fd-shadow-highlight-inset-light-xl: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 22%, transparent);--fd-shadow-highlight-inset-dialog: inset 0 1px 0 color-mix(in srgb, var(--fd-color-dialog-surface) 30%, transparent);--fd-shadow-inner-depth-muted: inset 0 -2px 12px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-glow-primary-xs: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 15%, transparent);--fd-shadow-glow-primary-sm: 0 4px 14px color-mix(in srgb, var(--fd-color-primary-600) 20%, transparent);--fd-shadow-divider-inverse-subtle: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-shadow-glow-light-sm: 0 0 12px color-mix(in srgb, var(--fd-color-white) 50%, transparent);--fd-shadow-nutrient-good: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-emerald-500) 28%, transparent);--fd-shadow-nutrient-warning: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-yellow-300) 28%, transparent);--fd-shadow-nutrient-danger: inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-danger) 26%, transparent);--fd-shadow-accent-color: var(--fd-color-primary-600);--fd-shadow-accent: 0 10px 24px color-mix(in srgb, var(--fd-shadow-accent-color) 18%, transparent);--fd-shadow-dialog-shell: 0 18px 45px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent);--fd-shadow-button-toolbar-solid: 0 8px 18px color-mix(in srgb, var(--fd-color-primary-600) 24%, transparent);--fd-shadow-button-ai: 0 8px 18px color-mix(in srgb, var(--fd-color-ai-strong) 24%, transparent);--fd-shadow-button-ai-hover: 0 10px 22px color-mix(in srgb, var(--fd-color-ai-strong) 28%, transparent);--fd-shadow-button-hover: 0 8px 20px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-chip-select-selected: 0 10px 18px color-mix(in srgb, var(--fd-chip-select-shadow-selected-color) 22%, transparent);--fd-shadow-emoji-picker-option: 0 8px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-emoji-picker-option-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 14%, transparent);--fd-shadow-emoji-picker-option-selected: 0 12px 28px color-mix(in srgb, var(--fd-color-slate-900) 16%, transparent), 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-primary-400) 34%, transparent);--fd-shadow-button-focus-ring: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-surface) 90%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-button-focus-ring-color) 56%, transparent);--fd-shadow-dialog-close-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-400) 52%, transparent);--fd-shadow-dialog-container-focus: 0 0 0 var(--fd-border-width-strong) color-mix(in srgb, var(--fd-color-dialog-surface) 88%, transparent), 0 0 0 calc(var(--fd-border-width-strong) * 2) color-mix(in srgb, var(--fd-color-primary-500) 26%, transparent);--fd-shadow-auth-dialog: 0 24px 64px color-mix(in srgb, var(--fd-color-slate-900) 26%, transparent), 0 4px 18px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-shadow-filter-drop-sm: drop-shadow(0 4px 10px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent));--fd-shadow-filter-glow-sm: drop-shadow(0 0 10px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent));--fd-shadow-ai-scan-line: 0 0 16px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-white));--fd-shadow-ai-scan-line-nutrition: 0 0 16px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 30px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-white));--fd-shadow-ai-dialog-scan-line: 0 0 22px color-mix(in srgb, var(--fd-color-blue-500) 80%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-blue-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-ai-dialog-scan-line-nutrition: 0 0 22px color-mix(in srgb, var(--fd-color-green-500) 75%, transparent), 0 0 40px color-mix(in srgb, var(--fd-color-green-500) 60%, var(--fd-color-dialog-surface));--fd-shadow-filter-ai-dialog-scan-line: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-blue-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-filter-ai-dialog-scan-line-nutrition: drop-shadow(0 0 8px color-mix(in srgb, var(--fd-color-green-500) 90%, var(--fd-color-dialog-surface)));--fd-shadow-notification-hover: var(--fd-shadow-lg), var(--fd-shadow-ring-inset-primary-strong);--fd-shadow-notification-dietologist-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-color-teal-700) 28%, transparent);--fd-shadow-notification-security-hover: var(--fd-shadow-lg), inset 0 0 0 var(--fd-border-width) color-mix(in srgb, var(--fd-palette-warning-700) 28%, transparent);--fd-landing-shadow-soft: 0 16px 36px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-landing-shadow-medium: 0 22px 48px color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-landing-shadow-strong: 0 28px 60px color-mix(in srgb, var(--fd-color-slate-900) 18%, transparent);--fd-landing-shadow-highlight: inset 0 var(--fd-border-width) 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent);--fd-landing-shadow-chip: inset 0 1px 0 color-mix(in srgb, var(--fd-color-white) 6%, transparent), 0 12px 26px color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-shadow-accent-strong: 0 12px 30px color-mix(in srgb, var(--fd-shadow-accent-color) 24%, transparent);--fd-shadow-accent-glow: 0 0 24px color-mix(in srgb, var(--fd-shadow-accent-color) 35%, transparent);--fd-shadow-card-hover: 0 12px 24px color-mix(in srgb, var(--fd-color-slate-900) 15%, transparent);--fd-shadow-fasting-overtime-ring: 0 0 0 var(--fd-size-fasting-ring-glow-spread) color-mix(in srgb, var(--fd-color-green-500) 14%, transparent), 0 var(--fd-size-fasting-ring-glow-offset-y) var(--fd-size-fasting-ring-glow-blur) color-mix(in srgb, var(--fd-color-green-500) 12%, transparent);--fd-shadow-none: none;--fd-transform-card-hover: translateY(calc(0px - var(--fd-space-micro)));--fd-transform-control-hover: translateY(calc(0px - var(--fd-border-width)));--fd-card-hover-transform: var(--fd-transform-card-hover);--fd-card-hover-shadow: var(--fd-shadow-card-hover);--fd-border-none: 0;--fd-border-width: 1px;--fd-border-width-strong: 2px;--fd-border-width-emphasis: 3px;--fd-border-default: 1px solid var(--fd-color-border);--fd-border-strong: 1px solid var(--fd-color-border-strong);--fd-border-subtle: 1px solid color-mix(in srgb, var(--fd-color-border) 62%, transparent);--fd-border-muted: 1px solid color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-border-inverse: 1px solid color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-border-dashed: 1px dashed color-mix(in srgb, var(--fd-color-border-strong) 70%, transparent);--fd-color-border-status-muted: var(--fd-color-border);--fd-color-border-status-info: color-mix(in srgb, var(--fd-color-primary-500) 30%, var(--fd-color-border));--fd-color-border-status-success: color-mix(in srgb, var(--fd-color-emerald-500) 28%, var(--fd-color-border));--fd-color-border-status-warning: color-mix(in srgb, var(--fd-color-yellow-300) 32%, var(--fd-color-border));--fd-color-border-status-danger: color-mix(in srgb, var(--fd-color-danger) 28%, var(--fd-color-border));--fd-color-border-status-premium: color-mix(in srgb, var(--fd-gradient-premium-start) 30%, var(--fd-color-border));--fd-color-border-premium-featured: color-mix(in srgb, var(--fd-gradient-premium-end) 30%, var(--fd-color-border));--fd-color-border-control-auth: color-mix(in srgb, var(--fd-color-slate-300) 72%, var(--fd-color-white));--fd-color-border-control-auth-hover: color-mix(in srgb, var(--fd-color-slate-400) 55%, var(--fd-color-white));--fd-color-border-control-radio: color-mix(in srgb, var(--fd-color-slate-400) 60%, transparent);--fd-color-border-loader: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-divider-soft: color-mix(in srgb, var(--fd-color-border) 72%, transparent);--fd-color-border-divider-strong: color-mix(in srgb, var(--fd-color-border-strong) 72%, transparent);--fd-color-border-card-subtle: color-mix(in srgb, var(--fd-color-border) 50%, transparent);--fd-color-border-card-editor: color-mix(in srgb, var(--fd-color-border-strong) 42%, transparent);--fd-color-border-card-primary: color-mix(in srgb, var(--fd-color-primary-600) 16%, transparent);--fd-color-border-card-success: color-mix(in srgb, var(--fd-color-green-500) 18%, transparent);--fd-color-border-card-product: color-mix(in srgb, var(--fd-color-sky-500) 25%, transparent);--fd-color-border-card-recipe: color-mix(in srgb, var(--fd-color-emerald-500) 25%, transparent);--fd-color-border-card-info: color-mix(in srgb, var(--fd-color-slate-400) 40%, transparent);--fd-color-border-card-entry: var(--fd-color-border-dark-muted);--fd-color-border-button-spinner: color-mix(in srgb, currentColor 28%, transparent);--fd-color-border-button-card-action: color-mix(in srgb, var(--fd-color-blue-500) 22%, transparent);--fd-color-border-button-card-action-strong: color-mix(in srgb, var(--fd-color-blue-500) 30%, transparent);--fd-color-border-calendar-hover: color-mix(in srgb, var(--fd-color-border-strong) 55%, transparent);--fd-color-border-calendar-today: color-mix(in srgb, var(--fd-color-primary-500) 28%, transparent);--fd-color-border-calendar-active: color-mix(in srgb, var(--fd-color-primary-500) 18%, transparent);--fd-color-border-switch-checked: color-mix(in srgb, var(--fd-color-primary-500) 36%, transparent);--fd-color-border-emoji-picker-option: color-mix(in srgb, var(--fd-color-border-strong) 38%, transparent);--fd-color-border-emoji-picker-option-hover: color-mix(in srgb, var(--fd-color-primary-400) 46%, transparent);--fd-color-border-emoji-picker-option-selected: color-mix(in srgb, var(--fd-color-primary-500) 68%, transparent);--fd-color-border-brand-surface: color-mix(in srgb, var(--fd-color-primary-200) 55%, var(--fd-color-white));--fd-color-border-summary-track: color-mix(in srgb, var(--fd-color-border-strong) 68%, var(--fd-color-surface-raised));--fd-color-border-photo-ai: color-mix(in srgb, var(--fd-color-border-strong) 64%, transparent);--fd-color-border-ai-loading-pill: color-mix(in srgb, var(--fd-color-blue-500) 45%, transparent);--fd-color-border-ai-button: color-mix(in srgb, var(--fd-color-ai-strong) 26%, var(--fd-color-border));--fd-color-border-ai-button-hover: color-mix(in srgb, var(--fd-color-ai-strong) 42%, var(--fd-color-border));--fd-color-border-ai-button-active: color-mix(in srgb, var(--fd-color-ai-strong) 50%, var(--fd-color-border));--fd-color-border-danger-button: color-mix(in srgb, var(--fd-color-danger) 40%, var(--fd-color-border));--fd-color-border-danger-button-hover: color-mix(in srgb, var(--fd-color-danger) 58%, var(--fd-color-border));--fd-color-border-danger-button-active: color-mix(in srgb, var(--fd-color-danger) 64%, var(--fd-color-border));--fd-landing-border-soft: color-mix(in srgb, var(--fd-color-border) 78%, transparent);--fd-landing-border-strong: color-mix(in srgb, var(--fd-color-border-strong) 36%, transparent);--fd-landing-dark-border: color-mix(in srgb, var(--fd-color-white) 10%, transparent);--fd-color-border-nutrient-good: color-mix(in srgb, var(--fd-color-emerald-700) 68%, transparent);--fd-color-border-nutrient-warning: color-mix(in srgb, var(--fd-color-orange-500) 68%, transparent);--fd-color-border-nutrient-danger: color-mix(in srgb, var(--fd-color-red-700) 64%, transparent);--fd-color-border-primary-faint: color-mix(in srgb, var(--fd-color-primary-500) 10%, transparent);--fd-color-border-primary-subtle: color-mix(in srgb, var(--fd-color-primary-500) 12%, transparent);--fd-color-border-primary-soft: color-mix(in srgb, var(--fd-color-primary-500) 14%, transparent);--fd-color-border-primary-medium: color-mix(in srgb, var(--fd-color-primary-500) 15%, transparent);--fd-color-border-primary-strong: color-mix(in srgb, var(--fd-color-primary-600) 18%, transparent);--fd-color-border-primary-prominent: color-mix(in srgb, var(--fd-color-primary-600) 45%, transparent);--fd-color-border-slate-faint: color-mix(in srgb, var(--fd-color-slate-400) 16%, transparent);--fd-color-border-slate-subtle: color-mix(in srgb, var(--fd-color-slate-400) 18%, transparent);--fd-color-border-slate-strong: color-mix(in srgb, var(--fd-color-slate-400) 35%, transparent);--fd-color-border-dark-faint: color-mix(in srgb, var(--fd-color-gray-900-static) 6%, transparent);--fd-color-border-dark-muted: color-mix(in srgb, var(--fd-color-slate-900) 8%, transparent);--fd-color-border-dark-subtle: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-border-dark-medium: color-mix(in srgb, var(--fd-color-slate-900) 12%, transparent);--fd-color-border-dark-strong: color-mix(in srgb, var(--fd-color-slate-900) 24%, transparent);--fd-color-border-danger-soft: color-mix(in srgb, var(--fd-color-danger) 18%, transparent);--fd-color-border-danger-medium: color-mix(in srgb, var(--fd-color-danger) 24%, transparent);--fd-color-border-inverse-faint: color-mix(in srgb, var(--fd-color-white) 8%, transparent);--fd-color-border-inverse-subtle: color-mix(in srgb, var(--fd-color-white) 12%, transparent);--fd-color-border-ai: color-mix(in srgb, var(--fd-color-purple-500) 28%, var(--fd-color-white));--fd-outline-focus: var(--fd-border-width-strong) solid var(--fd-color-primary-400);--fd-outline-focus-strong: var(--fd-border-width-emphasis) solid color-mix(in srgb, var(--fd-color-primary-500) 40%, transparent);--fd-outline-offset: var(--fd-border-width-strong);--fd-color-calendar-outside: color-mix(in srgb, var(--fd-color-text-muted) 72%, transparent);--fd-color-dialog-scrollbar-thumb: color-mix(in srgb, var(--fd-color-slate-500) 52%, transparent);--fd-color-dialog-scrollbar-thumb-hover: color-mix(in srgb, var(--fd-color-slate-600) 68%, transparent);--fd-color-dialog-scrollbar-track: color-mix(in srgb, var(--fd-color-slate-900) 10%, transparent);--fd-color-danger-on-light: color-mix(in srgb, var(--fd-color-danger) 70%, var(--fd-color-white));--fd-color-text-muted-soft: color-mix(in srgb, var(--fd-color-text-muted) 80%, transparent);--fd-color-text-muted-subtle: color-mix(in srgb, var(--fd-color-slate-400) 90%, transparent);--fd-color-text-muted-emphasis: color-mix(in srgb, var(--fd-color-slate-500) 92%, transparent);--fd-color-favorite-muted: color-mix(in srgb, var(--fd-color-slate-400) 95%, transparent);--fd-color-landing-dark-text-muted: color-mix(in srgb, var(--fd-color-slate-200) 86%, transparent);--fd-color-landing-dark-text-soft: color-mix(in srgb, var(--fd-color-slate-100) 94%, transparent);--fd-color-landing-dark-overline: color-mix(in srgb, var(--fd-color-slate-200) 78%, transparent);--fd-color-landing-dark-description: color-mix(in srgb, var(--fd-color-white) 96%, var(--fd-color-teal-500));--fd-color-landing-dark-note: color-mix(in srgb, var(--fd-color-white) 95%, var(--fd-color-teal-500));--fd-color-notice-action-disabled: color-mix(in srgb, var(--fd-notice-action) 70%, transparent);--fd-color-notice-warning-message: color-mix(in srgb, var(--fd-palette-warning-400) 48%, var(--fd-color-text-muted));--fd-color-notice-warning-action: color-mix(in srgb, var(--fd-palette-warning-400) 72%, var(--fd-color-text));--fd-color-notice-danger-message: color-mix(in srgb, var(--fd-color-danger) 36%, var(--fd-color-text-muted));--fd-color-notice-danger-action: color-mix(in srgb, var(--fd-color-danger) 76%, var(--fd-color-text));--fd-layout-page-background: #14171c;--fd-layout-page-top-padding: clamp(6px, 1.5vw, 10px);--fd-layout-page-horizontal-padding: clamp(12px, 3vw, 32px);--fd-layout-page-vertical-padding: clamp(32px, 6vw, 64px);--fd-layout-page-content-max-width: 1200px;--fd-layout-page-section-spacing: clamp(24px, 4vw, 40px);--fd-period-gap: 24px;--fd-page-body-gap: 16px;--fd-layout-shell-sidebar-width: 260px;--fd-layout-shell-impersonation-banner-height: 48px;--fd-layout-shell-mobile-viewport-bottom-padding: 132px;--fd-layout-shell-mobile-sheet-bottom: 126px;--fd-landing-container-max-width: 1180px;--fd-landing-inline-padding: clamp(var(--fd-space-sm), 4vw, var(--fd-space-lg));--fd-landing-section-space: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-md)) );--fd-landing-section-space-relaxed: clamp(var(--fd-space-xxl), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs)));--fd-landing-section-space-compact: clamp(var(--fd-space-xl), 2.4vw, calc(var(--fd-space-xl) + calc(var(--fd-space-xs) / 2)));--fd-landing-section-space-tight: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 2vw, calc(var(--fd-space-lg) - var(--fd-space-micro)) );--fd-landing-section-space-cta-start: clamp( calc(var(--fd-space-xxl) + var(--fd-space-micro)), 3vw, calc(var(--fd-space-xxl) + var(--fd-space-xs) + var(--fd-space-micro)) );--fd-landing-section-space-cta-end: clamp( calc(var(--fd-space-xxl) + var(--fd-space-xs)), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-lg)) );--fd-landing-surface-padding: clamp(calc(var(--fd-space-md) + var(--fd-space-micro)), 2vw, var(--fd-space-lg));--fd-landing-surface-padding-lg: clamp(var(--fd-space-xl), 2.2vw, calc(var(--fd-space-lg) + var(--fd-space-xxs)));--fd-landing-surface-padding-sm: clamp( calc(var(--fd-space-sm) + var(--fd-space-micro)), 1.8vw, calc(var(--fd-space-md) + var(--fd-space-micro)) );--fd-landing-copy-padding: clamp(var(--fd-space-xxs), 1vw, calc(var(--fd-space-xs) + var(--fd-space-micro)));--fd-landing-grid-gap: clamp(var(--fd-space-md), 3vw, calc(var(--fd-space-xxl) - calc(var(--fd-space-xs) / 2)));--fd-landing-stack-gap: clamp(var(--fd-space-lg), 4vw, calc(var(--fd-space-xxl) + var(--fd-space-xxs)));--fd-landing-cta-margin-top: clamp(var(--fd-space-xl), 3vw, var(--fd-space-xxl));--fd-landing-title-size: clamp(28px, 3vw, 38px);--fd-landing-title-size-md: clamp(26px, 3vw, 34px);--fd-landing-title-size-sm: clamp(24px, 3vw, 34px);--fd-landing-title-size-xs: clamp(22px, 2.6vw, 30px);--fd-landing-title-size-dark: clamp(24px, 2.6vw, 34px);--fd-landing-title-size-dark-sm: clamp(24px, 2.5vw, 32px);--fd-landing-title-size-dark-lg: clamp(24px, 2.8vw, 34px);--fd-landing-hero-title-size: clamp(36px, 5.4vw, 60px);--fd-landing-hero-feature-title-size: clamp(24px, 2.3vw, 34px);--fd-landing-hero-feature-title-compact-size: clamp(22px, 6vw, 30px);--fd-landing-seo-title-size: clamp(2.3rem, 5vw, 3.9rem);--fd-landing-seo-section-title-size: clamp(1.75rem, 3vw, 2.4rem);--fd-landing-radius-panel: var(--fd-radius-panel);--fd-landing-radius-card: var(--fd-radius-card);--fd-landing-radius-chip: var(--fd-radius-chip);--fd-landing-surface: color-mix(in srgb, var(--fd-color-surface-raised) 82%, transparent);--fd-landing-surface-strong: color-mix(in srgb, var(--fd-color-surface-raised) 92%, transparent);--fd-landing-surface-muted: color-mix(in srgb, var(--fd-color-surface) 90%, transparent);--fd-space-micro: 2px;--fd-space-xxs: 4px;--fd-space-xs: 8px;--fd-space-sm: 12px;--fd-space-md: clamp(12px, 2vw, 16px);--fd-space-lg: clamp(16px, 3vw, 24px);--fd-space-xl: clamp(20px, 3.5vw, 32px);--fd-space-xxl: clamp(28px, 4vw, 40px);--fd-size-icon-xs: .875rem;--fd-size-icon-sm: 1rem;--fd-size-icon-md: 1.125rem;--fd-size-icon-lg: 1.5rem;--fd-size-icon-action-lg: 1.6rem;--fd-size-icon-xl: 1.75rem;--fd-size-icon-xxl: 2rem;--fd-size-icon-hero: 2.25rem;--fd-size-icon-empty: 3rem;--fd-size-control-micro: 22px;--fd-size-control-xs: 24px;--fd-size-control-sm: 32px;--fd-size-control-xxs: 28px;--fd-size-control-chip: 34px;--fd-size-control-compact: 36px;--fd-size-control-toolbar: 38px;--fd-size-control-md: 40px;--fd-size-control-md-plus: 42px;--fd-size-control-touch: 44px;--fd-size-control-lg: 48px;--fd-size-control-xl: 56px;--fd-size-control-xxl: 64px;--fd-size-status-dot: 10px;--fd-size-button-icon-xs: .9rem;--fd-size-button-icon-sm: 1rem;--fd-size-button-icon-lg: 1.3rem;--fd-size-button-icon-xl: 1.6rem;--fd-size-button-spinner-xs: .8rem;--fd-size-pill-height: 28px;--fd-size-pill-height-compact: 24px;--fd-size-pill-height-tiny: 22px;--fd-size-pill-height-relaxed: 30px;--fd-size-progress-height-sm: 4px;--fd-size-progress-height-md: 8px;--fd-size-progress-height-lg: 10px;--fd-size-progress-height-xl: 20px;--fd-size-progress-radius-sm: 2px;--fd-size-top-loader-height: 3px;--fd-size-hint-max-width: 280px;--fd-size-accent-thickness: 6px;--fd-size-accent-thickness-active: 10px;--fd-size-accent-thickness-horizontal: 4px;--fd-size-accent-thickness-horizontal-active: 8px;--fd-size-chip-select-item-height: 38px;--fd-size-chip-select-item-height-sm: 34px;--fd-size-section-state-min-height: 176px;--fd-size-section-state-compact-min-height: 128px;--fd-size-satiety-scale-vertical-max-width: 420px;--fd-size-checkbox-control: 18px;--fd-size-checkbox-checkmark-width: 10px;--fd-size-checkbox-checkmark-height: 6px;--fd-size-radio-control: 18px;--fd-size-radio-dot: 8px;--fd-size-switch-track-width: 44px;--fd-size-switch-track-height: 26px;--fd-size-switch-thumb: 20px;--fd-size-switch-label-min-width: 28px;--fd-size-form-field-subscript-height: 18px;--fd-size-emoji-picker-emoji: 1.7rem;--fd-size-emoji-picker-emoji-sm: 1.4rem;--fd-size-dialog-panel-width-offset: 2rem;--fd-size-dialog-panel-width-sm: 400px;--fd-size-dialog-panel-width-md: 640px;--fd-size-dialog-panel-width-lg: 840px;--fd-size-dialog-panel-width-xl: 1120px;--fd-size-dialog-media-width: min(100vw - 3rem, 1200px);--fd-size-dialog-media-max-width: 1200px;--fd-size-dialog-chart-width: min(1440px, 100vw - 40px);--fd-size-dialog-max-height: 80vh;--fd-size-dialog-max-height-detail: 90vh;--fd-size-dialog-max-height-admin: 94vh;--fd-size-dialog-vertical-padding: 2.5rem;--fd-size-dialog-vertical-padding-sm: 2rem;--fd-size-dialog-vertical-padding-lg: 3rem;--fd-size-dialog-header-block-default: 4.5rem;--fd-size-dialog-footer-block-default: 4.25rem;--fd-size-image-preview-max-height: min(90vh, 980px);--fd-size-image-preview-close-inset: 20px;--fd-size-image-preview-max-width: min(100%, 1120px);--fd-size-image-preview-image-max-height: min(72vh, 820px);--fd-size-image-preview-image-max-height-mobile: min(68vh, 560px);--fd-size-image-preview-caption-max-width: min(100%, 960px);--fd-size-defer-placeholder-height: 200px;--fd-size-fasting-ring-glow-spread: 10px;--fd-size-fasting-ring-glow-offset-y: 18px;--fd-size-fasting-ring-glow-blur: 36px;--fd-layout-header-height: 56px;--fd-layout-header-background: #111418;--fd-layout-header-text-color: #f8fafc;--fd-layout-header-horizontal-padding-left: clamp(12px, 3vw, 32px);--fd-layout-header-horizontal-padding-right: clamp(8px, 2vw, 16px);--fd-layout-header-shadow: 0 12px 34px rgba(0, 0, 0, .38);--fd-page-title-size: clamp(1.4rem, 3vw, 2rem);--fd-page-title-line-height: 1.2;--fd-page-title-weight: 700;--fd-page-header-height: 72px;--fd-page-subtitle-size: clamp(.85rem, 1.5vw, 1rem);--fd-page-subtitle-line-height: 1.5;--fd-page-subtitle-weight: 500;--fd-page-header-gap: clamp(10px, 2vw, 16px);--fd-page-actions-gap: 12px;--fd-page-header-mobile-background: #191c21;--fd-page-header-mobile-border-color: rgba(148, 163, 184, .18)}:root,html[data-ui-style=classic]{--fd-radius-button: 12px;--fd-radius-input: 14px;--fd-radius-card: 20px;--fd-radius-panel: 24px;--fd-radius-dialog: 24px;--fd-radius-badge: 999px;--fd-radius-chip: 999px;--fd-radius-nutrient-bar: 999px;--fd-radius-nutrient-bar-compact: 16px;--fd-radius-toggle: 999px;--fd-radius-switch: 999px;--fd-radius-field-label: 999px;--fd-radius-menu-item: 10px;--fd-space-control-gap: 6px;--fd-space-control-padding-x: 12px;--fd-space-control-floating-padding-top: 8px;--fd-space-control-floating-padding-bottom: 2px;--fd-space-control-label-inset-inline: 14px;--fd-space-control-prefix-inset-inline: 10px;--fd-space-control-suffix-inset-inline: 8px;--fd-space-control-datetime-suffix-inset-inline: 10px;--fd-space-textarea-label-inset-block: 18px;--fd-space-field-label-padding-x: 4px;--fd-space-control-affix-padding-x: 44px;--fd-space-control-date-padding-x: 16px;--fd-space-control-auth-padding: 8px 16px 2px;--fd-space-control-auth-affix-padding-x: 48px;--fd-space-control-inline-edit-padding-x: 10px;--fd-space-control-segment-padding-x: 14px;--fd-space-control-segment-affix-padding-x: 40px;--fd-space-hint-padding: 9px 12px;--fd-space-textarea-padding: 16px 12px 12px;--fd-space-card-gap: clamp(12px, 2vw, 16px);--fd-space-card-padding-x: clamp(16px, 3vw, 24px);--fd-space-card-padding-y: 12px;--fd-space-card-content-gap: clamp(12px, 2vw, 16px);--fd-space-card-header-gap: 12px;--fd-space-card-relaxed-gap: 28px;--fd-space-card-profile-gap: 18px;--fd-space-card-profile-padding: 20px 22px 24px;--fd-space-card-profile-padding-mobile: 16px;--fd-space-actions-gap: 12px;--fd-space-page-section-gap: clamp(24px, 4vw, 40px);--fd-space-page-body-bottom-padding: clamp(12px, 2vw, 20px);--fd-space-page-header-gap: clamp(10px, 2vw, 16px);--fd-space-page-header-actions-gap: 12px;--fd-space-page-header-mobile-column-gap: 10px;--fd-space-page-header-mobile-row-gap: 4px;--fd-space-menu-gap: 2px;--fd-space-menu-padding: 6px;--fd-space-menu-item-gap: 10px;--fd-space-menu-item-padding: 10px 12px;--fd-space-menu-item-min-height: 38px;--fd-space-menu-divider-margin: 8px 0;--fd-space-surface-padding: 14px 16px;--fd-space-surface-emphasis-padding: 16px 18px;--fd-space-stat-tile-padding: 16px;--fd-space-stat-tile-gap: 8px;--fd-space-stat-tile-compact-padding: 12px 14px;--fd-space-stat-tile-compact-gap: 4px;--fd-space-progress-item-padding: 8px;--fd-space-progress-item-header-gap: 8px;--fd-space-pill-gap: 6px;--fd-space-pill-compact-gap: 4px;--fd-space-dialog-padding: 1.25rem;--fd-space-dialog-padding-sm: 1rem;--fd-space-dialog-padding-lg: 1.5rem;--fd-space-dialog-header-gap: .75rem;--fd-space-dialog-heading-gap: .375rem;--fd-space-dialog-header-padding-bottom: .75rem;--fd-space-dialog-header-margin-bottom: 1rem;--fd-space-dialog-footer-gap: .75rem;--fd-space-dialog-footer-padding-top: .75rem;--fd-space-dialog-footer-margin-top: .75rem;--fd-space-dialog-fullscreen-padding: 24px;--fd-space-dialog-detail-mobile-body-padding-block: 28px 32px;--fd-space-dialog-detail-mobile-body-padding-inline-end: 32px;--fd-space-dialog-detail-mobile-body-margin-inline-end: -12px;--fd-space-empty-state-gap: 8px;--fd-space-empty-state-padding: 32px 16px;--fd-space-empty-state-compact-padding: 16px;--fd-space-empty-state-content-gap: 6px;--fd-space-section-state-padding: 24px;--fd-space-section-state-compact-padding: 16px;--fd-space-section-state-gap: 12px;--fd-space-inline-alert-padding: 16px 18px;--fd-space-inline-alert-notice-padding: 14px 16px;--fd-space-inline-alert-gap: 14px;--fd-space-inline-alert-content-gap: 6px;--fd-space-inline-alert-actions-gap: 10px;--fd-space-toast-viewport-inset: 16px;--fd-space-toast-viewport-bottom-tablet: 124px;--fd-space-toast-close-inset: 12px;--fd-space-toast-viewport-gap: 12px;--fd-space-toast-content-gap: 12px;--fd-space-toast-content-padding: 12px 48px 12px 16px;--fd-space-toast-content-padding-compact: 12px 44px 12px 14px;--fd-space-checkbox-gap: 6px;--fd-space-checkbox-label-gap: 10px;--fd-space-checkbox-hint-margin-left: 28px;--fd-space-radio-group-gap: 12px;--fd-space-radio-gap: 8px;--fd-space-radio-padding: 8px 12px;--fd-space-switch-gap: 8px;--fd-space-switch-track-padding: 3px;--fd-space-tabs-wrap-gap: 6px;--fd-space-tabs-item-padding-inline: 24px;--fd-space-tabs-wrap-item-padding-inline: 12px;--fd-space-segmented-toggle-gap: 4px;--fd-space-segmented-toggle-padding: 4px;--fd-space-segmented-toggle-item-padding: 8px 16px;--fd-space-pagination-gap: 8px;--fd-space-pagination-button-padding: 0 12px;--fd-space-chip-select-gap: 8px;--fd-space-chip-select-item-padding: 0 16px;--fd-space-status-badge-padding: 4px 10px;--fd-space-form-error-margin: 4px 0 0;--fd-space-nutrient-input-gap: 10px;--fd-space-nutrient-input-padding: 16px 18px;--fd-space-nutrient-input-padding-lg: 22px;--fd-space-nutrient-input-padding-sm: 12px 14px;--fd-space-nutrient-input-label-gap: 8px;--fd-space-nutrient-input-value-gap: 6px;--fd-space-satiety-scale-gap: 8px;--fd-space-satiety-scale-list-gap: 8px;--fd-space-satiety-scale-grid-gap: 12px;--fd-space-satiety-scale-option-gap: 12px;--fd-space-satiety-scale-option-padding: 12px 16px;--fd-space-satiety-scale-text-gap: 4px;--fd-space-emoji-picker-gap: 8px;--fd-space-emoji-picker-gap-sm: 6px;--fd-space-emoji-picker-option-padding: 8px;--fd-space-emoji-picker-option-padding-sm: 6px;--fd-space-emoji-picker-option-gap: 8px;--fd-space-emoji-picker-text-gap: 2px;--fd-space-image-preview-padding: 28px;--fd-space-image-preview-padding-mobile: 16px;--fd-space-image-preview-figure-gap: 18px;--fd-space-calendar-gap: .75rem;--fd-space-calendar-padding: .75rem;--fd-space-calendar-header-gap: .5rem;--fd-space-calendar-grid-gap: .25rem;--fd-space-entity-card-gap: clamp(12px, 2vw, 16px);--fd-space-entity-card-content-gap: 12px;--fd-space-entity-card-header-gap: 12px;--fd-space-entity-card-title-gap: 2px;--fd-layout-page-section-spacing: var(--fd-space-page-section-gap);--fd-page-body-gap: var(--fd-space-page-section-gap);--fd-page-header-gap: var(--fd-space-page-header-gap);--fd-page-actions-gap: var(--fd-space-page-header-actions-gap)}html[data-ui-style=modern]{--fd-radius-button: 6px;--fd-radius-input: 6px;--fd-radius-card: 8px;--fd-radius-panel: 8px;--fd-radius-dialog: 8px;--fd-radius-badge: 6px;--fd-radius-chip: 6px;--fd-radius-nutrient-bar: 6px;--fd-radius-nutrient-bar-compact: 6px;--fd-radius-toggle: 8px;--fd-radius-switch: 999px;--fd-radius-field-label: 6px;--fd-radius-menu-item: 6px;--fd-space-control-gap: 4px;--fd-space-control-padding-x: 10px;--fd-space-control-floating-padding-top: 7px;--fd-space-control-floating-padding-bottom: 1px;--fd-space-control-label-inset-inline: 14px;--fd-space-control-prefix-inset-inline: 10px;--fd-space-control-suffix-inset-inline: 8px;--fd-space-control-datetime-suffix-inset-inline: 10px;--fd-space-textarea-label-inset-block: 18px;--fd-space-field-label-padding-x: 3px;--fd-space-control-affix-padding-x: 44px;--fd-space-control-date-padding-x: 16px;--fd-space-control-auth-padding: 8px 16px 2px;--fd-space-control-auth-affix-padding-x: 48px;--fd-space-control-inline-edit-padding-x: 10px;--fd-space-control-segment-padding-x: 12px;--fd-space-control-segment-affix-padding-x: 40px;--fd-space-hint-padding: 9px 12px;--fd-space-textarea-padding: 14px 10px 10px;--fd-space-card-gap: 12px;--fd-space-card-padding-x: clamp(12px, 2vw, 16px);--fd-space-card-padding-y: 12px;--fd-space-card-content-gap: 12px;--fd-space-card-header-gap: 8px;--fd-space-card-relaxed-gap: 20px;--fd-space-card-profile-gap: 14px;--fd-space-card-profile-padding: 16px 18px 20px;--fd-space-card-profile-padding-mobile: 14px;--fd-space-actions-gap: 10px;--fd-space-page-section-gap: clamp(16px, 3vw, 28px);--fd-space-page-body-bottom-padding: clamp(8px, 1.5vw, 16px);--fd-space-page-header-gap: clamp(8px, 1.6vw, 12px);--fd-space-page-header-actions-gap: 10px;--fd-space-page-header-mobile-column-gap: 8px;--fd-space-page-header-mobile-row-gap: 3px;--fd-space-menu-gap: 2px;--fd-space-menu-padding: 4px;--fd-space-menu-item-gap: 8px;--fd-space-menu-item-padding: 8px 10px;--fd-space-menu-item-min-height: 34px;--fd-space-menu-divider-margin: 6px 0;--fd-space-surface-padding: 12px 14px;--fd-space-surface-emphasis-padding: 14px 16px;--fd-space-stat-tile-padding: 14px;--fd-space-stat-tile-gap: 6px;--fd-space-stat-tile-compact-padding: 10px 12px;--fd-space-stat-tile-compact-gap: 3px;--fd-space-progress-item-padding: 6px;--fd-space-progress-item-header-gap: 6px;--fd-space-pill-gap: 5px;--fd-space-pill-compact-gap: 3px;--fd-space-dialog-padding: 1rem;--fd-space-dialog-padding-sm: .875rem;--fd-space-dialog-padding-lg: 1.25rem;--fd-space-dialog-header-gap: .625rem;--fd-space-dialog-heading-gap: .25rem;--fd-space-dialog-header-padding-bottom: .625rem;--fd-space-dialog-header-margin-bottom: .75rem;--fd-space-dialog-footer-gap: .625rem;--fd-space-dialog-footer-padding-top: .625rem;--fd-space-dialog-footer-margin-top: .625rem;--fd-space-dialog-fullscreen-padding: 18px;--fd-space-dialog-detail-mobile-body-padding-block: 24px 28px;--fd-space-dialog-detail-mobile-body-padding-inline-end: 28px;--fd-space-dialog-detail-mobile-body-margin-inline-end: -10px;--fd-space-empty-state-gap: 6px;--fd-space-empty-state-padding: 24px 14px;--fd-space-empty-state-compact-padding: 14px;--fd-space-empty-state-content-gap: 4px;--fd-space-section-state-padding: 18px;--fd-space-section-state-compact-padding: 14px;--fd-space-section-state-gap: 10px;--fd-space-inline-alert-padding: 14px 16px;--fd-space-inline-alert-notice-padding: 12px 14px;--fd-space-inline-alert-gap: 12px;--fd-space-inline-alert-content-gap: 4px;--fd-space-inline-alert-actions-gap: 8px;--fd-space-toast-viewport-inset: 16px;--fd-space-toast-viewport-bottom-tablet: 124px;--fd-space-toast-close-inset: 12px;--fd-space-toast-viewport-gap: 10px;--fd-space-toast-content-gap: 10px;--fd-space-toast-content-padding: 10px 44px 10px 14px;--fd-space-toast-content-padding-compact: 10px 40px 10px 12px;--fd-space-checkbox-gap: 4px;--fd-space-checkbox-label-gap: 8px;--fd-space-checkbox-hint-margin-left: 26px;--fd-space-radio-group-gap: 8px;--fd-space-radio-gap: 6px;--fd-space-radio-padding: 6px 10px;--fd-space-switch-gap: 6px;--fd-space-switch-track-padding: 2px;--fd-space-tabs-wrap-gap: 4px;--fd-space-tabs-item-padding-inline: 20px;--fd-space-tabs-wrap-item-padding-inline: 10px;--fd-space-segmented-toggle-gap: 3px;--fd-space-segmented-toggle-padding: 3px;--fd-space-segmented-toggle-item-padding: 7px 12px;--fd-space-pagination-gap: 6px;--fd-space-pagination-button-padding: 0 10px;--fd-space-chip-select-gap: 6px;--fd-space-chip-select-item-padding: 0 12px;--fd-space-status-badge-padding: 3px 8px;--fd-space-form-error-margin: 3px 0 0;--fd-space-nutrient-input-gap: 8px;--fd-space-nutrient-input-padding: 14px 16px;--fd-space-nutrient-input-padding-lg: 18px;--fd-space-nutrient-input-padding-sm: 10px 12px;--fd-space-nutrient-input-label-gap: 6px;--fd-space-nutrient-input-value-gap: 4px;--fd-space-satiety-scale-gap: 6px;--fd-space-satiety-scale-list-gap: 6px;--fd-space-satiety-scale-grid-gap: 10px;--fd-space-satiety-scale-option-gap: 10px;--fd-space-satiety-scale-option-padding: 10px 12px;--fd-space-satiety-scale-text-gap: 3px;--fd-space-emoji-picker-gap: 6px;--fd-space-emoji-picker-gap-sm: 4px;--fd-space-emoji-picker-option-padding: 6px;--fd-space-emoji-picker-option-padding-sm: 4px;--fd-space-emoji-picker-option-gap: 6px;--fd-space-emoji-picker-text-gap: 2px;--fd-space-image-preview-padding: 22px;--fd-space-image-preview-padding-mobile: 12px;--fd-space-image-preview-figure-gap: 14px;--fd-space-calendar-gap: .625rem;--fd-space-calendar-padding: .625rem;--fd-space-calendar-header-gap: .375rem;--fd-space-calendar-grid-gap: .2rem;--fd-space-entity-card-gap: 12px;--fd-space-entity-card-content-gap: 8px;--fd-space-entity-card-header-gap: 8px;--fd-space-entity-card-title-gap: 2px;--fd-layout-page-section-spacing: var(--fd-space-page-section-gap);--fd-page-body-gap: var(--fd-space-page-section-gap);--fd-page-header-gap: var(--fd-space-page-header-gap);--fd-page-actions-gap: var(--fd-space-page-header-actions-gap)}.fd-ui-actions{--fd-actions-gap: var(--fd-space-actions-gap);display:flex;align-items:center;gap:var(--fd-actions-gap);flex-wrap:wrap}.fd-ui-actions--end{justify-content:flex-end}.fd-ui-actions--between{justify-content:space-between}.fd-ui-actions--stack{flex-direction:column;align-items:stretch}.fd-ui-actions--split{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center}@media(max-width:640px){.fd-ui-actions--split{grid-template-columns:1fr}}.fd-bg-page{background:var(--fd-bg-page)}.fd-bg-body{background:var(--fd-bg-body)}.fd-bg-surface{background:var(--fd-bg-surface)}.fd-bg-surface-raised{background:var(--fd-bg-surface-raised)}.fd-bg-surface-muted{background:var(--fd-bg-surface-muted)}.fd-bg-surface-inset{background:var(--fd-bg-surface-inset)}.fd-bg-surface-soft{background:var(--fd-bg-surface-soft)}.fd-bg-surface-subtle{background:var(--fd-bg-surface-subtle)}.fd-bg-surface-elevated{background:var(--fd-bg-surface-elevated)}.fd-bg-surface-panel{background:var(--fd-bg-surface-panel)}.fd-bg-surface-panel-gradient{background:var(--fd-bg-surface-panel-gradient)}.fd-bg-surface-solid{background:var(--fd-bg-surface-solid)}.fd-bg-surface-glass-minimal{background:var(--fd-bg-surface-glass-minimal)}.fd-bg-surface-glass-subtle{background:var(--fd-bg-surface-glass-subtle)}.fd-bg-surface-glass-medium{background:var(--fd-bg-surface-glass-medium)}.fd-bg-surface-glass{background:var(--fd-bg-surface-glass)}.fd-bg-surface-glass-strong{background:var(--fd-bg-surface-glass-strong)}.fd-bg-surface-translucent-soft{background:var(--fd-bg-surface-translucent-soft)}.fd-bg-surface-translucent{background:var(--fd-bg-surface-translucent)}.fd-bg-surface-translucent-solid{background:var(--fd-bg-surface-translucent-solid)}.fd-bg-surface-inset-blend{background:var(--fd-bg-surface-inset-blend)}.fd-bg-surface-inset-translucent{background:var(--fd-bg-surface-inset-translucent)}.fd-bg-surface-inset-translucent-solid{background:var(--fd-bg-surface-inset-translucent-solid)}.fd-bg-surface-brand{background:var(--fd-bg-surface-brand)}.fd-bg-track-muted{background:var(--fd-bg-track-muted)}.fd-bg-dialog{background:var(--fd-bg-dialog)}.fd-bg-dialog-muted{background:var(--fd-bg-dialog-muted)}.fd-bg-overlay{background:var(--fd-bg-overlay)}.fd-bg-overlay-subtle{background:var(--fd-bg-overlay-subtle)}.fd-bg-overlay-muted{background:var(--fd-bg-overlay-muted)}.fd-bg-overlay-medium{background:var(--fd-bg-overlay-medium)}.fd-bg-overlay-strong{background:var(--fd-bg-overlay-strong)}.fd-bg-scrim{background:var(--fd-bg-scrim)}.fd-bg-muted-tint{background:var(--fd-bg-muted-tint)}.fd-bg-muted-tint-strong{background:var(--fd-bg-muted-tint-strong)}.fd-bg-primary{background:var(--fd-bg-primary)}.fd-bg-danger{background:var(--fd-bg-danger)}.fd-bg-brand{background:var(--fd-bg-brand)}.fd-bg-brand-horizontal{background:var(--fd-bg-brand-horizontal)}.fd-bg-brand-hover{background:var(--fd-bg-brand-hover)}.fd-bg-brand-soft{background:var(--fd-bg-brand-soft)}.fd-bg-accent-soft{background:var(--fd-bg-accent-soft)}.fd-bg-sidebar{background:var(--fd-bg-sidebar)}.fd-bg-premium{background:var(--fd-bg-premium)}.fd-bg-success-soft{background:var(--fd-bg-success-soft)}.fd-bg-warning-soft{background:var(--fd-bg-warning-soft)}.fd-bg-danger-soft{background:var(--fd-bg-danger-soft)}.fd-bg-status-muted{background:var(--fd-bg-status-muted)}.fd-bg-status-info{background:var(--fd-bg-status-info)}.fd-bg-status-success{background:var(--fd-bg-status-success)}.fd-bg-status-warning{background:var(--fd-bg-status-warning)}.fd-bg-status-danger{background:var(--fd-bg-status-danger)}.fd-bg-status-premium{background:var(--fd-bg-status-premium)}.fd-bg-category-sky{background:var(--fd-bg-category-sky)}.fd-bg-category-teal{background:var(--fd-bg-category-teal)}.fd-bg-category-purple{background:var(--fd-bg-category-purple)}.fd-bg-category-orange{background:var(--fd-bg-category-orange)}.fd-bg-transparent{background:var(--fd-bg-transparent)}.fd-border{border:var(--fd-border-default)}.fd-border-subtle{border:var(--fd-border-subtle)}.fd-border-muted{border:var(--fd-border-muted)}.fd-border-strong{border:var(--fd-border-strong)}.fd-border-inverse{border:var(--fd-border-inverse)}.fd-border-dashed{border:var(--fd-border-dashed)}.fd-border-none{border:var(--fd-border-none)}.fd-shadow-none{box-shadow:var(--fd-shadow-none)}.fd-shadow-xs{box-shadow:var(--fd-shadow-xs)}.fd-shadow-sm{box-shadow:var(--fd-shadow-sm)}.fd-shadow-md{box-shadow:var(--fd-shadow-md)}.fd-shadow-lg{box-shadow:var(--fd-shadow-lg)}.fd-shadow-xl{box-shadow:var(--fd-shadow-xl)}.fd-ui-progress-item{--fd-progress-item-padding: var(--fd-space-progress-item-padding);--fd-progress-item-radius: var(--fd-radius-md);--fd-progress-item-background: var(--fd-bg-surface-muted);display:block;padding:var(--fd-progress-item-padding);border-radius:var(--fd-progress-item-radius);background:var(--fd-progress-item-background)}.fd-ui-progress-item__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--fd-space-progress-item-header-gap);margin-bottom:var(--fd-space-xxs)}.fd-ui-progress-item__value{color:var(--fd-color-text-muted)}.fd-ui-progress-track{--fd-progress-height: var(--fd-size-progress-height-sm);--fd-progress-radius: var(--fd-size-progress-radius-sm);--fd-progress-track-background: var(--fd-bg-surface-muted);position:relative;display:block;width:100%;height:var(--fd-progress-height);background:var(--fd-progress-track-background);border-radius:var(--fd-progress-radius);overflow:hidden}.fd-ui-progress-fill{display:block;height:100%;border-radius:inherit;transition:width .3s ease}.fd-ui-summary-surface{--fd-summary-surface-padding: var(--fd-space-sm) var(--fd-space-md);--fd-summary-surface-gap: var(--fd-space-xxs);--fd-summary-surface-radius: var(--fd-radius-lg);--fd-summary-surface-background: var(--fd-bg-brand-soft);display:flex;flex-direction:column;gap:var(--fd-summary-surface-gap);min-width:0;padding:var(--fd-summary-surface-padding);border-radius:var(--fd-summary-surface-radius);background:var(--fd-summary-surface-background)}.fd-ui-summary-surface--quality{--fd-summary-surface-gap: var(--fd-space-xs)}.fd-ui-summary-surface__label{color:var(--fd-color-text-muted)}.fd-ui-summary-surface__value{color:var(--fd-color-text);word-break:break-word}.fd-ui-stat-tile{--fd-stat-tile-padding: var(--fd-space-stat-tile-padding);--fd-stat-tile-radius: var(--fd-radius-card);--fd-stat-tile-gap: var(--fd-space-stat-tile-gap);--fd-stat-tile-border: var(--fd-border-default);--fd-stat-tile-background: var(--fd-bg-stat-tile);--fd-stat-tile-shadow: var(--fd-shadow-lg);display:flex;flex-direction:column;gap:var(--fd-stat-tile-gap);min-width:0;padding:var(--fd-stat-tile-padding);border-radius:var(--fd-stat-tile-radius);border:var(--fd-stat-tile-border);background:var(--fd-stat-tile-background);box-shadow:var(--fd-stat-tile-shadow)}.fd-ui-stat-tile--compact{--fd-stat-tile-padding: var(--fd-space-stat-tile-compact-padding);--fd-stat-tile-gap: var(--fd-space-stat-tile-compact-gap);--fd-stat-tile-shadow: none}.fd-ui-stat-tile--centered{align-items:center;text-align:center}.fd-ui-stat-tile--subtle{--fd-stat-tile-radius: var(--fd-radius-xl);--fd-stat-tile-background: var(--fd-bg-stat-tile-subtle);--fd-stat-tile-border: var(--fd-border-muted);--fd-stat-tile-shadow: var(--fd-shadow-none)}.fd-ui-stat-tile__label,.fd-ui-stat-tile__meta{display:block;margin:0;color:var(--fd-color-text-muted)}.fd-ui-stat-tile__value{display:block;margin:0;color:var(--fd-color-text-strong)}.fd-ui-surface{--fd-surface-padding: var(--fd-space-surface-padding);--fd-surface-radius: var(--fd-radius-card);--fd-surface-bg: var(--fd-bg-surface);--fd-surface-border: var(--fd-border-default);padding:var(--fd-surface-padding);border-radius:var(--fd-surface-radius);border:var(--fd-surface-border);background:var(--fd-surface-bg)}.fd-ui-surface--raised{--fd-surface-bg: var(--fd-bg-surface-elevated)}.fd-ui-surface--primary{--fd-surface-padding: var(--fd-space-surface-emphasis-padding);--fd-surface-radius: var(--fd-radius-panel);--fd-surface-bg: var(--fd-bg-status-info);--fd-surface-border: var(--fd-border-width) solid var(--fd-color-border-status-info)}.fd-ui-surface--warning{--fd-surface-padding: var(--fd-space-surface-emphasis-padding);--fd-surface-radius: var(--fd-radius-panel);--fd-surface-bg: var(--fd-bg-status-warning);--fd-surface-border: var(--fd-border-width) solid var(--fd-color-border-status-warning)}.fd-ui-surface--dashed{--fd-surface-bg: var(--fd-bg-surface-soft);--fd-surface-border: var(--fd-border-dashed)}.fd-ui-notice-surface{--fd-notice-surface-bg: var(--fd-bg-status-info);--fd-notice-surface-border: var(--fd-color-border-status-info);--fd-notice-surface-color: var(--fd-color-text);padding:var(--fd-space-xs) var(--fd-space-sm);border-radius:var(--fd-radius-panel);border:var(--fd-border-width) solid var(--fd-notice-surface-border);background:var(--fd-notice-surface-bg);color:var(--fd-notice-surface-color)}.fd-ui-notice-surface--info{--fd-notice-surface-bg: var(--fd-bg-status-info);--fd-notice-surface-border: var(--fd-color-border-status-info);--fd-notice-surface-color: var(--fd-color-text)}.fd-ui-notice-surface--muted{--fd-notice-surface-bg: var(--fd-bg-status-muted);--fd-notice-surface-border: transparent;--fd-notice-surface-color: var(--fd-color-text)}.fd-ui-notice-surface--warning{--fd-notice-surface-bg: var(--fd-bg-status-warning);--fd-notice-surface-border: var(--fd-color-border-status-warning);--fd-notice-surface-color: var(--fd-color-text)}.fd-ui-notice-surface--danger{--fd-notice-surface-bg: var(--fd-bg-status-danger);--fd-notice-surface-border: var(--fd-color-border-status-danger);--fd-notice-surface-color: var(--fd-color-red-700)}.fd-ui-notice-surface--success{--fd-notice-surface-bg: var(--fd-bg-status-success);--fd-notice-surface-border: var(--fd-color-border-status-success);--fd-notice-surface-color: var(--fd-color-text)}.fd-ui-pill{--fd-pill-bg: var(--fd-bg-status-muted);--fd-pill-border: var(--fd-color-border-status-muted);--fd-pill-color: var(--fd-color-text);--fd-pill-min-height: var(--fd-size-pill-height);--fd-pill-padding-inline: var(--fd-space-xs);display:inline-flex;align-items:center;justify-content:center;gap:var(--fd-space-pill-gap);min-height:var(--fd-pill-min-height);width:fit-content;padding-inline:var(--fd-pill-padding-inline);border-radius:var(--fd-radius-pill);border:var(--fd-border-width) solid var(--fd-pill-border);background:var(--fd-pill-bg);color:var(--fd-pill-color)}.fd-ui-pill--compact{--fd-pill-min-height: var(--fd-size-pill-height-compact);--fd-pill-padding-inline: var(--fd-space-xs);gap:var(--fd-space-pill-compact-gap)}.fd-ui-pill--muted{--fd-pill-bg: var(--fd-bg-status-muted);--fd-pill-border: var(--fd-color-border-status-muted);--fd-pill-color: var(--fd-color-text-muted)}.fd-ui-pill--primary{--fd-pill-bg: var(--fd-bg-status-info);--fd-pill-border: var(--fd-color-border-status-info);--fd-pill-color: var(--fd-color-primary-700)}.fd-ui-pill--success{--fd-pill-bg: var(--fd-bg-status-success);--fd-pill-border: var(--fd-color-border-status-success);--fd-pill-color: var(--fd-color-emerald-300)}.fd-ui-pill--warning{--fd-pill-bg: var(--fd-bg-status-warning);--fd-pill-border: var(--fd-color-border-status-warning);--fd-pill-color: var(--fd-color-text-strong)}.fd-ui-pill--danger{--fd-pill-bg: var(--fd-bg-status-danger);--fd-pill-border: var(--fd-color-border-status-danger);--fd-pill-color: var(--fd-color-danger)}.fd-ui-pill--premium{--fd-pill-bg: var(--fd-bg-status-premium);--fd-pill-border: var(--fd-color-border-status-premium);--fd-pill-color: var(--fd-color-text)}.fd-page-title,.fd-ui-page-title{margin:0;font-size:var(--fd-page-title-size);line-height:var(--fd-page-title-line-height);font-weight:var(--fd-page-title-weight);color:var(--fd-color-text)}.fd-page-subtitle,.fd-ui-page-subtitle{margin:0;font-size:var(--fd-page-subtitle-size);line-height:var(--fd-page-subtitle-line-height);font-weight:var(--fd-page-subtitle-weight);color:var(--fd-color-text-muted)}.fd-ui-section-title{margin:0;font-size:var(--fd-text-section-title-size);line-height:var(--fd-text-section-title-line-height);font-weight:var(--fd-text-section-title-weight);color:var(--fd-color-text)}.fd-ui-card-title{margin:0;font-size:var(--fd-text-card-title-size);line-height:var(--fd-text-card-title-line-height);font-weight:var(--fd-text-card-title-weight);color:var(--fd-color-text-muted)}.fd-ui-meta-text{font-size:var(--fd-text-card-meta-size);line-height:var(--fd-text-card-meta-line-height);font-weight:var(--fd-text-card-meta-weight);color:var(--fd-color-text-muted)}.fd-ui-text-muted{color:var(--fd-color-text-muted)}.fd-ui-body-sm{font-size:var(--fd-text-body-sm-size);line-height:var(--fd-text-body-sm-line-height);font-weight:var(--fd-text-body-sm-weight)}.fd-ui-body-xs{font-size:var(--fd-text-body-xs-size);line-height:var(--fd-text-body-xs-line-height);font-weight:var(--fd-text-body-xs-weight)}.fd-ui-body{font-size:var(--fd-text-body-size);line-height:var(--fd-text-body-line-height);font-weight:var(--fd-text-body-weight)}.fd-ui-caption{font-size:var(--fd-text-caption-size);line-height:var(--fd-text-caption-line-height);font-weight:var(--fd-text-caption-weight)}.fd-ui-caption-strong{font-size:var(--fd-text-caption-size);line-height:var(--fd-text-caption-line-height);font-weight:var(--fd-text-section-title-weight)}.fd-ui-field-label{font-size:var(--fd-text-label-size);line-height:var(--fd-text-label-line-height);font-weight:var(--fd-text-label-weight);color:var(--fd-color-text-muted)}.fd-ui-field-label--floating{font-size:var(--fd-text-label-floating-size)}.fd-ui-helper-text{font-size:var(--fd-text-helper-size);line-height:var(--fd-text-helper-line-height);font-weight:var(--fd-text-helper-weight);color:var(--fd-color-text-muted)}.fd-ui-code-sm{font-family:var(--fd-font-family-monospace);font-size:var(--fd-text-code-sm-size);line-height:var(--fd-text-code-sm-line-height);font-weight:var(--fd-text-code-sm-weight)}.fd-ui-helper-strong{font-size:var(--fd-text-helper-size);line-height:var(--fd-text-helper-line-height);font-weight:var(--fd-text-section-title-weight)}.fd-ui-metric-lg{font-size:var(--fd-text-metric-lg-size);line-height:var(--fd-text-metric-lg-line-height);font-weight:var(--fd-text-metric-lg-weight);letter-spacing:var(--fd-letter-spacing-tight);color:var(--fd-color-text)}.fd-ui-metric-md{font-size:var(--fd-text-metric-md-size);line-height:var(--fd-text-metric-md-line-height);font-weight:var(--fd-text-metric-md-weight);color:var(--fd-color-text)}.fd-ui-metric-hero{font-size:var(--fd-text-metric-hero-size);line-height:var(--fd-text-metric-hero-line-height);font-weight:var(--fd-text-metric-hero-weight);letter-spacing:var(--fd-text-metric-hero-tracking);color:var(--fd-color-text)}.fd-ui-metric-unit{font-size:var(--fd-text-metric-unit-size);line-height:var(--fd-text-metric-unit-line-height);font-weight:var(--fd-text-metric-unit-weight)}.fd-ui-stat-label{font-size:var(--fd-text-stat-label-size);line-height:var(--fd-text-stat-label-line-height);font-weight:var(--fd-text-stat-label-weight);letter-spacing:var(--fd-text-stat-label-tracking);text-transform:uppercase}.fd-ui-stat-value{font-size:var(--fd-text-stat-value-size);line-height:var(--fd-text-stat-value-line-height);font-weight:var(--fd-text-stat-value-weight)}.fd-ui-action-text{font-size:var(--fd-text-action-size);line-height:var(--fd-text-action-line-height);font-weight:var(--fd-text-action-weight)}.fd-ui-title-sm{font-size:var(--fd-text-title-sm-size);line-height:var(--fd-text-title-sm-line-height);font-weight:var(--fd-text-title-sm-weight)}.fd-ui-title-md{font-size:var(--fd-text-title-md-size);line-height:var(--fd-text-title-md-line-height);font-weight:var(--fd-text-title-md-weight)}.fd-ui-display-sm{font-size:var(--fd-text-display-sm-size);line-height:var(--fd-text-display-sm-line-height);font-weight:var(--fd-text-display-sm-weight)}.fd-ui-overline{font-size:var(--fd-text-helper-size);line-height:var(--fd-text-helper-line-height);font-weight:var(--fd-font-weight-bold);letter-spacing:var(--fd-letter-spacing-overline);text-transform:uppercase;color:var(--fd-color-text-muted)}.fd-ui-error-text{font-size:var(--fd-text-helper-size);line-height:var(--fd-text-helper-line-height);font-weight:var(--fd-text-helper-weight);color:var(--fd-color-danger)}.fd-stack{display:flex;flex-direction:column}.fd-row{display:flex;align-items:center}.fd-grid{display:grid}.fd-inline-center{display:inline-flex;align-items:center;justify-content:center}.fd-center{display:flex;align-items:center;justify-content:center}.fd-place-center{display:grid;place-items:center}.fd-align-start{align-items:flex-start}.fd-align-center{align-items:center}.fd-align-baseline{align-items:baseline}.fd-justify-between{justify-content:space-between}.fd-justify-center{justify-content:center}.fd-justify-end{justify-content:flex-end}.fd-wrap{flex-wrap:wrap}.fd-gap-micro{gap:var(--fd-space-micro)}.fd-gap-xxs{gap:var(--fd-space-xxs)}.fd-gap-xs{gap:var(--fd-space-xs)}.fd-gap-sm{gap:var(--fd-space-sm)}.fd-gap-md{gap:var(--fd-space-md)}.fd-gap-lg{gap:var(--fd-space-lg)}.fd-gap-xl{gap:var(--fd-space-xl)}.fd-gap-control{gap:var(--fd-space-control-gap)}.fd-gap-page-header{gap:var(--fd-space-page-header-gap)}.fd-gap-page-header-actions{gap:var(--fd-space-page-header-actions-gap)}.fd-gap-period{gap:var(--fd-period-gap)}.fd-gap-pill{gap:var(--fd-space-pill-gap)}.fd-gap-actions{gap:var(--fd-space-actions-gap)}.fd-gap-card-content{gap:var(--fd-space-card-content-gap)}.fd-gap-card-header{gap:var(--fd-space-card-header-gap)}.fd-gap-card-profile{gap:var(--fd-space-card-profile-gap)}.fd-gap-card-relaxed{gap:var(--fd-space-card-relaxed-gap)}.fd-gap-entity-card-content{gap:var(--fd-space-entity-card-content-gap)}.fd-gap-entity-card-header{gap:var(--fd-space-entity-card-header-gap)}.fd-gap-entity-card-title{gap:var(--fd-space-entity-card-title-gap)}.fd-gap-inline-alert{gap:var(--fd-space-inline-alert-gap)}.fd-gap-inline-alert-content{gap:var(--fd-space-inline-alert-content-gap)}.fd-gap-inline-alert-actions{gap:var(--fd-space-inline-alert-actions-gap)}.fd-gap-dialog-footer{gap:var(--fd-space-dialog-footer-gap)}.fd-min-w-0{min-width:0}.fd-nowrap{white-space:nowrap}.fd-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-visually-hidden-focusable:not(:focus):not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--fd-font-family-base);font-size:var(--fd-font-size-base);line-height:var(--fd-line-height-base);color:var(--fd-color-text);background-color:var(--fd-bg-body);overflow:hidden}.fd-layout-page{width:100%;min-height:0;background:var(--fd-bg-page);display:flex;justify-content:center;align-items:stretch}.fd-layout-page__content{width:100%;max-width:var(--fd-layout-page-content-max-width);margin:0 auto;display:flex;flex-direction:column;padding:var(--fd-layout-page-top-padding) var(--fd-layout-page-horizontal-padding) var(--fd-layout-page-vertical-padding);background:var(--fd-bg-page)}@media(max-width:768px){:root{--fd-layout-page-top-padding: 0}html,body{height:auto;min-height:100%}body{overflow-y:auto;overflow-x:hidden}}.fd-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--fd-page-header-gap);min-height:var(--fd-page-header-height)}.fd-page-header__title-block{display:flex;flex-direction:column;gap:var(--fd-space-xxs);min-width:220px}.fd-page-header__actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--fd-page-actions-gap);min-width:240px}