:root{--primary-color: #0f766e;--primary-hover: #0d9488;--primary-light: #14b8a6;--primary-dark: #115e59;--primary-rgb: 15, 118, 110;--primary-alpha-10: rgba(var(--primary-rgb), .1);--primary-alpha-20: rgba(var(--primary-rgb), .2);--primary-alpha-30: rgba(var(--primary-rgb), .3);--primary-alpha-40: rgba(var(--primary-rgb), .4);--primary-alpha-50: rgba(var(--primary-rgb), .5);--primary-gradient: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--primary-bg-light: rgba(15, 118, 110, .12);--brand-primary-color: var(--primary-color);--brand-primary-gradient: var(--primary-gradient);--brand-primary-text-color: var(--text-inverse);--brand-primary-dark-color: var(--primary-dark);--brand-primary-soft-color: var(--primary-bg-light);--brand-secondary-color: var(--secondary-color);--brand-secondary-light-color: var(--secondary-light);--brand-secondary-gradient: var(--secondary-gradient);--icon-primary-color: var(--primary-color);--badge-primary-color: var(--primary-color);--badge-primary-gradient: var(--primary-gradient);--badge-primary-text-color: var(--text-on-primary);--badge-primary-inverse-text-color: var(--text-inverse);--indicator-primary-color: var(--primary-color);--indicator-primary-alpha-20: var(--primary-alpha-20);--indicator-primary-alpha-30: var(--primary-alpha-30);--indicator-primary-success-gradient: linear-gradient(90deg, var(--primary-color), var(--success-light));--progress-primary-color: var(--primary-color);--progress-primary-gradient: linear-gradient(90deg, var(--primary-color), var(--secondary-color));--illustration-primary-color: var(--primary-color);--illustration-primary-rgb: var(--primary-rgb);--loading-primary-color: var(--primary-color);--button-primary-color: var(--app-action-button-bg);--button-primary-hover-color: var(--app-action-button-hover-bg);--button-primary-border-color: var(--app-action-button-border);--button-primary-text-color: var(--app-action-button-text);--button-primary-shadow: var(--app-action-button-shadow);--button-primary-hover-shadow: var(--app-action-button-hover-shadow);--button-primary-radius: var(--app-action-button-radius);--button-secondary-color: color-mix(in srgb, var(--bg-active) 54%, var(--bg-primary));--button-secondary-hover-color: var(--app-action-button-hover-bg);--button-secondary-border-color: color-mix(in srgb, var(--app-action-button-border) 62%, var(--border-color));--button-secondary-text-color: var(--app-action-button-text);--button-secondary-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--toggle-selected-color: var(--primary-color);--toggle-selected-border-color: var(--primary-color);--checkbox-selected-color: var(--primary-color);--checkbox-selected-border-color: var(--primary-color);--checkbox-selected-mark-color: var(--text-on-primary);--input-focus-border-color: var(--primary-color);--input-focus-ring-color: color-mix(in srgb, var(--primary-color) 18%, transparent);--input-focus-soft-color: var(--primary-alpha-10);--input-focus-border-soft-color: var(--primary-alpha-30);--control-accent-color: var(--primary-color);--option-highlight-color: color-mix(in srgb, var(--primary-color) 16%, transparent);--option-selected-color: color-mix(in srgb, var(--primary-color) 24%, transparent);--page-home-accent-color: var(--primary-color);--page-home-accent-hover-color: var(--primary-hover);--page-home-accent-light-color: var(--primary-light);--page-home-accent-dark-color: var(--primary-dark);--page-home-accent-soft-color: var(--primary-bg-light);--page-home-accent-rgb: var(--primary-rgb);--page-home-accent-alpha-10: var(--primary-alpha-10);--page-home-accent-alpha-20: var(--primary-alpha-20);--page-home-accent-alpha-30: var(--primary-alpha-30);--page-home-accent-alpha-40: var(--primary-alpha-40);--page-home-secondary-accent-color: var(--brand-secondary-color);--page-view-accent-color: var(--primary-color);--page-view-accent-light-color: var(--primary-light);--page-view-accent-soft-color: var(--primary-bg-light);--page-view-accent-rgb: var(--primary-rgb);--page-landing-accent-color: var(--primary-color);--page-landing-accent-hover-color: var(--primary-hover);--page-landing-accent-light-color: var(--primary-light);--page-landing-accent-dark-color: var(--primary-dark);--page-landing-secondary-accent-color: var(--brand-secondary-color);--page-landing-secondary-accent-light-color: var(--brand-secondary-light-color);--page-appearance-accent-color: var(--primary-color);--page-appearance-accent-alpha-10: var(--primary-alpha-10);--page-appearance-accent-alpha-20: var(--primary-alpha-20);--page-profile-accent-color: var(--primary-color);--page-profile-accent-hover-color: var(--primary-hover);--page-profile-accent-rgb: var(--primary-rgb);--page-profile-accent-alpha-10: var(--primary-alpha-10);--page-profile-accent-alpha-20: var(--primary-alpha-20);--page-profile-secondary-accent-color: var(--brand-secondary-color);--page-profile-secondary-accent-gradient: var(--brand-secondary-gradient);--page-food-manager-accent-color: var(--primary-color);--page-food-manager-accent-hover-color: var(--primary-hover);--page-food-manager-accent-light-color: var(--primary-light);--page-food-manager-accent-soft-color: var(--primary-bg-light);--page-pills-accent-color: var(--primary-color);--page-pills-accent-rgb: var(--primary-rgb);--page-pills-accent-alpha-10: var(--primary-alpha-10);--page-pills-accent-alpha-20: var(--primary-alpha-20);--page-pills-accent-alpha-30: var(--primary-alpha-30);--component-chat-accent-color: var(--primary-color);--component-chat-accent-soft-color: var(--primary-bg-light);--component-sidebar-accent-color: var(--primary-color);--component-sidebar-accent-hover-color: var(--primary-hover);--component-sidebar-accent-dark-color: var(--primary-dark);--component-sidebar-accent-gradient: var(--primary-gradient);--component-sidebar-accent-soft-color: var(--primary-bg-light);--page-compare-accent-color: var(--primary-color);--page-compare-accent-alpha-10: var(--primary-alpha-10);--page-compare-accent-alpha-20: var(--primary-alpha-20);--page-compare-accent-alpha-30: var(--primary-alpha-30);--page-voice-accent-color: var(--primary-color);--page-voice-accent-light-color: var(--primary-light);--page-voice-accent-dark-color: var(--primary-dark);--component-structured-review-accent-color: var(--primary-color);--component-structured-review-accent-soft-color: var(--primary-bg-light);--component-structured-review-accent-glow: var(--primary-glow);--component-nutrient-preferences-accent-color: var(--primary-color);--component-nutrient-preferences-accent-soft-color: var(--primary-bg-light);--page-home-action-color: var(--button-primary-color);--page-home-action-hover-color: var(--button-primary-hover-color);--page-home-action-border-color: var(--button-primary-border-color);--page-home-action-text-color: var(--button-primary-text-color);--page-home-action-shadow: var(--button-primary-shadow);--page-home-action-hover-shadow: var(--button-primary-hover-shadow);--page-home-action-radius: var(--button-primary-radius);--page-view-action-color: var(--button-primary-color);--page-view-action-hover-color: var(--button-primary-hover-color);--page-view-action-border-color: var(--button-primary-border-color);--page-view-action-text-color: var(--button-primary-text-color);--page-view-action-shadow: var(--button-primary-shadow);--page-view-action-hover-shadow: var(--button-primary-hover-shadow);--page-profile-action-color: var(--button-primary-color);--page-profile-action-border-color: var(--button-primary-border-color);--page-profile-action-text-color: var(--button-primary-text-color);--page-profile-action-shadow: var(--button-primary-shadow);--page-food-manager-action-color: var(--button-primary-color);--page-food-manager-action-hover-color: var(--button-primary-hover-color);--page-food-manager-action-border-color: var(--button-primary-border-color);--page-food-manager-action-text-color: var(--button-primary-text-color);--page-food-manager-action-shadow: var(--button-primary-shadow);--page-food-manager-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-color: var(--button-primary-color);--page-pills-action-hover-color: var(--button-primary-hover-color);--page-pills-action-border-color: var(--button-primary-border-color);--page-pills-action-text-color: var(--button-primary-text-color);--page-pills-action-shadow: var(--button-primary-shadow);--page-pills-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-radius: var(--button-primary-radius);--page-landing-action-color: var(--primary-color);--page-landing-action-hover-color: var(--primary-dark);--page-landing-action-border-color: var(--primary-color);--page-landing-action-hover-border-color: var(--primary-dark);--page-landing-action-text-color: var(--text-inverse);--component-chat-action-color: var(--button-primary-color);--component-chat-action-hover-color: var(--button-primary-hover-color);--component-chat-action-border-color: var(--button-primary-border-color);--component-chat-action-text-color: var(--button-primary-text-color);--component-chat-action-shadow: var(--button-primary-shadow);--component-chat-action-hover-shadow: var(--button-primary-hover-shadow);--component-chat-action-radius: var(--button-primary-radius);--device-mobile-home-log-food-button-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-log-food-button-hover-color: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--device-mobile-home-log-food-button-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-log-food-button-text-color: #ffffff;--device-mobile-home-log-food-button-shadow: 0 4px 12px rgba(15, 118, 110, .2);--device-mobile-home-log-food-button-hover-shadow: 0 6px 16px rgba(15, 118, 110, .26);--device-mobile-home-daylog-selected-tab-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-daylog-selected-tab-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-daylog-selected-tab-text-color: #ffffff;--device-mobile-home-daylog-selected-tab-shadow: 0 3px 10px rgba(15, 118, 110, .2);--adjustment-icon: #D97706;--adjustment-icon-glow: rgba(217, 119, 6, .3);--adjustment-color: #0ea5e9;--adjustment-rgb: 14, 165, 233;--adjustment-glow: rgba(14, 165, 233, .2);--accent-blue: #4361ee;--accent-blue-light: rgba(67, 97, 238, .15);--accent-blue-glow: rgba(67, 97, 238, .3);--accent-purple: #A78BFA;--accent-purple-glow: rgba(167, 139, 250, .3);--accent-primary: #4361ee;--accent-primary-dark: #3550d8;--accent-primary-rgb: 67, 97, 238;--secondary-color: #0891b2;--secondary-hover: #0e7490;--secondary-light: #06b6d4;--secondary-gradient: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--chart-seed-primary: #0f766e;--chart-seed-secondary: #0891b2;--success-color: #059669;--success-hover: #047857;--success-light: #10b981;--success-rgb: 5, 150, 105;--success-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);--success-bg-light: rgba(5, 150, 105, .1);--danger-color: #dc2626;--danger-hover: #b91c1c;--danger-light: #ef4444;--danger-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--danger-bg-light: rgba(220, 38, 38, .1);--warning-color: #d97706;--warning-hover: #b45309;--warning-light: #f59e0b;--warning-gradient: linear-gradient(135deg, #d97706 0%, #b45309 100%);--info-color: #0284c7;--info-hover: #0369a1;--info-light: #0ea5e9;--info-gradient: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--info-bg-light: rgba(2, 132, 199, .1);--chart-1: #0f766e;--chart-2: #4361ee;--chart-3: #10b981;--chart-4: #0891b2;--chart-5: #6366f1;--chart-6: #8b5cf6;--chart-7: #ec4899;--chart-8: #f59e0b;--chart-9: #3b82f6;--chart-10: #64748b;--icon-sun-color: #f59e0b;--icon-moon-oled-color: #94a3b8;--icon-moon-body-color: #f8fafc;--icon-moon-crater-color: rgba(148, 163, 184, .9);--icon-moon-star-color: rgba(255, 255, 255, .82);--shimmer-base: rgba(255, 255, 255, .1);--shimmer-highlight: rgba(255, 255, 255, .4);--shimmer-glow: rgba(255, 255, 255, .5);--white-alpha-01: rgba(255, 255, 255, .01);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-03: rgba(255, 255, 255, .03);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-12: rgba(255, 255, 255, .12);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-45: rgba(255, 255, 255, .45);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--black-alpha-02: rgba(0, 0, 0, .02);--black-alpha-03: rgba(0, 0, 0, .03);--black-alpha-04: rgba(0, 0, 0, .04);--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-08: rgba(0, 0, 0, .08);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-18: rgba(0, 0, 0, .18);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-24: rgba(0, 0, 0, .24);--black-alpha-28: rgba(0, 0, 0, .28);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-56: rgba(0, 0, 0, .56);--focus-outline-color: rgba(67, 97, 238, .6);--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-tertiary: #e2e8f0;--bg-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--bg-disabled: #f1f3f5;--bg-floor: var(--bg-secondary);--bg-panel: var(--bg-primary);--bg-panel-rgb: 255, 255, 255;--bg-card: var(--bg-elevated);--bg-card-rgb: 255, 255, 255;--blocker-bg: rgba(255, 255, 255, .8);--text-primary: #2c3e50;--text-primary-rgb: 44, 62, 80;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--text-muted: var(--text-tertiary);--text-disabled: #ced4da;--text-inverse: #ffffff;--text-on-primary: #ffffff;--app-action-button-bg: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--app-action-button-hover-bg: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--app-action-button-border: color-mix(in srgb, #0f766e 72%, white 28%);--app-action-button-text: #ffffff;--app-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -16px 28px rgba(0, 0, 0, .14), 0 10px 22px rgba(15, 118, 110, .18);--app-action-button-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -16px 28px rgba(0, 0, 0, .16), 0 12px 26px rgba(15, 118, 110, .22);--app-action-button-focus: 0 0 0 2px color-mix(in srgb, #0f766e 30%, transparent), var(--app-action-button-shadow);--gray-100: #f8f9fa;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-700: #495057;--gray-900: #2c3e50;--border-color: #cbd5e1;--border-light: #e2e8f0;--border-dim: rgba(0, 0, 0, .06);--border-dark: #adb5bd;--border-focus: var(--primary-color);--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .1);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .2);--shadow-heavy: 0 12px 30px rgba(0, 0, 0, .35);--shadow-light: rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px 0 rgba(15, 118, 110, .39);--shadow-primary-hover: 0 6px 20px rgba(15, 118, 110, .23);--shadow-accent: 0 2px 8px rgba(102, 126, 234, .3);--shadow-accent-hover: 0 4px 16px rgba(102, 126, 234, .4);--shadow-accent-focus: 0 0 0 2px rgba(102, 126, 234, .1);--shadow-modal-heavy: 0 32px 64px rgba(0, 0, 0, .25), 0 16px 32px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .08);--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .12);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .2);--glass-bg-secondary: rgba(255, 255, 255, .1);--glass-bg-tertiary: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .2);--glass-border-light: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-shadow-heavy: 0 1rem 2rem rgba(0, 0, 0, .1);--glass-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);--glass-gradient: linear-gradient(135deg, var(--glass-bg), var(--glass-bg-secondary));--backdrop-blur: blur(8px);--backdrop-blur-light: blur(4px);--sidebar-text-primary: rgba(255, 255, 255, .95);--sidebar-text-secondary: rgba(255, 255, 255, .6);--sidebar-icon-color: rgba(255, 255, 255, .85);--sidebar-icon-hover: #ffffff;--sidebar-icon-active: #4cc9f0;--sidebar-nav-indicator: #47C5F5;--sidebar-indicator-glow: rgba(71, 197, 245, .4);--mobile-menu-text-primary: color-mix(in srgb, var(--text-primary) 96%, black);--mobile-menu-text-secondary: color-mix(in srgb, var(--text-secondary) 72%, var(--text-primary));--mobile-menu-icon: color-mix(in srgb, var(--text-secondary) 58%, var(--text-primary));--mobile-menu-icon-active: var(--primary-color);--mobile-menu-toggle-bg: color-mix(in srgb, var(--bg-tertiary) 52%, var(--bg-secondary));--mobile-menu-toggle-border: color-mix(in srgb, var(--primary-color) 28%, var(--border-color));--mobile-menu-backdrop: var(--black-alpha-40);--mobile-menu-shell-bg: #f2f4f6;--mobile-menu-surface-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-tertiary) 42%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--bg-secondary) 84%, var(--bg-tertiary)) 100%);--mobile-menu-surface-border: color-mix(in srgb, var(--border-dark) 48%, transparent);--mobile-menu-card-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 92%, var(--bg-tertiary)) 0%, color-mix(in srgb, var(--bg-tertiary) 68%, var(--bg-secondary)) 100%);--mobile-menu-card-hover-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-tertiary)) 0%, color-mix(in srgb, var(--bg-tertiary) 72%, var(--bg-secondary)) 100%);--mobile-menu-card-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 92%, var(--bg-tertiary)) 0%, color-mix(in srgb, var(--bg-tertiary) 68%, var(--bg-secondary)) 100%);--mobile-menu-card-border: color-mix(in srgb, var(--border-dark) 38%, transparent);--mobile-menu-card-active-border: color-mix(in srgb, var(--primary-color) 38%, var(--border-color));--mobile-menu-icon-chip-bg: color-mix(in srgb, var(--bg-primary) 88%, var(--bg-secondary));--mobile-menu-icon-chip-border: color-mix(in srgb, var(--border-color) 52%, transparent);--mobile-menu-dock-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-tertiary) 44%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--bg-secondary) 84%, var(--bg-tertiary)) 100%);--mobile-menu-dock-border: color-mix(in srgb, var(--border-dark) 44%, transparent);--mobile-menu-fade-bg: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-secondary) 56%, transparent) 22%, color-mix(in srgb, var(--bg-secondary) 90%, transparent) 100%);--mobile-menu-hero-brand-text: #102a32;--mobile-menu-hero-brand-shadow: rgba(0, 63, 70, .28);--mobile-menu-hero-start: #087f82;--mobile-menu-hero-mid: #23a79d;--mobile-menu-hero-end: #83d7bf;--mobile-menu-hero-veil: rgba(204, 249, 236, .3);--mobile-menu-hero-wash: color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-primary) 12%);--mobile-menu-hero-edge: rgba(255, 255, 255, .3);--mobile-menu-hero-dot: rgba(255, 255, 255, .52);--mobile-menu-hero-orb: rgba(219, 255, 246, .2);--mobile-menu-hero-orb-shadow: rgba(219, 255, 246, .14);--mobile-menu-hero-shadow: rgba(0, 79, 87, .16);--mobile-menu-avatar-border: rgba(255, 255, 255, .96);--mobile-menu-avatar-text: #ffffff;--modal-overlay: rgba(0, 0, 0, .42);--overlay-grid: rgba(255, 255, 255, .5);--modal-bg: #ffffff;--modal-border: var(--glass-border);--modal-shadow: var(--shadow-xl);--spinner-border: #f3f4f6;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-surface: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--card-bg-overlay: rgba(255, 255, 255, .05);--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .12);--primary-glow: 0 0 15px rgba(15, 118, 110, .2);--secondary-glow: 0 0 15px rgba(8, 145, 178, .2);--success-glow: 0 4px 12px rgba(5, 150, 105, .15);--warning-glow: 0 4px 12px rgba(217, 119, 6, .15);--info-glow: 0 4px 12px rgba(2, 132, 199, .15);--danger-glow: 0 4px 12px rgba(220, 38, 38, .15);--analysis-glow: 0 4px 12px rgba(139, 92, 246, .2);--text-on-glass-strong: #ffffff;--text-on-glass-medium: rgba(255, 255, 255, .85);--text-on-glass-light: rgba(255, 255, 255, .7);--glass-bg-primary: rgba(255, 255, 255, .92);--glass-bg-light: rgba(255, 255, 255, .85);--glass-text-primary: #ffffff;--glass-text-secondary: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(99, 102, 241, .08);--glass-highlight: rgba(255, 255, 255, .4);--btn-accent-text: #ffffff;--glass-modal-bg: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(248, 250, 252, .76));--glass-modal-border: rgba(0, 0, 0, .08);--glass-modal-shadow: 0 20px 40px rgba(0, 0, 0, .12);--glass-modal-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);--glass-modal-blur: blur(20px);--glass-modal-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .62), rgba(248, 250, 252, .44));--glass-modal-footer-bg: linear-gradient(135deg, rgba(255, 255, 255, .68), rgba(248, 250, 252, .48));--glass-modal-header-border: rgba(44, 62, 80, .1);--glass-modal-sep: rgba(44, 62, 80, .12);--glass-modal-text: var(--text-primary);--glass-modal-text-secondary: var(--text-secondary);--glass-modal-input-bg: rgba(255, 255, 255, .5);--glass-modal-input-border: rgba(44, 62, 80, .32);--sidebar-bg-gradient: linear-gradient(180deg, #A8A8A8 0%, #8E8E8E 100%);--sidebar-border-color: rgba(255, 255, 255, .15);--lang-dropdown-bg: #ffffff;--lang-dropdown-border: rgba(0, 0, 0, .1);--lang-dropdown-text: #1a202c;--lang-dropdown-hover-bg: rgba(0, 0, 0, .05);--lang-dropdown-active-bg: rgba(15, 118, 110, .1);--lang-dropdown-active-text: #0f766e;--chart-empty-point-color: #e0e0e0;--chart-trend-label-bg: rgba(8, 145, 178, .12);--preview-light-bg: linear-gradient(180deg, #eef3f5 0%, #dce4e8 100%);--preview-light-panel: rgba(255, 255, 255, .82);--preview-light-border: rgba(118, 134, 150, .24);--preview-light-accent: #0f766e;--preview-light-muted: rgba(88, 105, 122, .2);--preview-soft-bg: linear-gradient(180deg, #2f3136 0%, #26282d 100%);--preview-soft-panel: rgba(255, 255, 255, .05);--preview-soft-border: rgba(255, 255, 255, .08);--preview-soft-accent: #e8eaed;--preview-soft-muted: rgba(255, 255, 255, .08);--preview-oled-bg: linear-gradient(180deg, #0d1117 0%, #090b12 100%);--preview-oled-panel: rgba(255, 255, 255, .04);--preview-oled-border: rgba(255, 255, 255, .08);--preview-oled-accent: #38bdf8;--preview-oled-muted: rgba(255, 255, 255, .08);--kue-chat-helper-text: color-mix(in srgb, var(--text-secondary) 96%, var(--text-primary));--kue-chat-secondary-button-bg: color-mix(in srgb, var(--bg-primary) 96%, transparent);--kue-chat-secondary-button-border: color-mix(in srgb, var(--border-color) 88%, transparent);--kue-chat-secondary-button-text: var(--text-primary);--kue-chat-secondary-button-hover-bg: color-mix(in srgb, var(--bg-secondary) 86%, var(--bg-primary));--kue-chat-secondary-button-hover-text: var(--text-primary);--kue-chat-primary-button-border: var(--component-chat-action-border-color);--kue-chat-primary-button-bg: var(--component-chat-action-color);--kue-chat-primary-button-text: var(--component-chat-action-text-color);--kue-chat-primary-button-shadow: var(--component-chat-action-shadow);--kue-chat-primary-button-hover-shadow: var(--component-chat-action-hover-shadow);--kue-bubble-ring-bg: var(--bg-primary);--kue-bubble-ring-color: color-mix(in srgb, #1D4A65 74%, #dbe7ec);--kue-bubble-ring-highlight: color-mix(in srgb, #ffffff 48%, #2e7ba3);--kue-chat-review-surface-bg: color-mix(in srgb, var(--bg-primary) 92%, var(--bg-secondary));--kue-chat-review-surface-border: color-mix(in srgb, var(--border-color) 88%, transparent);--kue-chat-review-option-bg: color-mix(in srgb, var(--bg-primary) 97%, var(--bg-secondary));--kue-chat-review-option-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-option-hover-bg: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));--kue-chat-review-option-hover-border: color-mix(in srgb, #1D4A65 34%, var(--border-color));--kue-chat-review-option-selected-bg: linear-gradient(180deg, color-mix(in srgb, #1D4A65 12%, var(--bg-primary)), color-mix(in srgb, #1D4A65 6%, var(--bg-secondary)));--kue-chat-review-option-selected-border: color-mix(in srgb, #1D4A65 58%, var(--border-color));--kue-chat-review-option-selected-accent: #2e7ba3;--kue-chat-review-option-custom-bg: color-mix(in srgb, #1D4A65 8%, var(--bg-primary));--kue-chat-review-card-bg: color-mix(in srgb, var(--bg-primary) 95%, var(--bg-secondary));--kue-chat-review-card-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-empty-border: color-mix(in srgb, #1D4A65 20%, var(--border-color));--kue-chat-review-title: var(--text-primary);--kue-chat-review-copy: color-mix(in srgb, var(--text-secondary) 94%, var(--text-primary));--kue-chat-review-trigger-bg: color-mix(in srgb, var(--bg-primary) 95%, var(--bg-secondary));--kue-chat-review-trigger-border: color-mix(in srgb, #1D4A65 32%, var(--border-color));--kue-chat-review-trigger-text: var(--text-primary);--kue-chat-review-trigger-hover-bg: color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-primary));--kue-chat-review-input-bg: color-mix(in srgb, var(--bg-primary) 97%, var(--bg-secondary));--kue-chat-review-input-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-input-text: var(--text-primary);--kue-chat-review-placeholder: color-mix(in srgb, var(--text-secondary) 74%, var(--text-tertiary));--kue-chat-review-focus-outline: color-mix(in srgb, #2e7ba3 28%, transparent);--kue-chat-review-focus-border: #2e7ba3;--kue-chat-review-assistant-bg: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));--kue-chat-review-assistant-border: color-mix(in srgb, var(--border-color) 82%, transparent);--kue-chat-review-user-bg: linear-gradient(180deg, color-mix(in srgb, #1D4A65 58%, rgba(255, 255, 255, .04)), color-mix(in srgb, #1D4A65 86%, rgba(5, 12, 20, .12)));--kue-chat-review-user-border: color-mix(in srgb, #1D4A65 68%, var(--border-light));--kue-chat-user-bubble-bg: var(--kue-chat-review-user-bg);--kue-chat-user-bubble-border: var(--kue-chat-review-user-border);--kue-chat-user-bubble-text: #ffffff;--kue-chat-image-shell-border: var(--border-light);--kue-chat-image-frame-border: color-mix(in srgb, var(--border-dark) 28%, var(--border-color));--danger-dialog-warning-icon: #f39c12;--danger-dialog-danger-icon: #e74c3c;--danger-dialog-title: #333333;--danger-dialog-danger-title: #e74c3c;--danger-dialog-text: #666666;--danger-dialog-label: #333333;--danger-dialog-input-bg: #ffffff;--danger-dialog-input-border: #cccccc;--danger-dialog-input-text: #1f2937;--danger-dialog-cancel-bg: #f8f9fa;--danger-dialog-cancel-text: #333333;--danger-dialog-cancel-border: #dee2e6;--danger-dialog-confirm-bg: #dc3545;--danger-dialog-confirm-text: #ffffff;--danger-dialog-disabled-bg: #6c757d;--compare-card-bg: #ffffff;--compare-card-border: rgba(0, 0, 0, .08);--compare-best-bg: rgba(22, 163, 74, .1);--compare-best-text: #166534;--compare-best-shadow: 0 0 10px rgba(22, 163, 74, .1);--compare-empty-bg: #f8fafc;--compare-empty-border: rgba(0, 0, 0, .05);--compare-accent-rgb: 99, 102, 241;--view-search-section-shadow: 0 4px 6px rgba(0, 0, 0, .05);--view-search-overlay-shadow: 0 8px 30px rgba(0, 0, 0, .1);--view-search-input-focus-shadow: 0 0 0 2px rgba(8, 145, 178, .2);--view-spinner-border-color: rgba(67, 97, 238, .1);--toast-success-bg: rgba(16, 185, 129, .95);--toast-shadow: 0 10px 40px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1);--toast-shadow-hover: 0 14px 50px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .15);--toast-border: rgba(255, 255, 255, .1);--toast-icon-bg: rgba(255, 255, 255, .2);--toast-close-bg: rgba(255, 255, 255, .15);--toast-close-bg-hover: rgba(255, 255, 255, .25);--toast-close-color: rgba(255, 255, 255, .8);--toast-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);--toast-icon-shadow: 0 2px 8px rgba(0, 0, 0, .15);--toast-success-gradient: linear-gradient(135deg, rgba(16, 185, 129, .95) 0%, rgba(5, 150, 105, .95) 100%);--toast-success-border: rgba(16, 185, 129, .3);--toast-error-gradient: linear-gradient(135deg, rgba(239, 68, 68, .95) 0%, rgba(220, 38, 38, .95) 100%);--toast-error-border: rgba(239, 68, 68, .3);--toast-warning-gradient: linear-gradient(135deg, rgba(245, 158, 11, .95) 0%, rgba(217, 119, 6, .95) 100%);--toast-warning-border: rgba(245, 158, 11, .3);--toast-info-gradient: linear-gradient(135deg, rgba(59, 130, 246, .95) 0%, rgba(37, 99, 235, .95) 100%);--toast-info-border: rgba(59, 130, 246, .3);--view-search-btn-hover-shadow: 0 8px 16px rgba(67, 97, 238, .2);--view-reset-all-bg: rgba(6, 182, 212, .05);--view-reset-all-text: #0891B2;--view-reset-all-border: 1px solid rgba(6, 182, 212, .2);--view-results-info-bg: rgba(67, 97, 238, .05);--view-results-info-border: 1px solid rgba(67, 97, 238, .1);--view-custom-foods-btn-shadow-1: 0 4px 12px rgba(15, 118, 110, .25);--view-custom-foods-btn-shadow-2: 0 2px 4px rgba(0, 0, 0, .1);--view-custom-foods-btn-glare: linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, transparent 100%);--view-custom-foods-btn-icon-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));--view-master-list-border-color: #ffffff;--view-master-list-shadow: 0 2px 8px rgba(0, 0, 0, .08);--view-table-border-soft: 1px solid rgba(0, 0, 0, .03);--view-table-col-shadow: 2px 0 4px rgba(0, 0, 0, .05);--view-table-row-selected-bg: linear-gradient(90deg, rgba(67, 97, 238, .08), rgba(67, 97, 238, .04));--view-table-row-selected-name-bg: rgba(67, 97, 238, .05);--view-detail-panel-border-color: #ffffff;--view-detail-panel-shadow: 0 2px 8px rgba(0, 0, 0, .08);--view-calories-glow: 0 0 15px rgba(59, 130, 246, .3);--view-nutrient-header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--view-glass-modal-border: rgba(67, 97, 238, .6);--view-glass-modal-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);--view-glass-modal-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--view-glass-header-border: rgba(255, 255, 255, .1);--view-glass-tab-active-bg: linear-gradient(135deg, rgba(67, 97, 238, .25), rgba(67, 97, 238, .1));--view-glass-tab-active-border: rgba(67, 97, 238, .3);--view-glass-stat-bg: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .05));--view-glass-stat-border: rgba(255, 255, 255, .2);--view-glass-stat-hover: rgba(255, 255, 255, .2);--view-glass-cal-bg: linear-gradient(135deg, rgba(239, 68, 68, .2), rgba(239, 68, 68, .05));--view-glass-cal-border: rgba(239, 68, 68, .3);--view-toast-success-bg: rgba(16, 185, 129, .95);--view-loading-more-bg: rgba(11, 12, 13, .95);--view-error-bg: rgba(231, 76, 60, .1);--view-btn-focus-glow: rgba(15, 118, 110, .2);--grade-a-plus: #10b981;--grade-a: #10b981;--grade-b-plus: #3b82f6;--grade-b: #3b82f6;--grade-c: #f59e0b;--grade-d: #ef4444;--grade-f: #dc2626;--grade-bg-a: rgba(16, 185, 129, .1);--grade-bg-b: rgba(59, 130, 246, .1);--grade-bg-c: rgba(245, 158, 11, .1);--grade-bg-d: rgba(239, 68, 68, .1);--grade-bg-alpha: .1;--grid-toolbar-bg: #f8fafc;--grid-toolbar-border: #e2e8f0;--grid-btn-border: #e5e7eb;--grid-btn-bg: #ffffff;--grid-btn-text: #6b7280;--grid-btn-hover-bg: #f9fafb;--grid-btn-hover-border: #d1d5db;--grid-btn-hover-text: #374151;--grid-btn-active-bg: #1e293b;--grid-btn-active-hover-bg: #334155;--grid-btn-active-text: #ffffff;--grid-bg-secondary: #f3f4f6;--grid-scrollbar-thumb: #d1d5db;--grid-scrollbar-track: #f3f4f6;--grid-scrollbar-corner: #f3f4f6;--grid-scrollbar-border: #f9fafb;--grid-table-bg: #ffffff;--grid-table-border: #dee2e6;--grid-header-bg: #f1f5f9;--grid-header-shadow: 0 2px 4px rgba(0, 0, 0, .06);--grid-header-text: #475569;--grid-header-hover-bg: #f3f4f6;--grid-header-selected-bg: #f1f5f9;--grid-header-selected-text: #0f766e;--grid-row-bg: #ffffff;--grid-row-border: #f3f4f6;--grid-row-hover-bg: #f9fafb;--grid-row-hover-text: #111827;--grid-row-selected-bg: #dbeafe;--grid-row-selected-text: #1d4ed8;--grid-row-selected-border: #3b82f6;--grid-row-even-bg: #f8fafc;--grid-row-even-hover-bg: #eef2f7;--grid-intersection-bg: #8b5cf6;--grid-intersection-text: #FFFFFF;--grid-sticky-shadow: 2px 0 4px rgba(0, 0, 0, .04);--grid-resize-handle-hover: #3b82f6;--grid-resize-handle-active: #1d4ed8;--grid-no-results-icon: #9ca3af;--grid-badge-bg: #f1f5f9;--grid-badge-border: #e2e8f0;--grid-badge-text: #64748b;--grid-badge-sep: #cbd5e1;--grid-load-more-bg: #1e293b;--auth-backdrop-bg: rgba(15, 23, 42, .4);--auth-modal-bg: rgba(255, 255, 255, .85);--auth-modal-border: rgba(255, 255, 255, .5);--auth-modal-shadow: 0 1rem 3rem rgba(0, 0, 0, .1);--auth-close-btn-bg: rgba(0, 0, 0, .05);--auth-close-btn-border: rgba(0, 0, 0, .05);--auth-close-btn-text: #64748b;--auth-input-bg: #ffffff;--auth-input-border: #e2e8f0;--auth-input-text: #1e293b;--auth-label-color: #64748b;--auth-divider-line: #e2e8f0;--auth-switch-text: #64748b;--cfm-backdrop: rgba(0, 0, 0, .4);--cfm-modal-bg: #ffffff;--cfm-modal-border: rgba(0, 0, 0, .05);--cfm-modal-shadow: 0 10px 25px rgba(0, 0, 0, .05);--cfm-item-bg: #f8fafc;--cfm-item-hover-bg: #f1f5f9;--cfm-item-hover-border: #e2e8f0;--cfm-item-name: #1e293b;--cfm-item-meta: #64748b;--cfm-delete-bg: rgba(239, 68, 68, .08);--cfm-delete-icon: #ef4444;--cfm-footer-bg: #fafbfc;--cfm-footer-border: #f1f5f9;--cfm-input-bg: #ffffff;--cfm-input-border: #e2e8f0;--cfm-input-text: #1e293b;--cfm-json-bg: rgba(15, 118, 110, .05);--cfm-json-border: rgba(15, 118, 110, .1);--cfm-secondary-btn-bg: #f1f5f9;--cfm-secondary-btn-text: #475569;--compare-toolbar-shadow: 0 2px 8px rgba(0, 0, 0, .04);--compare-badge-shadow: 0 4px 12px rgba(67, 97, 238, .3);--compare-btn-shadow: 0 2px 8px rgba(0, 0, 0, .1);--compare-table-border: var(--border-color);--compare-header-bg: var(--bg-tertiary);--compare-cell-bg: var(--bg-card);--compare-empty-slot-bg: linear-gradient(135deg, rgba(226, 232, 240, .03) 0%, rgba(226, 232, 240, .08) 100%);--compare-best-bg: linear-gradient(135deg, rgba(34, 197, 94, .25) 0%, rgba(34, 197, 94, .12) 100%);--compare-best-text: #15803d;--compare-best-shadow: inset 3px 0 0 0 rgba(34, 197, 94, .8);--auth-switch-text: rgba(255, 255, 255, .7);--landing-hero-bg: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%, var(--bg-primary) 100%);--landing-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));--landing-card-border: rgba(255, 255, 255, .12);--landing-card-shadow: 0 12px 40px rgba(0, 0, 0, .15);--landing-card-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);--landing-card-glow: 0 0 0 1px rgba(67, 97, 238, .05);--srv-modal-overlay: rgba(0, 0, 0, .6);--srv-modal-bg: #ffffff;--srv-modal-shadow: 0 .6rem 1.2rem rgba(0, 0, 0, .15);--srv-modal-text: #1a1a2e;--srv-modal-content-text: #495057;--srv-modal-close-hover: #f5f5f5}:root.dark.theme-oled{--bg-floor: #0A0B12;--bg-panel: #090B12;--bg-card: #121826;--bg-active: #1B2230;--border-color: #1E293B;--border-light: rgba(255, 255, 255, .08);--border-dim: rgba(255, 255, 255, .03);--border-dark: #475569;--text-primary: #CBD5E1;--text-primary-rgb: 203, 213, 225;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-muted: var(--text-tertiary);--text-disabled: #475569;--bg-hover: rgba(8, 145, 178, .08);--modal-bg: #0d1117;--gray-100: #0d1117;--gray-300: #161b22;--gray-400: #21262d;--glass-bg-primary: rgba(13, 17, 23, .92);--glass-bg-light: rgba(13, 17, 23, .85);--bg-primary: var(--bg-floor);--bg-secondary: var(--bg-panel);--bg-panel-rgb: 9, 11, 18;--bg-tertiary: var(--bg-card);--bg-card-rgb: 18, 24, 38;--bg-elevated: var(--bg-panel);--blocker-bg: #121826;--bg-disabled: var(--bg-floor);--text-inverse: #ffffff;--text-on-primary: #d2deea;--app-action-button-bg: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--app-action-button-hover-bg: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--app-action-button-border: color-mix(in srgb, #0f766e 72%, white 28%);--app-action-button-text: #ffffff;--app-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -16px 28px rgba(0, 0, 0, .18), 0 10px 22px rgba(0, 0, 0, .34);--app-action-button-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -16px 28px rgba(0, 0, 0, .2), 0 12px 26px rgba(0, 0, 0, .38);--app-action-button-focus: 0 0 0 2px color-mix(in srgb, #0f766e 34%, transparent), var(--app-action-button-shadow);--gray-700: #8b949e;--gray-900: #f0f6fc;--border-focus: #0891b2;--accent-purple: #A78BFA;--accent-purple-glow: rgba(167, 139, 250, .3);--primary-color: #15a3ff;--primary-hover: #38b5ff;--primary-light: #73ceff;--primary-dark: #0873c7;--primary-rgb: 21, 163, 255;--primary-alpha-10: rgba(var(--primary-rgb), .1);--primary-alpha-20: rgba(var(--primary-rgb), .2);--primary-alpha-30: rgba(var(--primary-rgb), .3);--primary-alpha-40: rgba(var(--primary-rgb), .4);--primary-alpha-50: rgba(var(--primary-rgb), .5);--primary-gradient: var(--primary-color);--primary-bg-light: rgba(21, 163, 255, .18);--brand-primary-color: var(--primary-color);--brand-primary-gradient: var(--primary-gradient);--brand-primary-text-color: var(--text-inverse);--brand-primary-dark-color: var(--primary-dark);--brand-primary-soft-color: var(--primary-bg-light);--brand-secondary-color: var(--secondary-color);--brand-secondary-light-color: var(--secondary-light);--brand-secondary-gradient: var(--secondary-gradient);--icon-primary-color: var(--primary-color);--badge-primary-color: var(--primary-color);--badge-primary-gradient: var(--primary-gradient);--badge-primary-text-color: var(--text-on-primary);--badge-primary-inverse-text-color: var(--text-inverse);--indicator-primary-color: var(--primary-color);--indicator-primary-alpha-20: var(--primary-alpha-20);--indicator-primary-alpha-30: var(--primary-alpha-30);--indicator-primary-success-gradient: linear-gradient(90deg, var(--primary-color), var(--success-light));--progress-primary-color: var(--primary-color);--progress-primary-gradient: linear-gradient(90deg, var(--primary-color), var(--secondary-color));--illustration-primary-color: var(--primary-color);--illustration-primary-rgb: var(--primary-rgb);--loading-primary-color: var(--primary-color);--button-primary-color: var(--app-action-button-bg);--button-primary-hover-color: var(--app-action-button-hover-bg);--button-primary-border-color: var(--app-action-button-border);--button-primary-text-color: var(--app-action-button-text);--button-primary-shadow: var(--app-action-button-shadow);--button-primary-hover-shadow: var(--app-action-button-hover-shadow);--button-primary-radius: var(--app-action-button-radius);--button-secondary-color: color-mix(in srgb, var(--bg-active) 54%, var(--bg-primary));--button-secondary-hover-color: var(--app-action-button-hover-bg);--button-secondary-border-color: color-mix(in srgb, var(--app-action-button-border) 62%, var(--border-color));--button-secondary-text-color: var(--app-action-button-text);--button-secondary-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--toggle-selected-color: var(--primary-color);--toggle-selected-border-color: var(--primary-color);--checkbox-selected-color: var(--primary-color);--checkbox-selected-border-color: var(--primary-color);--checkbox-selected-mark-color: var(--text-on-primary);--input-focus-border-color: var(--primary-color);--input-focus-ring-color: color-mix(in srgb, var(--primary-color) 18%, transparent);--input-focus-soft-color: var(--primary-alpha-10);--input-focus-border-soft-color: var(--primary-alpha-30);--control-accent-color: var(--primary-color);--option-highlight-color: color-mix(in srgb, var(--primary-color) 16%, transparent);--option-selected-color: color-mix(in srgb, var(--primary-color) 24%, transparent);--page-home-accent-color: var(--primary-color);--page-home-accent-hover-color: var(--primary-hover);--page-home-accent-light-color: var(--primary-light);--page-home-accent-dark-color: var(--primary-dark);--page-home-accent-soft-color: var(--primary-bg-light);--page-home-accent-rgb: var(--primary-rgb);--page-home-accent-alpha-10: var(--primary-alpha-10);--page-home-accent-alpha-20: var(--primary-alpha-20);--page-home-accent-alpha-30: var(--primary-alpha-30);--page-home-accent-alpha-40: var(--primary-alpha-40);--page-home-secondary-accent-color: var(--brand-secondary-color);--page-view-accent-color: var(--primary-color);--page-view-accent-light-color: var(--primary-light);--page-view-accent-soft-color: var(--primary-bg-light);--page-view-accent-rgb: var(--primary-rgb);--page-landing-accent-color: var(--primary-color);--page-landing-accent-hover-color: var(--primary-hover);--page-landing-accent-light-color: var(--primary-light);--page-landing-accent-dark-color: var(--primary-dark);--page-landing-secondary-accent-color: var(--brand-secondary-color);--page-landing-secondary-accent-light-color: var(--brand-secondary-light-color);--page-appearance-accent-color: var(--primary-color);--page-appearance-accent-alpha-10: var(--primary-alpha-10);--page-appearance-accent-alpha-20: var(--primary-alpha-20);--page-profile-accent-color: var(--primary-color);--page-profile-accent-hover-color: var(--primary-hover);--page-profile-accent-rgb: var(--primary-rgb);--page-profile-accent-alpha-10: var(--primary-alpha-10);--page-profile-accent-alpha-20: var(--primary-alpha-20);--page-profile-secondary-accent-color: var(--brand-secondary-color);--page-profile-secondary-accent-gradient: var(--brand-secondary-gradient);--page-food-manager-accent-color: var(--primary-color);--page-food-manager-accent-hover-color: var(--primary-hover);--page-food-manager-accent-light-color: var(--primary-light);--page-food-manager-accent-soft-color: var(--primary-bg-light);--page-pills-accent-color: var(--primary-color);--page-pills-accent-rgb: var(--primary-rgb);--page-pills-accent-alpha-10: var(--primary-alpha-10);--page-pills-accent-alpha-20: var(--primary-alpha-20);--page-pills-accent-alpha-30: var(--primary-alpha-30);--component-chat-accent-color: var(--primary-color);--component-chat-accent-soft-color: var(--primary-bg-light);--component-sidebar-accent-color: var(--primary-color);--component-sidebar-accent-hover-color: var(--primary-hover);--component-sidebar-accent-dark-color: var(--primary-dark);--component-sidebar-accent-gradient: var(--primary-gradient);--component-sidebar-accent-soft-color: var(--primary-bg-light);--page-compare-accent-color: var(--primary-color);--page-compare-accent-alpha-10: var(--primary-alpha-10);--page-compare-accent-alpha-20: var(--primary-alpha-20);--page-compare-accent-alpha-30: var(--primary-alpha-30);--page-voice-accent-color: var(--primary-color);--page-voice-accent-light-color: var(--primary-light);--page-voice-accent-dark-color: var(--primary-dark);--component-structured-review-accent-color: var(--primary-color);--component-structured-review-accent-soft-color: var(--primary-bg-light);--component-structured-review-accent-glow: var(--primary-glow);--component-nutrient-preferences-accent-color: var(--primary-color);--component-nutrient-preferences-accent-soft-color: var(--primary-bg-light);--page-home-action-color: var(--button-primary-color);--page-home-action-hover-color: var(--button-primary-hover-color);--page-home-action-border-color: var(--button-primary-border-color);--page-home-action-text-color: var(--button-primary-text-color);--page-home-action-shadow: var(--button-primary-shadow);--page-home-action-hover-shadow: var(--button-primary-hover-shadow);--page-home-action-radius: var(--button-primary-radius);--page-view-action-color: var(--button-primary-color);--page-view-action-hover-color: var(--button-primary-hover-color);--page-view-action-border-color: var(--button-primary-border-color);--page-view-action-text-color: var(--button-primary-text-color);--page-view-action-shadow: var(--button-primary-shadow);--page-view-action-hover-shadow: var(--button-primary-hover-shadow);--page-profile-action-color: var(--button-primary-color);--page-profile-action-border-color: var(--button-primary-border-color);--page-profile-action-text-color: var(--button-primary-text-color);--page-profile-action-shadow: var(--button-primary-shadow);--page-food-manager-action-color: var(--button-primary-color);--page-food-manager-action-hover-color: var(--button-primary-hover-color);--page-food-manager-action-border-color: var(--button-primary-border-color);--page-food-manager-action-text-color: var(--button-primary-text-color);--page-food-manager-action-shadow: var(--button-primary-shadow);--page-food-manager-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-color: var(--button-primary-color);--page-pills-action-hover-color: var(--button-primary-hover-color);--page-pills-action-border-color: var(--button-primary-border-color);--page-pills-action-text-color: var(--button-primary-text-color);--page-pills-action-shadow: var(--button-primary-shadow);--page-pills-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-radius: var(--button-primary-radius);--page-landing-action-color: var(--primary-color);--page-landing-action-hover-color: var(--primary-hover);--page-landing-action-border-color: var(--primary-color);--page-landing-action-hover-border-color: var(--primary-hover);--page-landing-action-text-color: var(--btn-accent-text);--component-chat-action-color: var(--button-primary-color);--component-chat-action-hover-color: var(--button-primary-hover-color);--component-chat-action-border-color: var(--button-primary-border-color);--component-chat-action-text-color: var(--button-primary-text-color);--component-chat-action-shadow: var(--button-primary-shadow);--component-chat-action-hover-shadow: var(--button-primary-hover-shadow);--component-chat-action-radius: var(--button-primary-radius);--adjustment-icon: #FFDE00;--adjustment-icon-glow: rgba(255, 222, 0, .4);--adjustment-color: #22d3ee;--adjustment-rgb: 34, 211, 238;--adjustment-glow: rgba(34, 211, 238, .4);--chart-seed-primary: #38bdf8;--chart-seed-secondary: #0891b2;--accent-blue: #4361ee;--accent-blue-light: rgba(67, 97, 238, .15);--accent-blue-glow: rgba(67, 97, 238, .3);--accent-primary: #4361ee;--accent-primary-dark: #3550d8;--accent-primary-rgb: 67, 97, 238;--overlay-grid: transparent;--btn-accent-text: #061A1D;--card-bg-overlay: rgba(255, 255, 255, .02);--card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .6);--primary-glow: 0 0 15px rgba(8, 145, 178, .3);--secondary-glow: 0 0 15px rgba(116, 192, 252, .2);--success-glow: 0 4px 12px rgba(34, 197, 94, .25);--warning-glow: 0 4px 12px rgba(245, 158, 11, .25);--info-glow: 0 4px 12px rgba(59, 130, 246, .25);--danger-glow: 0 4px 12px rgba(220, 38, 38, .25);--analysis-glow: 0 4px 12px rgba(139, 92, 246, .25);--toast-success-bg: rgba(16, 185, 129, .95);--toast-shadow: 0 10px 50px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);--toast-shadow-hover: 0 14px 60px rgba(0, 0, 0, .6), 0 6px 20px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .08);--toast-border: rgba(255, 255, 255, .08);--toast-icon-bg: rgba(255, 255, 255, .2);--toast-close-bg: rgba(255, 255, 255, .12);--toast-close-bg-hover: rgba(255, 255, 255, .2);--toast-close-color: rgba(255, 255, 255, .8);--toast-text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--toast-icon-shadow: 0 2px 8px rgba(0, 0, 0, .25);--toast-success-gradient: linear-gradient(135deg, rgba(16, 185, 129, .95) 0%, rgba(5, 150, 105, .95) 100%);--toast-success-border: rgba(16, 185, 129, .3);--toast-error-gradient: linear-gradient(135deg, rgba(239, 68, 68, .95) 0%, rgba(220, 38, 38, .95) 100%);--toast-error-border: rgba(239, 68, 68, .3);--toast-warning-gradient: linear-gradient(135deg, rgba(245, 158, 11, .95) 0%, rgba(217, 119, 6, .95) 100%);--toast-warning-border: rgba(245, 158, 11, .3);--toast-info-gradient: linear-gradient(135deg, rgba(59, 130, 246, .95) 0%, rgba(37, 99, 235, .95) 100%);--toast-info-border: rgba(59, 130, 246, .3);--secondary-color: #0891b2;--secondary-hover: #0e7490;--secondary-light: #06b6d4;--secondary-gradient: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--success-color: #22c55e;--success-hover: #16a34a;--success-light: #4ade80;--success-rgb: 34, 197, 94;--success-bg-light: rgba(34, 197, 94, .12);--danger-color: #ef4444;--danger-hover: #dc2626;--danger-light: #f87171;--danger-bg-light: rgba(239, 68, 68, .12);--warning-color: #f59e0b;--warning-hover: #d97706;--warning-light: #fbbf24;--info-color: #3b82f6;--info-hover: #2563eb;--info-light: #60a5fa;--icon-sun-color: #fbbf24;--icon-moon-oled-color: #cbd5e1;--icon-moon-body-color: #f8fafc;--icon-moon-crater-color: rgba(148, 163, 184, .9);--icon-moon-star-color: rgba(255, 255, 255, .82);--shimmer-base: rgba(255, 255, 255, .1);--shimmer-highlight: rgba(255, 255, 255, .4);--shimmer-glow: rgba(255, 255, 255, .5);--white-alpha-01: rgba(255, 255, 255, .01);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-03: rgba(255, 255, 255, .03);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-12: rgba(255, 255, 255, .12);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-45: rgba(255, 255, 255, .45);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--black-alpha-02: rgba(0, 0, 0, .02);--black-alpha-03: rgba(0, 0, 0, .03);--black-alpha-04: rgba(0, 0, 0, .04);--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-08: rgba(0, 0, 0, .08);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-18: rgba(0, 0, 0, .18);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-24: rgba(0, 0, 0, .24);--black-alpha-28: rgba(0, 0, 0, .28);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-56: rgba(0, 0, 0, .56);--focus-outline-color: rgba(21, 163, 255, .58);--text-on-glass-strong: #ffffff;--text-on-glass-medium: rgba(255, 255, 255, .85);--text-on-glass-light: rgba(255, 255, 255, .7);--chart-1: #38bdf8;--chart-2: #a78bfa;--chart-3: #34d399;--chart-4: #6366f1;--chart-5: #d946ef;--chart-6: #f43f5e;--chart-7: #fb923c;--chart-8: #facc15;--chart-9: #22d3ee;--chart-10: #94a3b8;--spinner-border: #30363d;--success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--info-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--info-bg-light: rgba(59, 130, 246, .12);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-surface: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-secondary: rgba(255, 255, 255, .05);--glass-bg-tertiary: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .2);--glass-border-light: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-shadow-heavy: 0 1rem 2rem rgba(0, 0, 0, .1);--glass-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);--glass-gradient: linear-gradient(135deg, var(--glass-bg), var(--glass-bg-secondary));--backdrop-blur: blur(10px);--backdrop-blur-light: blur(5px);--sidebar-text-primary: rgba(255, 255, 255, .95);--sidebar-text-secondary: rgba(255, 255, 255, .6);--sidebar-icon-color: rgba(255, 255, 255, .85);--sidebar-icon-hover: #ffffff;--sidebar-icon-active: #4cc9f0;--sidebar-nav-indicator: #ffffff;--sidebar-indicator-glow: rgba(76, 201, 240, .4);--mobile-menu-text-primary: var(--sidebar-text-primary);--mobile-menu-text-secondary: var(--sidebar-text-secondary);--mobile-menu-icon: var(--sidebar-icon-color);--mobile-menu-icon-active: var(--sidebar-icon-active);--mobile-menu-toggle-bg: color-mix(in srgb, var(--bg-card) 90%, transparent);--mobile-menu-toggle-border: var(--primary-alpha-20);--mobile-menu-backdrop: var(--black-alpha-56);--mobile-menu-shell-bg: radial-gradient(circle at top left, var(--primary-alpha-20) 0%, transparent 32%), radial-gradient(circle at top right, color-mix(in srgb, var(--success-color) 10%, transparent) 0%, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 96%, transparent) 0%, color-mix(in srgb, var(--bg-primary) 100%, transparent) 100%);--mobile-menu-surface-bg: linear-gradient(180deg, var(--white-alpha-08) 0%, var(--white-alpha-04) 100%);--mobile-menu-surface-border: var(--white-alpha-08);--mobile-menu-card-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 94%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 78%, transparent) 100%);--mobile-menu-card-hover-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 98%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 88%, transparent) 100%);--mobile-menu-card-active-bg: linear-gradient(180deg, var(--primary-alpha-20) 0%, var(--primary-alpha-10) 100%);--mobile-menu-card-border: var(--white-alpha-08);--mobile-menu-card-active-border: var(--primary-alpha-40);--mobile-menu-icon-chip-bg: var(--white-alpha-04);--mobile-menu-icon-chip-border: var(--white-alpha-05);--mobile-menu-dock-bg: var(--white-alpha-04);--mobile-menu-dock-border: var(--white-alpha-08);--mobile-menu-fade-bg: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-primary) 88%, transparent) 24%, color-mix(in srgb, var(--bg-primary) 98%, transparent) 100%);--mobile-menu-hero-brand-text: color-mix(in srgb, var(--text-primary) 92%, var(--primary-color) 8%);--mobile-menu-hero-brand-shadow: rgba(0, 0, 0, .42);--mobile-menu-hero-start: color-mix(in srgb, var(--bg-card) 74%, var(--primary-color) 26%);--mobile-menu-hero-mid: color-mix(in srgb, var(--bg-secondary) 66%, var(--primary-color) 34%);--mobile-menu-hero-end: color-mix(in srgb, var(--bg-card) 78%, var(--success-color) 22%);--mobile-menu-hero-veil: color-mix(in srgb, var(--primary-color) 13%, transparent);--mobile-menu-hero-wash: color-mix(in srgb, var(--bg-primary) 90%, var(--bg-secondary) 10%);--mobile-menu-hero-edge: var(--white-alpha-08);--mobile-menu-hero-dot: var(--white-alpha-20);--mobile-menu-hero-orb: color-mix(in srgb, var(--primary-color) 10%, transparent);--mobile-menu-hero-orb-shadow: color-mix(in srgb, var(--primary-color) 12%, transparent);--mobile-menu-hero-shadow: rgba(0, 0, 0, .34);--mobile-menu-avatar-border: color-mix(in srgb, var(--text-primary) 68%, var(--bg-card));--mobile-menu-avatar-text: var(--text-primary);--glass-text-primary: var(--text-primary);--glass-text-secondary: var(--text-secondary);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .24);--modal-overlay: rgba(0, 0, 0, .5);--modal-border: var(--border-color);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .6);--glass-modal-bg: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .08));--glass-modal-border: rgba(255, 255, 255, .15);--glass-modal-shadow: 0 32px 64px rgba(0, 0, 0, .4), 0 16px 32px rgba(0, 0, 0, .2);--glass-modal-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);--glass-modal-blur: blur(25px);--glass-modal-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));--glass-modal-footer-bg: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));--glass-modal-header-border: rgba(255, 255, 255, .08);--glass-modal-sep: rgba(255, 255, 255, .2);--glass-modal-text: #ffffff;--glass-modal-text-secondary: rgba(255, 255, 255, .7);--glass-modal-input-bg: rgba(255, 255, 255, .08);--glass-modal-input-border: rgba(255, 255, 255, .12);--sidebar-bg-gradient: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);--sidebar-border-color: var(--glass-border);--lang-dropdown-bg: var(--glass-bg-primary);--lang-dropdown-border: var(--glass-border);--lang-dropdown-text: var(--glass-text-primary);--lang-dropdown-hover-bg: var(--glass-bg-hover);--lang-dropdown-active-bg: var(--primary-alpha-20);--lang-dropdown-active-text: var(--glass-text-primary);--chart-empty-point-color: #475569;--chart-trend-label-bg: rgba(56, 189, 248, .12);--preview-light-bg: linear-gradient(180deg, #eef3f5 0%, #dce4e8 100%);--preview-light-panel: rgba(255, 255, 255, .82);--preview-light-border: rgba(118, 134, 150, .24);--preview-light-accent: #0f766e;--preview-light-muted: rgba(88, 105, 122, .2);--preview-soft-bg: linear-gradient(180deg, #2f3136 0%, #26282d 100%);--preview-soft-panel: rgba(255, 255, 255, .05);--preview-soft-border: rgba(255, 255, 255, .08);--preview-soft-accent: #e8eaed;--preview-soft-muted: rgba(255, 255, 255, .08);--preview-oled-bg: linear-gradient(180deg, #0d1117 0%, #090b12 100%);--preview-oled-panel: rgba(255, 255, 255, .04);--preview-oled-border: rgba(255, 255, 255, .08);--preview-oled-accent: #15a3ff;--preview-oled-muted: rgba(255, 255, 255, .08);--kue-chat-helper-text: var(--text-on-glass-medium);--kue-chat-secondary-button-bg: color-mix(in srgb, var(--bg-card) 82%, var(--bg-panel));--kue-chat-secondary-button-border: color-mix(in srgb, var(--border-light) 86%, transparent);--kue-chat-secondary-button-text: #ffffff;--kue-chat-secondary-button-hover-bg: color-mix(in srgb, var(--bg-active) 90%, var(--bg-card));--kue-chat-secondary-button-hover-text: #ffffff;--kue-chat-primary-button-border: var(--component-chat-action-border-color);--kue-chat-primary-button-bg: var(--component-chat-action-color);--kue-chat-primary-button-text: var(--component-chat-action-text-color);--kue-chat-primary-button-shadow: var(--component-chat-action-shadow);--kue-chat-primary-button-hover-shadow: var(--component-chat-action-hover-shadow);--kue-bubble-ring-bg: var(--bg-primary);--kue-bubble-ring-color: color-mix(in srgb, #38bdf8 76%, #0d1117);--kue-bubble-ring-highlight: color-mix(in srgb, #bae6fd 70%, #38bdf8);--kue-chat-review-surface-bg: color-mix(in srgb, var(--bg-card) 94%, var(--bg-panel));--kue-chat-review-surface-border: color-mix(in srgb, #1D4A65 28%, var(--border-light));--kue-chat-review-option-bg: color-mix(in srgb, #121826 78%, #182233);--kue-chat-review-option-border: color-mix(in srgb, var(--border-light) 84%, transparent);--kue-chat-review-option-hover-bg: color-mix(in srgb, #121826 54%, #173448);--kue-chat-review-option-hover-border: color-mix(in srgb, #1D4A65 72%, var(--border-light));--kue-chat-review-option-selected-bg: linear-gradient(180deg, color-mix(in srgb, #1D4A65 28%, #182233), color-mix(in srgb, #121826 84%, #1c2435));--kue-chat-review-option-selected-border: #2e7ba3;--kue-chat-review-option-selected-accent: #2e7ba3;--kue-chat-review-option-custom-bg: color-mix(in srgb, #121826 70%, #173448);--kue-chat-review-card-bg: color-mix(in srgb, #121826 88%, #172131);--kue-chat-review-card-border: color-mix(in srgb, var(--border-light) 82%, transparent);--kue-chat-review-empty-border: color-mix(in srgb, #1D4A65 42%, var(--border-light));--kue-chat-review-title: #ffffff;--kue-chat-review-copy: var(--text-on-glass-medium);--kue-chat-review-trigger-bg: color-mix(in srgb, #121826 72%, #173448);--kue-chat-review-trigger-border: color-mix(in srgb, #1D4A65 58%, var(--border-light));--kue-chat-review-trigger-text: #ffffff;--kue-chat-review-trigger-hover-bg: color-mix(in srgb, #121826 56%, #173448);--kue-chat-review-input-bg: color-mix(in srgb, #0f1520 90%, transparent);--kue-chat-review-input-border: color-mix(in srgb, var(--border-light) 82%, transparent);--kue-chat-review-input-text: #ffffff;--kue-chat-review-placeholder: var(--text-on-glass-light);--kue-chat-review-focus-outline: color-mix(in srgb, #2e7ba3 55%, transparent);--kue-chat-review-focus-border: #2e7ba3;--kue-chat-review-assistant-bg: color-mix(in srgb, #121826 58%, #1b3550);--kue-chat-review-assistant-border: color-mix(in srgb, #1D4A65 44%, var(--border-light));--kue-chat-review-user-bg: color-mix(in srgb, #1D4A65 32%, #142434);--kue-chat-review-user-border: color-mix(in srgb, #2e7ba3 44%, var(--border-light));--kue-chat-user-bubble-bg: linear-gradient(180deg, color-mix(in srgb, #1D4A65 58%, rgba(255, 255, 255, .04)), color-mix(in srgb, #1D4A65 86%, rgba(5, 12, 20, .12)));--kue-chat-user-bubble-border: color-mix(in srgb, #1D4A65 68%, var(--border-light));--kue-chat-user-bubble-text: #ffffff;--kue-chat-image-shell-border: var(--border-light);--kue-chat-image-frame-border: rgba(255, 255, 255, .92);--danger-dialog-warning-icon: #f59e0b;--danger-dialog-danger-icon: #ef4444;--danger-dialog-title: #e2e8f0;--danger-dialog-danger-title: #f87171;--danger-dialog-text: #94A3B8;--danger-dialog-label: #CBD5E1;--danger-dialog-input-bg: rgba(255, 255, 255, .04);--danger-dialog-input-border: rgba(255, 255, 255, .14);--danger-dialog-input-text: #CBD5E1;--danger-dialog-cancel-bg: rgba(255, 255, 255, .06);--danger-dialog-cancel-text: #CBD5E1;--danger-dialog-cancel-border: rgba(255, 255, 255, .14);--danger-dialog-confirm-bg: #dc3545;--danger-dialog-confirm-text: #ffffff;--danger-dialog-disabled-bg: #475569;--compare-card-bg: rgba(255, 255, 255, .03);--compare-card-border: rgba(255, 255, 255, .07);--compare-best-bg: rgba(34, 197, 94, .2);--compare-best-text: #22c55e;--compare-best-shadow: 0 0 20px rgba(34, 197, 94, .3);--compare-empty-bg: #000000;--compare-empty-border: rgba(255, 255, 255, .03);--compare-accent-rgb: 139, 92, 246;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-heavy: 0 12px 30px rgba(0, 0, 0, .6);--shadow-light: rgba(0, 0, 0, .2);--shadow-primary: 0 4px 14px 0 rgba(8, 145, 178, .4);--shadow-primary-hover: 0 6px 20px rgba(8, 145, 178, .3);--shadow-accent: 0 2px 8px rgba(56, 189, 248, .3);--shadow-accent-hover: 0 4px 16px rgba(56, 189, 248, .4);--shadow-accent-focus: 0 0 0 2px rgba(56, 189, 248, .15);--shadow-modal-heavy: 0 32px 64px rgba(0, 0, 0, .6), 0 16px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .4);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .2);--view-search-section-shadow: 0 8px 30px rgba(0, 0, 0, .6);--view-search-overlay-shadow: 0 8px 30px rgba(0, 0, 0, .6);--view-search-input-focus-shadow: 0 0 0 2px rgba(8, 145, 178, .2);--view-spinner-border-color: rgba(67, 97, 238, .1);--view-search-btn-hover-shadow: 0 8px 16px rgba(34, 211, 238, .3);--view-reset-all-bg: var(--primary-bg-light);--view-reset-all-text: var(--primary-light);--view-reset-all-border: 1px solid rgba(34, 211, 238, .2);--view-results-info-bg: var(--primary-bg-light);--view-results-info-border: 1px solid rgba(34, 211, 238, .2);--view-custom-foods-btn-shadow-1: 0 4px 12px rgba(20, 184, 166, .3);--view-custom-foods-btn-shadow-2: 0 2px 4px rgba(0, 0, 0, .4);--view-custom-foods-btn-glare: linear-gradient(180deg, rgba(255, 255, 255, .15) 0%, transparent 100%);--view-custom-foods-btn-icon-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));--view-master-list-border-color: var(--border-color);--view-master-list-shadow: 0 8px 30px rgba(0, 0, 0, .6);--view-table-border-soft: 2px solid rgba(255, 255, 255, .02);--view-table-col-shadow: 2px 0 4px rgba(0, 0, 0, .1);--view-table-row-selected-bg: linear-gradient(90deg, rgba(67, 97, 238, .08), rgba(67, 97, 238, .04));--view-table-row-selected-name-bg: rgba(67, 97, 238, .05);--view-detail-panel-border-color: var(--border-color);--view-detail-panel-shadow: 0 8px 32px rgba(0, 0, 0, .6);--view-calories-glow: 0 0 15px rgba(59, 130, 246, .3);--view-nutrient-header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--view-glass-modal-border: var(--border-color);--view-glass-modal-shadow: 0 1rem 2rem rgba(0, 0, 0, .8);--view-glass-modal-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--view-glass-header-border: var(--border-dim);--view-glass-tab-active-bg: linear-gradient(135deg, rgba(8, 145, 178, .25), rgba(8, 145, 178, .1));--view-glass-tab-active-border: var(--primary-color);--view-glass-stat-bg: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--view-glass-stat-border: var(--border-color);--view-glass-stat-hover: rgba(255, 255, 255, .08);--view-glass-cal-bg: linear-gradient(135deg, rgba(239, 68, 68, .1), rgba(239, 68, 68, .05));--view-glass-cal-border: var(--danger-color);--view-toast-success-bg: var(--success-color);--view-loading-more-bg: var(--bg-panel);--view-error-bg: var(--danger-bg-light);--view-btn-focus-glow: var(--primary-bg-light);--grade-a-plus: #00ff9d;--grade-a: #00ff9d;--grade-b-plus: #00e1ff;--grade-b: #00e1ff;--grade-c: #ffcc00;--grade-d: #ff3c00;--grade-f: #ff0000;--grade-bg-a: rgba(0, 255, 157, .15);--grade-bg-b: rgba(0, 225, 255, .15);--grade-bg-c: rgba(255, 204, 0, .15);--grade-bg-d: rgba(255, 60, 0, .15);--grade-bg-alpha: .15;--grid-toolbar-bg: var(--bg-floor);--grid-toolbar-border: var(--border-color);--grid-btn-border: var(--border-color);--grid-btn-bg: var(--bg-panel);--grid-btn-text: var(--text-primary);--grid-btn-hover-bg: var(--bg-active);--grid-btn-hover-border: var(--border-light);--grid-btn-hover-text: var(--text-primary);--grid-btn-active-bg: var(--primary-color);--grid-btn-active-hover-bg: var(--primary-hover);--grid-btn-active-text: var(--text-inverse);--grid-bg-secondary: var(--bg-secondary);--grid-scrollbar-thumb: var(--border-dark);--grid-scrollbar-track: var(--bg-secondary);--grid-scrollbar-corner: var(--bg-secondary);--grid-scrollbar-border: var(--bg-secondary);--grid-table-bg: transparent;--grid-table-border: var(--border-color);--grid-header-bg: #0a0c10;--grid-header-shadow: 0 2px 8px rgba(0, 0, 0, .5);--grid-header-text: var(--text-secondary);--grid-header-hover-bg: var(--bg-hover);--grid-header-selected-bg: var(--bg-hover);--grid-header-selected-text: var(--primary-color);--grid-row-bg: transparent;--grid-row-border: var(--border-color);--grid-row-hover-bg: rgba(8, 145, 178, .08);--grid-row-hover-text: var(--text-primary);--grid-row-selected-bg: #172554;--grid-row-selected-text: #93c5fd;--grid-row-selected-border: #3b82f6;--grid-row-even-bg: rgba(14, 19, 31, .3);--grid-row-even-hover-bg: rgba(22, 27, 41, .5);--grid-intersection-bg: #EAB308;--grid-intersection-text: #000000;--grid-sticky-shadow: 2px 0 8px rgba(0, 0, 0, .6);--grid-resize-handle-hover: var(--primary-color);--grid-resize-handle-active: var(--primary-hover);--grid-no-results-icon: var(--text-tertiary);--grid-badge-bg: var(--bg-panel);--grid-badge-border: var(--border-color);--grid-badge-text: var(--text-secondary);--grid-badge-sep: var(--border-dim);--grid-load-more-bg: var(--bg-panel);--auth-backdrop-bg: rgba(0, 0, 0, .4);--auth-modal-bg: rgba(9, 11, 18, .85);--auth-modal-border: var(--border-color);--auth-modal-shadow: 0 20px 40px rgba(0, 0, 0, .8);--auth-close-btn-bg: rgba(255, 255, 255, .04);--auth-close-btn-border: rgba(255, 255, 255, .08);--auth-close-btn-text: var(--text-secondary);--auth-input-bg: rgba(0, 0, 0, .3);--auth-input-border: var(--border-color);--auth-input-text: var(--text-primary);--auth-label-color: var(--text-tertiary);--auth-divider-line: var(--border-dim);--auth-switch-text: var(--text-secondary);--cfm-backdrop: rgba(0, 0, 0, .4);--cfm-modal-bg: #151A20;--cfm-modal-border: #252D38;--cfm-modal-shadow: 0 25px 50px rgba(0, 0, 0, .5);--cfm-item-bg: #1A2028;--cfm-item-hover-bg: #222A35;--cfm-item-hover-border: #2E3845;--cfm-item-name: #E6EEF3;--cfm-item-meta: #64748B;--cfm-delete-bg: rgba(248, 113, 113, .1);--cfm-delete-icon: #F87171;--cfm-footer-bg: #0D1015;--cfm-footer-border: #252D38;--cfm-input-bg: #1A2028;--cfm-input-border: #252D38;--cfm-input-text: #E6EEF3;--cfm-json-bg: rgba(34, 211, 238, .06);--cfm-json-border: rgba(34, 211, 238, .1);--cfm-secondary-btn-bg: #1A2028;--cfm-secondary-btn-text: #E6EEF3;--compare-toolbar-shadow: 0 4px 16px rgba(0, 0, 0, .4);--compare-badge-shadow: 0 4px 12px rgba(8, 145, 178, .3);--compare-btn-shadow: 0 4px 12px rgba(0, 0, 0, .3);--compare-table-border: var(--border-color);--compare-header-bg: var(--bg-secondary);--compare-cell-bg: var(--bg-tertiary);--compare-empty-slot-bg: linear-gradient(135deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .05) 100%);--compare-best-bg: linear-gradient(135deg, rgba(34, 197, 94, .15) 0%, rgba(34, 197, 94, .08) 100%);--compare-best-text: #4ade80;--compare-best-shadow: inset 3px 0 0 0 rgba(34, 197, 94, .6);--landing-hero-bg: linear-gradient(135deg, #000000 0%, #090B12 50%, #000000 100%);--landing-card-bg: linear-gradient(135deg, rgba(30, 41, 59, .4), rgba(15, 23, 42, .2));--landing-card-border: var(--border-color);--landing-card-shadow: 0 12px 40px rgba(0, 0, 0, .6);--landing-card-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);--landing-card-glow: 0 0 0 1px rgba(8, 145, 178, .15);--srv-modal-overlay: rgba(0, 0, 0, .85);--srv-modal-bg: #0d1117;--srv-modal-shadow: 0 1rem 2rem rgba(0, 0, 0, .5);--srv-modal-text: var(--text-primary);--srv-modal-content-text: var(--text-secondary);--srv-modal-close-hover: rgba(255, 255, 255, .05)}:root.dark.theme-soft{--bg-floor: #1F1F1F;--bg-panel: #28292c;--bg-card: #303134;--bg-active: #3c4043;--border-color: #3c4043;--border-light: rgba(255, 255, 255, .1);--border-dim: rgba(255, 255, 255, .03);--border-dark: #5f6368;--text-primary: #E8EAED;--text-primary-rgb: 232, 234, 237;--text-secondary: #9AA0A6;--text-tertiary: #70757a;--text-muted: var(--text-tertiary);--text-disabled: #5f6368;--bg-hover: rgba(255, 255, 255, .04);--modal-bg: #2d2e31;--gray-100: #202124;--gray-300: #3c4043;--gray-400: #5f6368;--glass-bg-primary: rgba(45, 46, 49, .95);--glass-bg-light: rgba(45, 46, 49, .88);--bg-primary: var(--bg-floor);--bg-secondary: var(--bg-panel);--bg-panel-rgb: 40, 41, 44;--bg-tertiary: var(--bg-card);--bg-card-rgb: 48, 49, 52;--bg-elevated: var(--bg-panel);--blocker-bg: #28292c;--bg-disabled: var(--bg-floor);--text-inverse: #000000;--text-on-primary: #202124;--gray-700: #8b949e;--gray-900: #f0f6fc;--border-focus: #0891b2;--accent-purple: #A78BFA;--accent-purple-glow: rgba(167, 139, 250, .3);--primary-color: #E8EAED;--primary-hover: #FFFFFF;--primary-light: #F8F9FA;--primary-dark: #BDC1C6;--primary-rgb: 232, 234, 237;--primary-alpha-10: rgba(var(--primary-rgb), .1);--primary-alpha-20: rgba(var(--primary-rgb), .2);--primary-alpha-30: rgba(var(--primary-rgb), .3);--primary-alpha-40: rgba(var(--primary-rgb), .4);--primary-alpha-50: rgba(var(--primary-rgb), .5);--primary-gradient: linear-gradient(135deg, #E8EAED 0%, #FFFFFF 100%);--primary-bg-light: rgba(99, 102, 241, .1);--brand-primary-color: var(--primary-color);--brand-primary-gradient: var(--primary-gradient);--brand-primary-text-color: var(--text-inverse);--brand-primary-dark-color: var(--primary-dark);--brand-primary-soft-color: var(--primary-bg-light);--brand-secondary-color: var(--secondary-color);--brand-secondary-light-color: var(--secondary-light);--brand-secondary-gradient: var(--secondary-gradient);--icon-primary-color: var(--primary-color);--badge-primary-color: var(--primary-color);--badge-primary-gradient: var(--primary-gradient);--badge-primary-text-color: var(--text-on-primary);--badge-primary-inverse-text-color: var(--text-inverse);--indicator-primary-color: var(--primary-color);--indicator-primary-alpha-20: var(--primary-alpha-20);--indicator-primary-alpha-30: var(--primary-alpha-30);--indicator-primary-success-gradient: linear-gradient(90deg, var(--primary-color), var(--success-light));--progress-primary-color: var(--primary-color);--progress-primary-gradient: linear-gradient(90deg, var(--primary-color), var(--secondary-color));--illustration-primary-color: var(--primary-color);--illustration-primary-rgb: var(--primary-rgb);--loading-primary-color: var(--primary-color);--button-primary-color: var(--app-action-button-bg);--button-primary-hover-color: var(--app-action-button-hover-bg);--button-primary-border-color: var(--app-action-button-border);--button-primary-text-color: var(--app-action-button-text);--button-primary-shadow: var(--app-action-button-shadow);--button-primary-hover-shadow: var(--app-action-button-hover-shadow);--button-primary-radius: var(--app-action-button-radius);--button-secondary-color: color-mix(in srgb, var(--bg-active) 54%, var(--bg-primary));--button-secondary-hover-color: var(--app-action-button-hover-bg);--button-secondary-border-color: color-mix(in srgb, var(--app-action-button-border) 62%, var(--border-color));--button-secondary-text-color: var(--app-action-button-text);--button-secondary-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--toggle-selected-color: var(--primary-color);--toggle-selected-border-color: var(--primary-color);--checkbox-selected-color: var(--primary-color);--checkbox-selected-border-color: var(--primary-color);--checkbox-selected-mark-color: var(--text-on-primary);--input-focus-border-color: var(--primary-color);--input-focus-ring-color: color-mix(in srgb, var(--primary-color) 18%, transparent);--input-focus-soft-color: var(--primary-alpha-10);--input-focus-border-soft-color: var(--primary-alpha-30);--control-accent-color: var(--primary-color);--option-highlight-color: color-mix(in srgb, var(--primary-color) 16%, transparent);--option-selected-color: color-mix(in srgb, var(--primary-color) 24%, transparent);--page-home-accent-color: var(--primary-color);--page-home-accent-hover-color: var(--primary-hover);--page-home-accent-light-color: var(--primary-light);--page-home-accent-dark-color: var(--primary-dark);--page-home-accent-soft-color: var(--primary-bg-light);--page-home-accent-rgb: var(--primary-rgb);--page-home-accent-alpha-10: var(--primary-alpha-10);--page-home-accent-alpha-20: var(--primary-alpha-20);--page-home-accent-alpha-30: var(--primary-alpha-30);--page-home-accent-alpha-40: var(--primary-alpha-40);--page-home-secondary-accent-color: var(--brand-secondary-color);--page-view-accent-color: var(--primary-color);--page-view-accent-light-color: var(--primary-light);--page-view-accent-soft-color: var(--primary-bg-light);--page-view-accent-rgb: var(--primary-rgb);--page-landing-accent-color: var(--primary-color);--page-landing-accent-hover-color: var(--primary-hover);--page-landing-accent-light-color: var(--primary-light);--page-landing-accent-dark-color: var(--primary-dark);--page-landing-secondary-accent-color: var(--brand-secondary-color);--page-landing-secondary-accent-light-color: var(--brand-secondary-light-color);--page-appearance-accent-color: var(--primary-color);--page-appearance-accent-alpha-10: var(--primary-alpha-10);--page-appearance-accent-alpha-20: var(--primary-alpha-20);--page-profile-accent-color: var(--primary-color);--page-profile-accent-hover-color: var(--primary-hover);--page-profile-accent-rgb: var(--primary-rgb);--page-profile-accent-alpha-10: var(--primary-alpha-10);--page-profile-accent-alpha-20: var(--primary-alpha-20);--page-profile-secondary-accent-color: var(--brand-secondary-color);--page-profile-secondary-accent-gradient: var(--brand-secondary-gradient);--page-food-manager-accent-color: var(--primary-color);--page-food-manager-accent-hover-color: var(--primary-hover);--page-food-manager-accent-light-color: var(--primary-light);--page-food-manager-accent-soft-color: var(--primary-bg-light);--page-pills-accent-color: var(--primary-color);--page-pills-accent-rgb: var(--primary-rgb);--page-pills-accent-alpha-10: var(--primary-alpha-10);--page-pills-accent-alpha-20: var(--primary-alpha-20);--page-pills-accent-alpha-30: var(--primary-alpha-30);--component-chat-accent-color: var(--primary-color);--component-chat-accent-soft-color: var(--primary-bg-light);--component-sidebar-accent-color: var(--primary-color);--component-sidebar-accent-hover-color: var(--primary-hover);--component-sidebar-accent-dark-color: var(--primary-dark);--component-sidebar-accent-gradient: var(--primary-gradient);--component-sidebar-accent-soft-color: var(--primary-bg-light);--page-compare-accent-color: var(--primary-color);--page-compare-accent-alpha-10: var(--primary-alpha-10);--page-compare-accent-alpha-20: var(--primary-alpha-20);--page-compare-accent-alpha-30: var(--primary-alpha-30);--page-voice-accent-color: var(--primary-color);--page-voice-accent-light-color: var(--primary-light);--page-voice-accent-dark-color: var(--primary-dark);--component-structured-review-accent-color: var(--primary-color);--component-structured-review-accent-soft-color: var(--primary-bg-light);--component-structured-review-accent-glow: var(--primary-glow);--component-nutrient-preferences-accent-color: var(--primary-color);--component-nutrient-preferences-accent-soft-color: var(--primary-bg-light);--page-home-action-color: var(--button-primary-color);--page-home-action-hover-color: var(--button-primary-hover-color);--page-home-action-border-color: var(--button-primary-border-color);--page-home-action-text-color: var(--button-primary-text-color);--page-home-action-shadow: var(--button-primary-shadow);--page-home-action-hover-shadow: var(--button-primary-hover-shadow);--page-home-action-radius: var(--button-primary-radius);--page-view-action-color: var(--button-primary-color);--page-view-action-hover-color: var(--button-primary-hover-color);--page-view-action-border-color: var(--button-primary-border-color);--page-view-action-text-color: var(--button-primary-text-color);--page-view-action-shadow: var(--button-primary-shadow);--page-view-action-hover-shadow: var(--button-primary-hover-shadow);--page-profile-action-color: var(--button-primary-color);--page-profile-action-border-color: var(--button-primary-border-color);--page-profile-action-text-color: var(--button-primary-text-color);--page-profile-action-shadow: var(--button-primary-shadow);--page-food-manager-action-color: var(--button-primary-color);--page-food-manager-action-hover-color: var(--button-primary-hover-color);--page-food-manager-action-border-color: var(--button-primary-border-color);--page-food-manager-action-text-color: var(--button-primary-text-color);--page-food-manager-action-shadow: var(--button-primary-shadow);--page-food-manager-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-color: var(--button-primary-color);--page-pills-action-hover-color: var(--button-primary-hover-color);--page-pills-action-border-color: var(--button-primary-border-color);--page-pills-action-text-color: var(--button-primary-text-color);--page-pills-action-shadow: var(--button-primary-shadow);--page-pills-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-radius: var(--button-primary-radius);--page-landing-action-color: var(--primary-color);--page-landing-action-hover-color: var(--primary-hover);--page-landing-action-border-color: var(--primary-color);--page-landing-action-hover-border-color: var(--primary-hover);--page-landing-action-text-color: var(--btn-accent-text);--component-chat-action-color: var(--button-primary-color);--component-chat-action-hover-color: var(--button-primary-hover-color);--component-chat-action-border-color: var(--button-primary-border-color);--component-chat-action-text-color: var(--button-primary-text-color);--component-chat-action-shadow: var(--button-primary-shadow);--component-chat-action-hover-shadow: var(--button-primary-hover-shadow);--component-chat-action-radius: var(--button-primary-radius);--device-mobile-home-log-food-button-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-log-food-button-hover-color: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--device-mobile-home-log-food-button-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-log-food-button-text-color: #ffffff;--device-mobile-home-log-food-button-shadow: 0 4px 12px rgba(15, 118, 110, .22);--device-mobile-home-log-food-button-hover-shadow: 0 6px 16px rgba(15, 118, 110, .28);--device-mobile-home-daylog-selected-tab-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-daylog-selected-tab-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-daylog-selected-tab-text-color: #ffffff;--device-mobile-home-daylog-selected-tab-shadow: 0 3px 10px rgba(15, 118, 110, .22);--adjustment-icon: #F59E0B;--adjustment-icon-glow: rgba(245, 158, 11, .3);--adjustment-color: #0ea5e9;--adjustment-rgb: 14, 165, 233;--adjustment-glow: rgba(14, 165, 233, .2);--chart-seed-primary: #E8EAED;--chart-seed-secondary: #9AA0A6;--accent-blue: #4361ee;--accent-blue-light: rgba(67, 97, 238, .15);--accent-blue-glow: rgba(67, 97, 238, .3);--accent-primary: #4361ee;--accent-primary-dark: #3550d8;--accent-primary-rgb: 67, 97, 238;--overlay-grid: transparent;--btn-accent-text: #202124;--card-bg-overlay: rgba(255, 255, 255, .02);--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .5);--primary-glow: 0 0 15px rgba(255, 255, 255, .15);--secondary-glow: 0 0 15px rgba(255, 255, 255, .08);--success-glow: 0 4px 12px rgba(34, 197, 94, .25);--warning-glow: 0 4px 12px rgba(245, 158, 11, .25);--info-glow: 0 4px 12px rgba(59, 130, 246, .25);--danger-glow: 0 4px 12px rgba(220, 38, 38, .25);--analysis-glow: 0 4px 12px rgba(139, 92, 246, .25);--toast-success-bg: rgba(16, 185, 129, .95);--toast-shadow: 0 10px 50px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);--toast-shadow-hover: 0 14px 60px rgba(0, 0, 0, .6), 0 6px 20px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .08);--toast-border: rgba(255, 255, 255, .08);--toast-icon-bg: rgba(255, 255, 255, .2);--toast-close-bg: rgba(255, 255, 255, .12);--toast-close-bg-hover: rgba(255, 255, 255, .2);--toast-close-color: rgba(255, 255, 255, .8);--toast-text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--toast-icon-shadow: 0 2px 8px rgba(0, 0, 0, .25);--toast-success-gradient: linear-gradient(135deg, rgba(16, 185, 129, .95) 0%, rgba(5, 150, 105, .95) 100%);--toast-success-border: rgba(16, 185, 129, .3);--toast-error-gradient: linear-gradient(135deg, rgba(239, 68, 68, .95) 0%, rgba(220, 38, 38, .95) 100%);--toast-error-border: rgba(239, 68, 68, .3);--toast-warning-gradient: linear-gradient(135deg, rgba(245, 158, 11, .95) 0%, rgba(217, 119, 6, .95) 100%);--toast-warning-border: rgba(245, 158, 11, .3);--toast-info-gradient: linear-gradient(135deg, rgba(59, 130, 246, .95) 0%, rgba(37, 99, 235, .95) 100%);--toast-info-border: rgba(59, 130, 246, .3);--secondary-color: #5F6368;--secondary-hover: #9AA0A6;--secondary-light: #E8EAED;--secondary-gradient: linear-gradient(135deg, #5F6368 0%, #9AA0A6 100%);--success-color: #22c55e;--success-hover: #16a34a;--success-light: #4ade80;--success-rgb: 34, 197, 94;--success-bg-light: rgba(34, 197, 94, .12);--danger-color: #ef4444;--danger-hover: #dc2626;--danger-light: #f87171;--danger-bg-light: rgba(239, 68, 68, .12);--warning-color: #f59e0b;--warning-hover: #d97706;--warning-light: #fbbf24;--info-color: #3b82f6;--info-hover: #2563eb;--info-light: #60a5fa;--icon-sun-color: #fbbf24;--icon-moon-oled-color: #9AA0A6;--icon-moon-body-color: #f8fafc;--icon-moon-crater-color: rgba(148, 163, 184, .9);--icon-moon-star-color: rgba(255, 255, 255, .82);--shimmer-base: rgba(255, 255, 255, .1);--shimmer-highlight: rgba(255, 255, 255, .4);--shimmer-glow: rgba(255, 255, 255, .5);--white-alpha-01: rgba(255, 255, 255, .01);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-03: rgba(255, 255, 255, .03);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-12: rgba(255, 255, 255, .12);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-45: rgba(255, 255, 255, .45);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--black-alpha-02: rgba(0, 0, 0, .02);--black-alpha-03: rgba(0, 0, 0, .03);--black-alpha-04: rgba(0, 0, 0, .04);--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-08: rgba(0, 0, 0, .08);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-18: rgba(0, 0, 0, .18);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-24: rgba(0, 0, 0, .24);--black-alpha-28: rgba(0, 0, 0, .28);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-56: rgba(0, 0, 0, .56);--focus-outline-color: rgba(232, 234, 237, .6);--text-on-glass-strong: #ffffff;--text-on-glass-medium: rgba(255, 255, 255, .85);--text-on-glass-light: rgba(255, 255, 255, .7);--chart-1: #8ab4f8;--chart-2: #f28b82;--chart-3: #fde293;--chart-4: #81c995;--chart-5: #78d9ec;--chart-6: #d7aefb;--chart-7: #ffad70;--chart-8: #ff8bcb;--chart-9: #4db6ac;--chart-10: #bdc1c6;--spinner-border: #30363d;--success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--info-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--info-bg-light: rgba(59, 130, 246, .12);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-surface: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-secondary: rgba(255, 255, 255, .05);--glass-bg-tertiary: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .2);--glass-border-light: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-shadow-heavy: 0 1rem 2rem rgba(0, 0, 0, .1);--glass-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);--glass-gradient: linear-gradient(135deg, var(--glass-bg), var(--glass-bg-secondary));--backdrop-blur: blur(10px);--backdrop-blur-light: blur(5px);--sidebar-text-primary: rgba(255, 255, 255, .95);--sidebar-text-secondary: rgba(255, 255, 255, .6);--sidebar-icon-color: rgba(255, 255, 255, .85);--sidebar-icon-hover: #ffffff;--sidebar-icon-active: #4cc9f0;--sidebar-nav-indicator: #ffffff;--sidebar-indicator-glow: rgba(76, 201, 240, .4);--mobile-menu-text-primary: var(--sidebar-text-primary);--mobile-menu-text-secondary: var(--sidebar-text-secondary);--mobile-menu-icon: var(--sidebar-icon-color);--mobile-menu-icon-active: var(--sidebar-icon-active);--mobile-menu-toggle-bg: color-mix(in srgb, var(--bg-card) 90%, transparent);--mobile-menu-toggle-border: var(--primary-alpha-20);--mobile-menu-backdrop: var(--black-alpha-56);--mobile-menu-shell-bg: radial-gradient(circle at top left, var(--primary-alpha-20) 0%, transparent 32%), radial-gradient(circle at top right, color-mix(in srgb, var(--success-color) 10%, transparent) 0%, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 96%, transparent) 0%, color-mix(in srgb, var(--bg-primary) 100%, transparent) 100%);--mobile-menu-surface-bg: linear-gradient(180deg, var(--white-alpha-08) 0%, var(--white-alpha-04) 100%);--mobile-menu-surface-border: var(--white-alpha-08);--mobile-menu-card-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 94%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 78%, transparent) 100%);--mobile-menu-card-hover-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 98%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 88%, transparent) 100%);--mobile-menu-card-active-bg: linear-gradient(180deg, var(--primary-alpha-20) 0%, var(--primary-alpha-10) 100%);--mobile-menu-card-border: var(--white-alpha-08);--mobile-menu-card-active-border: var(--primary-alpha-40);--mobile-menu-icon-chip-bg: var(--white-alpha-04);--mobile-menu-icon-chip-border: var(--white-alpha-05);--mobile-menu-dock-bg: var(--white-alpha-04);--mobile-menu-dock-border: var(--white-alpha-08);--mobile-menu-fade-bg: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-primary) 88%, transparent) 24%, color-mix(in srgb, var(--bg-primary) 98%, transparent) 100%);--mobile-menu-hero-brand-text: color-mix(in srgb, var(--text-primary) 94%, var(--primary-color) 6%);--mobile-menu-hero-brand-shadow: rgba(0, 0, 0, .34);--mobile-menu-hero-start: color-mix(in srgb, var(--bg-card) 70%, var(--primary-color) 30%);--mobile-menu-hero-mid: color-mix(in srgb, var(--bg-secondary) 62%, var(--primary-color) 38%);--mobile-menu-hero-end: color-mix(in srgb, var(--bg-card) 72%, var(--success-color) 28%);--mobile-menu-hero-veil: color-mix(in srgb, var(--primary-color) 16%, transparent);--mobile-menu-hero-wash: color-mix(in srgb, var(--bg-primary) 82%, var(--bg-secondary) 18%);--mobile-menu-hero-edge: var(--white-alpha-08);--mobile-menu-hero-dot: var(--white-alpha-24);--mobile-menu-hero-orb: color-mix(in srgb, var(--primary-color) 12%, transparent);--mobile-menu-hero-orb-shadow: color-mix(in srgb, var(--primary-color) 14%, transparent);--mobile-menu-hero-shadow: rgba(0, 0, 0, .24);--mobile-menu-avatar-border: color-mix(in srgb, var(--text-primary) 72%, var(--bg-card));--mobile-menu-avatar-text: var(--text-primary);--glass-text-primary: var(--text-primary);--glass-text-secondary: var(--text-secondary);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .24);--modal-overlay: rgba(0, 0, 0, .5);--modal-border: var(--border-color);--modal-shadow: 0 10px 15px rgba(0, 0, 0, .6);--glass-modal-bg: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .08));--glass-modal-border: rgba(255, 255, 255, .15);--glass-modal-shadow: 0 32px 64px rgba(0, 0, 0, .25), 0 16px 32px rgba(0, 0, 0, .15);--glass-modal-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);--glass-modal-blur: blur(20px);--glass-modal-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));--glass-modal-footer-bg: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));--glass-modal-header-border: rgba(255, 255, 255, .08);--glass-modal-sep: rgba(255, 255, 255, .2);--glass-modal-text: #ffffff;--glass-modal-text-secondary: rgba(255, 255, 255, .7);--glass-modal-input-bg: rgba(255, 255, 255, .08);--glass-modal-input-border: rgba(255, 255, 255, .12);--sidebar-bg-gradient: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);--sidebar-border-color: var(--glass-border);--lang-dropdown-bg: var(--glass-bg-primary);--lang-dropdown-border: var(--glass-border);--lang-dropdown-text: var(--glass-text-primary);--lang-dropdown-hover-bg: var(--glass-bg-hover);--lang-dropdown-active-bg: var(--primary-alpha-20);--lang-dropdown-active-text: var(--glass-text-primary);--chart-empty-point-color: #5f6368;--chart-trend-label-bg: rgba(255, 255, 255, .12);--preview-light-bg: linear-gradient(180deg, #eef3f5 0%, #dce4e8 100%);--preview-light-panel: rgba(255, 255, 255, .82);--preview-light-border: rgba(118, 134, 150, .24);--preview-light-accent: #0f766e;--preview-light-muted: rgba(88, 105, 122, .2);--preview-soft-bg: linear-gradient(180deg, #2f3136 0%, #26282d 100%);--preview-soft-panel: rgba(255, 255, 255, .05);--preview-soft-border: rgba(255, 255, 255, .08);--preview-soft-accent: #e8eaed;--preview-soft-muted: rgba(255, 255, 255, .08);--preview-oled-bg: linear-gradient(180deg, #0d1117 0%, #090b12 100%);--preview-oled-panel: rgba(255, 255, 255, .04);--preview-oled-border: rgba(255, 255, 255, .08);--preview-oled-accent: #38bdf8;--preview-oled-muted: rgba(255, 255, 255, .08);--kue-chat-helper-text: var(--text-on-glass-medium);--kue-chat-secondary-button-bg: color-mix(in srgb, var(--bg-card) 82%, var(--bg-panel));--kue-chat-secondary-button-border: color-mix(in srgb, var(--border-light) 86%, transparent);--kue-chat-secondary-button-text: #ffffff;--kue-chat-secondary-button-hover-bg: color-mix(in srgb, var(--bg-active) 90%, var(--bg-card));--kue-chat-secondary-button-hover-text: #ffffff;--kue-chat-primary-button-border: var(--component-chat-action-border-color);--kue-chat-primary-button-bg: var(--component-chat-action-color);--kue-chat-primary-button-text: var(--component-chat-action-text-color);--kue-chat-primary-button-shadow: var(--component-chat-action-shadow);--kue-chat-primary-button-hover-shadow: var(--component-chat-action-hover-shadow);--kue-bubble-ring-bg: var(--bg-primary);--kue-bubble-ring-color: color-mix(in srgb, #2e7ba3 72%, #dbe7ec);--kue-bubble-ring-highlight: color-mix(in srgb, #ffffff 42%, #2e7ba3);--kue-chat-review-surface-bg: color-mix(in srgb, var(--bg-card) 94%, var(--bg-panel));--kue-chat-review-surface-border: color-mix(in srgb, #1D4A65 28%, var(--border-light));--kue-chat-review-option-bg: color-mix(in srgb, #121826 78%, #182233);--kue-chat-review-option-border: color-mix(in srgb, var(--border-light) 84%, transparent);--kue-chat-review-option-hover-bg: color-mix(in srgb, #121826 54%, #173448);--kue-chat-review-option-hover-border: color-mix(in srgb, #1D4A65 72%, var(--border-light));--kue-chat-review-option-selected-bg: linear-gradient( 180deg, color-mix(in srgb, #1D4A65 28%, #182233), color-mix(in srgb, #121826 84%, #1c2435) );--kue-chat-review-option-selected-border: #2e7ba3;--kue-chat-review-option-selected-accent: #2e7ba3;--kue-chat-review-option-custom-bg: color-mix(in srgb, #121826 70%, #173448);--kue-chat-review-card-bg: color-mix(in srgb, #121826 88%, #172131);--kue-chat-review-card-border: color-mix(in srgb, var(--border-light) 82%, transparent);--kue-chat-review-empty-border: color-mix(in srgb, #1D4A65 42%, var(--border-light));--kue-chat-review-title: #ffffff;--kue-chat-review-copy: var(--text-on-glass-medium);--kue-chat-review-trigger-bg: color-mix(in srgb, #121826 72%, #173448);--kue-chat-review-trigger-border: color-mix(in srgb, #1D4A65 58%, var(--border-light));--kue-chat-review-trigger-text: #ffffff;--kue-chat-review-trigger-hover-bg: color-mix(in srgb, #121826 56%, #173448);--kue-chat-review-input-bg: color-mix(in srgb, #0f1520 90%, transparent);--kue-chat-review-input-border: color-mix(in srgb, var(--border-light) 82%, transparent);--kue-chat-review-input-text: #ffffff;--kue-chat-review-placeholder: var(--text-on-glass-light);--kue-chat-review-focus-outline: color-mix(in srgb, #2e7ba3 55%, transparent);--kue-chat-review-focus-border: #2e7ba3;--kue-chat-review-assistant-bg: color-mix(in srgb, #121826 58%, #1b3550);--kue-chat-review-assistant-border: color-mix(in srgb, #1D4A65 44%, var(--border-light));--kue-chat-review-user-bg: color-mix(in srgb, #1D4A65 32%, #142434);--kue-chat-review-user-border: color-mix(in srgb, #2e7ba3 44%, var(--border-light));--kue-chat-user-bubble-bg: linear-gradient( 180deg, color-mix(in srgb, #1D4A65 58%, rgba(255, 255, 255, .04)), color-mix(in srgb, #1D4A65 86%, rgba(5, 12, 20, .12)) );--kue-chat-user-bubble-border: color-mix(in srgb, #1D4A65 68%, var(--border-light));--kue-chat-user-bubble-text: #ffffff;--kue-chat-image-shell-border: var(--border-light);--kue-chat-image-frame-border: rgba(255, 255, 255, .88);--danger-dialog-warning-icon: #f59e0b;--danger-dialog-danger-icon: #ef4444;--danger-dialog-title: #f3f4f6;--danger-dialog-danger-title: #f87171;--danger-dialog-text: #9AA0A6;--danger-dialog-label: #E8EAED;--danger-dialog-input-bg: rgba(255, 255, 255, .05);--danger-dialog-input-border: rgba(255, 255, 255, .14);--danger-dialog-input-text: #E8EAED;--danger-dialog-cancel-bg: rgba(255, 255, 255, .08);--danger-dialog-cancel-text: #E8EAED;--danger-dialog-cancel-border: rgba(255, 255, 255, .14);--danger-dialog-confirm-bg: #dc3545;--danger-dialog-confirm-text: #ffffff;--danger-dialog-disabled-bg: #5f6368;--compare-card-bg: rgba(255, 255, 255, .05);--compare-card-border: rgba(255, 255, 255, .1);--compare-best-bg: rgba(74, 222, 128, .15);--compare-best-shadow: 0 0 15px rgba(74, 222, 128, .2);--compare-empty-bg: rgba(255, 255, 255, .02);--compare-empty-border: rgba(255, 255, 255, .05);--compare-accent-rgb: 129, 140, 248;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-heavy: 0 12px 30px rgba(0, 0, 0, .5);--shadow-light: rgba(0, 0, 0, .15);--shadow-primary: 0 4px 14px 0 rgba(8, 145, 178, .4);--shadow-primary-hover: 0 6px 20px rgba(8, 145, 178, .3);--shadow-accent: 0 2px 8px rgba(232, 234, 237, .2);--shadow-accent-hover: 0 4px 16px rgba(232, 234, 237, .3);--shadow-accent-focus: 0 0 0 2px rgba(232, 234, 237, .1);--shadow-modal-heavy: 0 32px 64px rgba(0, 0, 0, .4), 0 16px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2);--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .3);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .15);--view-search-section-shadow: 0 8px 12px rgba(0, 0, 0, .4);--view-search-overlay-shadow: 0 8px 24px rgba(0, 0, 0, .4);--view-search-input-focus-shadow: 0 0 0 2px rgba(255, 255, 255, .15);--view-spinner-border-color: rgba(67, 97, 238, .1);--view-search-btn-hover-shadow: 0 8px 16px rgba(0, 0, 0, .3);--view-reset-all-bg: var(--primary-bg-light);--view-reset-all-text: var(--primary-light);--view-reset-all-border: 1px solid rgba(255, 255, 255, .15);--view-results-info-bg: var(--primary-bg-light);--view-results-info-border: 1px solid rgba(255, 255, 255, .15);--view-custom-foods-btn-shadow-1: 0 4px 12px rgba(0, 0, 0, .3);--view-custom-foods-btn-shadow-2: 0 2px 4px rgba(0, 0, 0, .4);--view-custom-foods-btn-glare: linear-gradient(180deg, rgba(255, 255, 255, .15) 0%, transparent 100%);--view-custom-foods-btn-icon-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));--view-master-list-border-color: var(--border-color);--view-master-list-shadow: 0 8px 20px rgba(0, 0, 0, .4);--view-table-border-soft: 2px solid rgba(255, 255, 255, .02);--view-table-col-shadow: 2px 0 4px rgba(0, 0, 0, .1);--view-table-row-selected-bg: linear-gradient(90deg, rgba(67, 97, 238, .08), rgba(67, 97, 238, .04));--view-table-row-selected-name-bg: rgba(67, 97, 238, .05);--view-detail-panel-border-color: var(--border-color);--view-detail-panel-shadow: 0 8px 16px rgba(0, 0, 0, .4);--view-calories-glow: 0 0 15px rgba(59, 130, 246, .3);--view-nutrient-header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--view-glass-modal-border: var(--border-color);--view-glass-modal-shadow: 0 1rem 2rem rgba(0, 0, 0, .6);--view-glass-modal-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--view-glass-header-border: var(--border-dim);--view-glass-tab-active-bg: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--view-glass-tab-active-border: var(--primary-color);--view-glass-stat-bg: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--view-glass-stat-border: var(--border-color);--view-glass-stat-hover: rgba(255, 255, 255, .06);--view-glass-cal-bg: linear-gradient(135deg, rgba(239, 68, 68, .1), rgba(239, 68, 68, .05));--view-glass-cal-border: var(--danger-color);--view-toast-success-bg: var(--success-color);--view-loading-more-bg: var(--bg-panel);--view-error-bg: var(--danger-bg-light);--view-btn-focus-glow: var(--primary-bg-light);--grade-a-plus: #00e676;--grade-a: #00e676;--grade-b-plus: #00b0ff;--grade-b: #00b0ff;--grade-c: #ffb300;--grade-d: #ff1744;--grade-f: #d50000;--grade-bg-a: rgba(0, 230, 118, .12);--grade-bg-b: rgba(0, 176, 255, .12);--grade-bg-c: rgba(255, 179, 0, .12);--grade-bg-d: rgba(255, 23, 68, .12);--grade-bg-alpha: .12;--grid-toolbar-bg: var(--bg-floor);--grid-toolbar-border: var(--border-color);--grid-btn-border: var(--border-color);--grid-btn-bg: #38393b;--grid-btn-text: var(--text-primary);--grid-btn-hover-bg: var(--bg-active);--grid-btn-hover-border: var(--border-light);--grid-btn-hover-text: var(--text-primary);--grid-btn-active-bg: #E8EAED;--grid-btn-active-hover-bg: #dadce0;--grid-btn-active-text: #1F1F1F;--grid-bg-secondary: var(--bg-secondary);--grid-scrollbar-thumb: var(--border-dark);--grid-scrollbar-track: var(--bg-secondary);--grid-scrollbar-corner: var(--bg-secondary);--grid-scrollbar-border: var(--bg-secondary);--grid-table-bg: transparent;--grid-table-border: var(--border-color);--grid-header-bg: #1F1F1F;--grid-header-shadow: 0 2px 8px rgba(0, 0, 0, .3);--grid-header-text: var(--text-secondary);--grid-header-hover-bg: var(--bg-hover);--grid-header-selected-bg: var(--bg-hover);--grid-header-selected-text: var(--primary-color);--grid-row-bg: #28292c;--grid-row-border: var(--border-color);--grid-row-hover-bg: rgba(255, 255, 255, .08);--grid-row-hover-text: var(--text-primary);--grid-row-selected-bg: #134e4a;--grid-row-selected-text: #5eead4;--grid-row-selected-border: #14b8a6;--grid-row-even-bg: #303134;--grid-row-even-hover-bg: #3c4043;--grid-intersection-bg: #E8EAED;--grid-intersection-text: #202124;--grid-sticky-shadow: 2px 0 8px rgba(0, 0, 0, .4);--grid-resize-handle-hover: var(--primary-color);--grid-resize-handle-active: var(--primary-hover);--grid-no-results-icon: var(--text-tertiary);--grid-badge-bg: var(--bg-panel);--grid-badge-border: var(--border-color);--grid-badge-text: var(--text-secondary);--grid-badge-sep: var(--border-dim);--grid-load-more-bg: var(--bg-panel);--auth-backdrop-bg: linear-gradient(135deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .85));--auth-modal-bg: rgba(45, 46, 49, .9);--auth-modal-border: var(--border-color);--auth-modal-shadow: 0 15px 35px rgba(0, 0, 0, .6);--auth-close-btn-bg: rgba(255, 255, 255, .05);--auth-close-btn-border: rgba(255, 255, 255, .1);--auth-close-btn-text: var(--text-secondary);--auth-input-bg: rgba(255, 255, 255, .03);--auth-input-border: var(--border-color);--auth-input-text: var(--text-primary);--auth-label-color: var(--text-tertiary);--auth-divider-line: var(--border-dim);--auth-switch-text: var(--text-secondary);--cfm-backdrop: rgba(0, 0, 0, .4);--cfm-modal-bg: #2d2e31;--cfm-modal-border: #3c4043;--cfm-modal-shadow: 0 10px 25px rgba(0, 0, 0, .4);--cfm-item-bg: #1A2028;--cfm-item-hover-bg: #222A35;--cfm-item-hover-border: #2E3845;--cfm-item-name: #E8EAED;--cfm-item-meta: #9AA0A6;--cfm-delete-bg: rgba(248, 113, 113, .1);--cfm-delete-icon: #F87171;--cfm-footer-bg: #202124;--cfm-footer-border: #3c4043;--cfm-input-bg: #28292c;--cfm-input-border: #3c4043;--cfm-input-text: #E8EAED;--cfm-json-bg: rgba(34, 211, 238, .06);--cfm-json-border: rgba(34, 211, 238, .1);--cfm-secondary-btn-bg: #3c4043;--cfm-secondary-btn-text: #E8EAED;--compare-toolbar-shadow: 0 4px 12px rgba(0, 0, 0, .3);--compare-badge-shadow: 0 4px 12px rgba(8, 145, 178, .2);--compare-btn-shadow: 0 2px 8px rgba(0, 0, 0, .2);--compare-table-border: var(--border-color);--compare-header-bg: var(--bg-secondary);--compare-cell-bg: var(--bg-tertiary);--compare-empty-slot-bg: linear-gradient(135deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .05) 100%);--compare-best-bg: linear-gradient(135deg, rgba(34, 197, 94, .12) 0%, rgba(34, 197, 94, .06) 100%);--compare-best-text: #4ade80;--compare-best-shadow: inset 3px 0 0 0 rgba(34, 197, 94, .4);--landing-hero-bg: linear-gradient(135deg, #1F1F1F 0%, #28292c 50%, #1F1F1F 100%);--landing-card-bg: linear-gradient(135deg, rgba(60, 64, 67, .5), rgba(45, 46, 49, .3));--landing-card-border: var(--border-color);--landing-card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--landing-card-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);--landing-card-glow: 0 0 0 1px rgba(8, 145, 178, .1);--srv-modal-overlay: rgba(0, 0, 0, .75);--srv-modal-bg: #2d2e31;--srv-modal-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, .4);--srv-modal-text: var(--text-primary);--srv-modal-content-text: var(--text-secondary);--srv-modal-close-hover: rgba(255, 255, 255, .04)}:root.dark.theme-ascendant{--primary-color: #D8B84E;--primary-hover: #FFE08A;--primary-light: #FFE08A;--primary-dark: #A8781D;--primary-rgb: 216, 184, 78;--primary-alpha-10: rgba(var(--primary-rgb), .1);--primary-alpha-20: rgba(var(--primary-rgb), .2);--primary-alpha-30: rgba(var(--primary-rgb), .3);--primary-alpha-40: rgba(var(--primary-rgb), .4);--primary-alpha-50: rgba(var(--primary-rgb), .5);--primary-gradient: linear-gradient(135deg, #D8B84E 0%, #B83A42 100%);--primary-bg-light: rgba(216, 184, 78, .12);--brand-primary-color: var(--primary-color);--brand-primary-gradient: var(--primary-gradient);--brand-primary-text-color: var(--text-inverse);--brand-primary-dark-color: var(--primary-dark);--brand-primary-soft-color: var(--primary-bg-light);--brand-secondary-color: var(--secondary-color);--brand-secondary-light-color: var(--secondary-light);--brand-secondary-gradient: var(--secondary-gradient);--icon-primary-color: var(--primary-color);--badge-primary-color: var(--primary-color);--badge-primary-gradient: var(--primary-gradient);--badge-primary-text-color: var(--text-on-primary);--badge-primary-inverse-text-color: var(--text-inverse);--indicator-primary-color: var(--primary-color);--indicator-primary-alpha-20: var(--primary-alpha-20);--indicator-primary-alpha-30: var(--primary-alpha-30);--indicator-primary-success-gradient: linear-gradient(90deg, var(--primary-color), var(--success-light));--progress-primary-color: var(--primary-color);--progress-primary-gradient: linear-gradient(90deg, var(--primary-color), var(--secondary-color));--illustration-primary-color: var(--primary-color);--illustration-primary-rgb: var(--primary-rgb);--loading-primary-color: var(--primary-color);--button-primary-color: var(--app-action-button-bg);--button-primary-hover-color: var(--app-action-button-hover-bg);--button-primary-border-color: var(--app-action-button-border);--button-primary-text-color: var(--app-action-button-text);--button-primary-shadow: var(--app-action-button-shadow);--button-primary-hover-shadow: var(--app-action-button-hover-shadow);--button-primary-radius: var(--app-action-button-radius);--button-secondary-color: color-mix(in srgb, var(--bg-active) 54%, var(--bg-primary));--button-secondary-hover-color: var(--app-action-button-hover-bg);--button-secondary-border-color: color-mix(in srgb, var(--app-action-button-border) 62%, var(--border-color));--button-secondary-text-color: var(--app-action-button-text);--button-secondary-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--toggle-selected-color: var(--primary-color);--toggle-selected-border-color: var(--primary-color);--checkbox-selected-color: var(--primary-color);--checkbox-selected-border-color: var(--primary-color);--checkbox-selected-mark-color: var(--text-on-primary);--input-focus-border-color: var(--primary-color);--input-focus-ring-color: color-mix(in srgb, var(--primary-color) 18%, transparent);--input-focus-soft-color: var(--primary-alpha-10);--input-focus-border-soft-color: var(--primary-alpha-30);--control-accent-color: var(--primary-color);--option-highlight-color: color-mix(in srgb, var(--primary-color) 16%, transparent);--option-selected-color: color-mix(in srgb, var(--primary-color) 24%, transparent);--page-home-accent-color: var(--primary-color);--page-home-accent-hover-color: var(--primary-hover);--page-home-accent-light-color: var(--primary-light);--page-home-accent-dark-color: var(--primary-dark);--page-home-accent-soft-color: var(--primary-bg-light);--page-home-accent-rgb: var(--primary-rgb);--page-home-accent-alpha-10: var(--primary-alpha-10);--page-home-accent-alpha-20: var(--primary-alpha-20);--page-home-accent-alpha-30: var(--primary-alpha-30);--page-home-accent-alpha-40: var(--primary-alpha-40);--page-home-secondary-accent-color: var(--brand-secondary-color);--page-view-accent-color: var(--primary-color);--page-view-accent-light-color: var(--primary-light);--page-view-accent-soft-color: var(--primary-bg-light);--page-view-accent-rgb: var(--primary-rgb);--page-landing-accent-color: var(--primary-color);--page-landing-accent-hover-color: var(--primary-hover);--page-landing-accent-light-color: var(--primary-light);--page-landing-accent-dark-color: var(--primary-dark);--page-landing-secondary-accent-color: var(--brand-secondary-color);--page-landing-secondary-accent-light-color: var(--brand-secondary-light-color);--page-appearance-accent-color: var(--primary-color);--page-appearance-accent-alpha-10: var(--primary-alpha-10);--page-appearance-accent-alpha-20: var(--primary-alpha-20);--page-profile-accent-color: var(--primary-color);--page-profile-accent-hover-color: var(--primary-hover);--page-profile-accent-rgb: var(--primary-rgb);--page-profile-accent-alpha-10: var(--primary-alpha-10);--page-profile-accent-alpha-20: var(--primary-alpha-20);--page-profile-secondary-accent-color: var(--brand-secondary-color);--page-profile-secondary-accent-gradient: var(--brand-secondary-gradient);--page-food-manager-accent-color: var(--primary-color);--page-food-manager-accent-hover-color: var(--primary-hover);--page-food-manager-accent-light-color: var(--primary-light);--page-food-manager-accent-soft-color: var(--primary-bg-light);--page-pills-accent-color: var(--primary-color);--page-pills-accent-rgb: var(--primary-rgb);--page-pills-accent-alpha-10: var(--primary-alpha-10);--page-pills-accent-alpha-20: var(--primary-alpha-20);--page-pills-accent-alpha-30: var(--primary-alpha-30);--component-chat-accent-color: var(--primary-color);--component-chat-accent-soft-color: var(--primary-bg-light);--component-sidebar-accent-color: var(--primary-color);--component-sidebar-accent-hover-color: var(--primary-hover);--component-sidebar-accent-dark-color: var(--primary-dark);--component-sidebar-accent-gradient: var(--primary-gradient);--component-sidebar-accent-soft-color: var(--primary-bg-light);--page-compare-accent-color: var(--primary-color);--page-compare-accent-alpha-10: var(--primary-alpha-10);--page-compare-accent-alpha-20: var(--primary-alpha-20);--page-compare-accent-alpha-30: var(--primary-alpha-30);--page-voice-accent-color: var(--primary-color);--page-voice-accent-light-color: var(--primary-light);--page-voice-accent-dark-color: var(--primary-dark);--component-structured-review-accent-color: var(--primary-color);--component-structured-review-accent-soft-color: var(--primary-bg-light);--component-structured-review-accent-glow: var(--primary-glow);--component-nutrient-preferences-accent-color: var(--primary-color);--component-nutrient-preferences-accent-soft-color: var(--primary-bg-light);--page-home-action-color: var(--button-primary-color);--page-home-action-hover-color: var(--button-primary-hover-color);--page-home-action-border-color: var(--button-primary-border-color);--page-home-action-text-color: var(--button-primary-text-color);--page-home-action-shadow: var(--button-primary-shadow);--page-home-action-hover-shadow: var(--button-primary-hover-shadow);--page-home-action-radius: var(--button-primary-radius);--page-view-action-color: var(--button-primary-color);--page-view-action-hover-color: var(--button-primary-hover-color);--page-view-action-border-color: var(--button-primary-border-color);--page-view-action-text-color: var(--button-primary-text-color);--page-view-action-shadow: var(--button-primary-shadow);--page-view-action-hover-shadow: var(--button-primary-hover-shadow);--page-profile-action-color: var(--button-primary-color);--page-profile-action-border-color: var(--button-primary-border-color);--page-profile-action-text-color: var(--button-primary-text-color);--page-profile-action-shadow: var(--button-primary-shadow);--page-food-manager-action-color: var(--button-primary-color);--page-food-manager-action-hover-color: var(--button-primary-hover-color);--page-food-manager-action-border-color: var(--button-primary-border-color);--page-food-manager-action-text-color: var(--button-primary-text-color);--page-food-manager-action-shadow: var(--button-primary-shadow);--page-food-manager-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-color: var(--button-primary-color);--page-pills-action-hover-color: var(--button-primary-hover-color);--page-pills-action-border-color: var(--button-primary-border-color);--page-pills-action-text-color: var(--button-primary-text-color);--page-pills-action-shadow: var(--button-primary-shadow);--page-pills-action-hover-shadow: var(--button-primary-hover-shadow);--page-pills-action-radius: var(--button-primary-radius);--page-landing-action-color: var(--primary-color);--page-landing-action-hover-color: var(--primary-hover);--page-landing-action-border-color: var(--primary-color);--page-landing-action-hover-border-color: var(--primary-hover);--page-landing-action-text-color: var(--btn-accent-text);--component-chat-action-color: var(--button-primary-color);--component-chat-action-hover-color: var(--button-primary-hover-color);--component-chat-action-border-color: var(--button-primary-border-color);--component-chat-action-text-color: var(--button-primary-text-color);--component-chat-action-shadow: var(--button-primary-shadow);--component-chat-action-hover-shadow: var(--button-primary-hover-shadow);--component-chat-action-radius: var(--button-primary-radius);--device-mobile-home-log-food-button-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-log-food-button-hover-color: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--device-mobile-home-log-food-button-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-log-food-button-text-color: #ffffff;--device-mobile-home-log-food-button-shadow: 0 4px 12px rgba(15, 118, 110, .24);--device-mobile-home-log-food-button-hover-shadow: 0 6px 16px rgba(15, 118, 110, .3);--device-mobile-home-daylog-selected-tab-color: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--device-mobile-home-daylog-selected-tab-border-color: color-mix(in srgb, #0f766e 72%, white 28%);--device-mobile-home-daylog-selected-tab-text-color: #ffffff;--device-mobile-home-daylog-selected-tab-shadow: 0 3px 10px rgba(15, 118, 110, .24);--adjustment-icon: #D8B84E;--adjustment-icon-glow: rgba(216, 184, 78, .32);--adjustment-color: #CFA43A;--adjustment-rgb: 207, 164, 58;--adjustment-glow: rgba(207, 164, 58, .22);--accent-blue: #D8B84E;--accent-blue-light: rgba(216, 184, 78, .15);--accent-blue-glow: rgba(216, 184, 78, .3);--accent-purple: #B83A42;--accent-purple-glow: rgba(184, 58, 66, .3);--accent-primary: #D8B84E;--accent-primary-dark: #A8781D;--accent-primary-rgb: 216, 184, 78;--secondary-color: #B83A42;--secondary-hover: #C94A52;--secondary-light: #E67378;--secondary-gradient: linear-gradient(135deg, #B83A42 0%, #D8B84E 100%);--chart-seed-primary: #D8B84E;--chart-seed-secondary: #B83A42;--success-color: #16A34A;--success-hover: #15803D;--success-light: #4ADE80;--success-rgb: 22, 163, 74;--success-gradient: linear-gradient(135deg, #16A34A 0%, #15803D 100%);--success-bg-light: rgba(22, 163, 74, .12);--danger-color: #B83A42;--danger-hover: #97303A;--danger-light: #D85B64;--danger-gradient: linear-gradient(135deg, #B83A42 0%, #97303A 100%);--danger-bg-light: rgba(184, 58, 66, .12);--warning-color: #D8B84E;--warning-hover: #B98A24;--warning-light: #FFE08A;--warning-gradient: linear-gradient(135deg, #D8B84E 0%, #B98A24 100%);--info-color: #CFA43A;--info-hover: #A8781D;--info-light: #FFE08A;--info-gradient: linear-gradient(135deg, #CFA43A 0%, #A8781D 100%);--info-bg-light: rgba(207, 164, 58, .12);--chart-1: #D8B84E;--chart-2: #B83A42;--chart-3: #FFE08A;--chart-4: #97303A;--chart-5: #FFFFFF;--chart-6: #CFA43A;--chart-7: #D85B64;--chart-8: #B98A24;--chart-9: #F7F2E5;--chart-10: #C8C0A8;--icon-sun-color: #FFE08A;--icon-moon-oled-color: #D8B84E;--icon-moon-body-color: #F7F2E5;--icon-moon-crater-color: rgba(201, 185, 135, .9);--icon-moon-star-color: rgba(244, 208, 111, .86);--shimmer-base: rgba(255, 255, 255, .1);--shimmer-highlight: rgba(255, 255, 255, .4);--shimmer-glow: rgba(255, 255, 255, .5);--white-alpha-01: rgba(255, 255, 255, .01);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-03: rgba(255, 255, 255, .03);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-12: rgba(255, 255, 255, .12);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-45: rgba(255, 255, 255, .45);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--black-alpha-02: rgba(0, 0, 0, .02);--black-alpha-03: rgba(0, 0, 0, .03);--black-alpha-04: rgba(0, 0, 0, .04);--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-08: rgba(0, 0, 0, .08);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-18: rgba(0, 0, 0, .18);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-24: rgba(0, 0, 0, .24);--black-alpha-28: rgba(0, 0, 0, .28);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-56: rgba(0, 0, 0, .56);--focus-outline-color: rgba(216, 184, 78, .62);--bg-primary: #171611;--bg-secondary: #222018;--bg-tertiary: #2B281E;--bg-elevated: #363124;--bg-hover: rgba(255, 224, 138, .1);--bg-active: rgba(255, 224, 138, .18);--bg-disabled: #201E18;--bg-floor: var(--bg-secondary);--bg-panel: var(--bg-primary);--bg-panel-rgb: 8, 7, 6;--bg-card: var(--bg-elevated);--bg-card-rgb: 30, 26, 18;--blocker-bg: rgba(8, 7, 6, .84);--text-primary: #F7F2E5;--text-primary-rgb: 247, 242, 229;--text-secondary: #D6C99C;--text-tertiary: #C8C0A8;--text-muted: var(--text-tertiary);--text-disabled: #A69A7A;--text-inverse: #171611;--text-on-primary: #171611;--gray-100: #222018;--gray-300: #4A432F;--gray-400: #A69A7A;--gray-700: #D6C99C;--gray-900: #F7F2E5;--border-color: #4A432F;--border-light: rgba(216, 184, 78, .16);--border-dim: rgba(216, 184, 78, .06);--border-dark: #B8933D;--border-focus: var(--primary-color);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .34);--shadow-md: 0 4px 8px rgba(0, 0, 0, .42);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 18px 34px rgba(0, 0, 0, .58);--shadow-heavy: 0 16px 38px rgba(0, 0, 0, .62);--shadow-light: rgba(0, 0, 0, .24);--shadow-primary: 0 4px 18px rgba(216, 184, 78, .34);--shadow-primary-hover: 0 8px 24px rgba(216, 184, 78, .28);--shadow-accent: 0 2px 10px rgba(216, 184, 78, .28);--shadow-accent-hover: 0 4px 18px rgba(216, 184, 78, .36);--shadow-accent-focus: 0 0 0 2px rgba(216, 184, 78, .14);--shadow-modal-heavy: 0 32px 64px rgba(0, 0, 0, .55), 0 16px 32px rgba(0, 0, 0, .36), 0 4px 16px rgba(184, 58, 66, .12);--shadow-dropdown: 0 10px 34px rgba(0, 0, 0, .48);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .26);--glass-bg: rgba(216, 184, 78, .11);--glass-bg-secondary: rgba(255, 255, 255, .05);--glass-bg-tertiary: rgba(184, 58, 66, .14);--glass-border: rgba(216, 184, 78, .2);--glass-border-light: rgba(216, 184, 78, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .34);--glass-shadow-heavy: 0 1rem 2rem rgba(0, 0, 0, .42);--glass-inset-shadow: inset 0 1px 0 rgba(255, 224, 138, .16);--glass-gradient: linear-gradient(135deg, var(--glass-bg), var(--glass-bg-secondary));--backdrop-blur: blur(8px);--backdrop-blur-light: blur(4px);--sidebar-text-primary: rgba(246, 234, 210, .96);--sidebar-text-secondary: rgba(201, 185, 135, .68);--sidebar-icon-color: rgba(246, 234, 210, .86);--sidebar-icon-hover: #FFFFFF;--sidebar-icon-active: #D8B84E;--sidebar-nav-indicator: #D8B84E;--sidebar-indicator-glow: rgba(216, 184, 78, .44);--mobile-menu-text-primary: color-mix(in srgb, var(--text-primary) 96%, black);--mobile-menu-text-secondary: color-mix(in srgb, var(--text-secondary) 72%, var(--text-primary));--mobile-menu-icon: color-mix(in srgb, var(--text-secondary) 58%, var(--text-primary));--mobile-menu-icon-active: var(--primary-color);--mobile-menu-toggle-bg: color-mix(in srgb, var(--bg-tertiary) 52%, var(--bg-secondary));--mobile-menu-toggle-border: color-mix(in srgb, var(--primary-color) 28%, var(--border-color));--mobile-menu-backdrop: rgba(0, 0, 0, .56);--mobile-menu-shell-bg: radial-gradient(circle at top left, color-mix(in srgb, var(--primary-color) 12%, transparent) 0%, transparent 26%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--info-color) 9%, transparent) 0%, transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--bg-tertiary) 58%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--bg-secondary) 72%, var(--bg-primary)) 100%);--mobile-menu-surface-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-tertiary) 42%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--bg-secondary) 84%, var(--bg-tertiary)) 100%);--mobile-menu-surface-border: color-mix(in srgb, var(--border-dark) 48%, transparent);--mobile-menu-card-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 92%, var(--bg-tertiary)) 0%, color-mix(in srgb, var(--bg-tertiary) 68%, var(--bg-secondary)) 100%);--mobile-menu-card-hover-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-tertiary)) 0%, color-mix(in srgb, var(--bg-tertiary) 72%, var(--bg-secondary)) 100%);--mobile-menu-card-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 16%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--primary-color) 10%, var(--bg-tertiary)) 100%);--mobile-menu-card-border: color-mix(in srgb, var(--border-dark) 38%, transparent);--mobile-menu-card-active-border: color-mix(in srgb, var(--primary-color) 38%, var(--border-color));--mobile-menu-icon-chip-bg: color-mix(in srgb, var(--bg-primary) 88%, var(--bg-secondary));--mobile-menu-icon-chip-border: color-mix(in srgb, var(--border-color) 52%, transparent);--mobile-menu-dock-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg-tertiary) 44%, var(--bg-secondary)) 0%, color-mix(in srgb, var(--bg-secondary) 84%, var(--bg-tertiary)) 100%);--mobile-menu-dock-border: color-mix(in srgb, var(--border-dark) 44%, transparent);--mobile-menu-fade-bg: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-secondary) 56%, transparent) 22%, color-mix(in srgb, var(--bg-secondary) 90%, transparent) 100%);--mobile-menu-hero-brand-text: color-mix(in srgb, var(--text-primary) 88%, var(--primary-color) 12%);--mobile-menu-hero-brand-shadow: rgba(0, 0, 0, .36);--mobile-menu-hero-start: color-mix(in srgb, var(--bg-secondary) 62%, var(--primary-color) 38%);--mobile-menu-hero-mid: color-mix(in srgb, var(--bg-tertiary) 58%, var(--primary-color) 42%);--mobile-menu-hero-end: color-mix(in srgb, var(--bg-secondary) 66%, var(--info-color) 34%);--mobile-menu-hero-veil: color-mix(in srgb, var(--primary-color) 16%, transparent);--mobile-menu-hero-wash: color-mix(in srgb, var(--bg-secondary) 86%, var(--bg-primary) 14%);--mobile-menu-hero-edge: color-mix(in srgb, var(--primary-color) 18%, transparent);--mobile-menu-hero-dot: color-mix(in srgb, var(--primary-color) 24%, transparent);--mobile-menu-hero-orb: color-mix(in srgb, var(--primary-color) 14%, transparent);--mobile-menu-hero-orb-shadow: color-mix(in srgb, var(--primary-color) 16%, transparent);--mobile-menu-hero-shadow: rgba(0, 0, 0, .28);--mobile-menu-avatar-border: color-mix(in srgb, var(--primary-color) 34%, var(--text-primary));--mobile-menu-avatar-text: var(--text-primary);--modal-overlay: rgba(0, 0, 0, .66);--overlay-grid: rgba(216, 184, 78, .08);--modal-bg: #222018;--modal-border: var(--glass-border);--modal-shadow: var(--shadow-xl);--spinner-border: #4A432F;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-surface: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--card-bg-overlay: rgba(255, 224, 138, .07);--card-shadow: 0 4px 14px rgba(0, 0, 0, .38);--card-hover-shadow: 0 9px 28px rgba(0, 0, 0, .52);--primary-glow: 0 0 18px rgba(216, 184, 78, .22);--secondary-glow: 0 0 18px rgba(184, 58, 66, .22);--success-glow: 0 4px 12px rgba(22, 163, 74, .18);--warning-glow: 0 4px 12px rgba(216, 184, 78, .2);--info-glow: 0 4px 12px rgba(207, 164, 58, .18);--danger-glow: 0 4px 12px rgba(184, 58, 66, .22);--analysis-glow: 0 4px 12px rgba(216, 184, 78, .18);--text-on-glass-strong: #FFFFFF;--text-on-glass-medium: rgba(246, 234, 210, .88);--text-on-glass-light: rgba(201, 185, 135, .76);--glass-bg-primary: rgba(17, 16, 13, .94);--glass-bg-light: rgba(24, 21, 15, .86);--glass-text-primary: #F7F2E5;--glass-text-secondary: rgba(201, 185, 135, .72);--glass-bg-hover: rgba(216, 184, 78, .1);--glass-highlight: rgba(244, 208, 111, .32);--btn-accent-text: #171611;--glass-modal-bg: linear-gradient(135deg, rgba(24, 21, 15, .92), rgba(8, 7, 6, .86));--glass-modal-border: rgba(216, 184, 78, .18);--glass-modal-shadow: 0 24px 48px rgba(0, 0, 0, .48);--glass-modal-inset-shadow: inset 0 1px 0 rgba(244, 208, 111, .16);--glass-modal-blur: blur(20px);--glass-modal-header-bg: linear-gradient(135deg, rgba(216, 184, 78, .1), rgba(184, 58, 66, .06));--glass-modal-footer-bg: linear-gradient(135deg, rgba(216, 184, 78, .08), rgba(8, 7, 6, .28));--glass-modal-header-border: rgba(216, 184, 78, .12);--glass-modal-sep: rgba(216, 184, 78, .16);--glass-modal-text: var(--text-primary);--glass-modal-text-secondary: var(--text-secondary);--glass-modal-input-bg: rgba(8, 7, 6, .52);--glass-modal-input-border: rgba(216, 184, 78, .2);--sidebar-bg-gradient: linear-gradient(180deg, #222018 0%, #171611 100%);--sidebar-border-color: rgba(216, 184, 78, .15);--lang-dropdown-bg: #222018;--lang-dropdown-border: rgba(216, 184, 78, .18);--lang-dropdown-text: #F7F2E5;--lang-dropdown-hover-bg: rgba(216, 184, 78, .1);--lang-dropdown-active-bg: rgba(216, 184, 78, .16);--lang-dropdown-active-text: #FFE08A;--chart-empty-point-color: #A69A7A;--chart-trend-label-bg: rgba(216, 184, 78, .12);--preview-light-bg: linear-gradient(180deg, #2B281E 0%, #222018 100%);--preview-light-panel: rgba(216, 184, 78, .1);--preview-light-border: rgba(216, 184, 78, .22);--preview-light-accent: #D8B84E;--preview-light-muted: rgba(201, 185, 135, .2);--preview-soft-bg: linear-gradient(180deg, #2B281E 0%, #171611 100%);--preview-soft-panel: rgba(255, 255, 255, .05);--preview-soft-border: rgba(216, 184, 78, .12);--preview-soft-accent: #F7F2E5;--preview-soft-muted: rgba(216, 184, 78, .08);--preview-oled-bg: linear-gradient(180deg, #171611 0%, #12110E 100%);--preview-oled-panel: rgba(216, 184, 78, .04);--preview-oled-border: rgba(216, 184, 78, .1);--preview-oled-accent: #D8B84E;--preview-oled-muted: rgba(216, 184, 78, .08);--kue-chat-helper-text: color-mix(in srgb, var(--text-secondary) 96%, var(--text-primary));--kue-chat-secondary-button-bg: color-mix(in srgb, var(--bg-primary) 96%, transparent);--kue-chat-secondary-button-border: color-mix(in srgb, var(--border-color) 88%, transparent);--kue-chat-secondary-button-text: var(--text-primary);--kue-chat-secondary-button-hover-bg: color-mix(in srgb, var(--bg-secondary) 86%, var(--bg-primary));--kue-chat-secondary-button-hover-text: var(--text-primary);--kue-chat-primary-button-border: var(--component-chat-action-border-color);--kue-chat-primary-button-bg: var(--component-chat-action-color);--kue-chat-primary-button-text: var(--component-chat-action-text-color);--kue-chat-primary-button-shadow: var(--component-chat-action-shadow);--kue-chat-primary-button-hover-shadow: var(--component-chat-action-hover-shadow);--kue-bubble-ring-bg: var(--bg-primary);--kue-bubble-ring-color: color-mix(in srgb, #B88922 74%, #F7F2E5);--kue-bubble-ring-highlight: color-mix(in srgb, #ffffff 48%, #D8B84E);--kue-chat-review-surface-bg: color-mix(in srgb, var(--bg-primary) 92%, var(--bg-secondary));--kue-chat-review-surface-border: color-mix(in srgb, var(--border-color) 88%, transparent);--kue-chat-review-option-bg: color-mix(in srgb, var(--bg-primary) 97%, var(--bg-secondary));--kue-chat-review-option-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-option-hover-bg: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));--kue-chat-review-option-hover-border: color-mix(in srgb, #B88922 34%, var(--border-color));--kue-chat-review-option-selected-bg: linear-gradient(180deg, color-mix(in srgb, #B88922 12%, var(--bg-primary)), color-mix(in srgb, #B88922 6%, var(--bg-secondary)));--kue-chat-review-option-selected-border: color-mix(in srgb, #B88922 58%, var(--border-color));--kue-chat-review-option-selected-accent: #D8B84E;--kue-chat-review-option-custom-bg: color-mix(in srgb, #B88922 8%, var(--bg-primary));--kue-chat-review-card-bg: color-mix(in srgb, var(--bg-primary) 95%, var(--bg-secondary));--kue-chat-review-card-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-empty-border: color-mix(in srgb, #B88922 20%, var(--border-color));--kue-chat-review-title: var(--text-primary);--kue-chat-review-copy: color-mix(in srgb, var(--text-secondary) 94%, var(--text-primary));--kue-chat-review-trigger-bg: color-mix(in srgb, var(--bg-primary) 95%, var(--bg-secondary));--kue-chat-review-trigger-border: color-mix(in srgb, #B88922 32%, var(--border-color));--kue-chat-review-trigger-text: var(--text-primary);--kue-chat-review-trigger-hover-bg: color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-primary));--kue-chat-review-input-bg: color-mix(in srgb, var(--bg-primary) 97%, var(--bg-secondary));--kue-chat-review-input-border: color-mix(in srgb, var(--border-color) 84%, transparent);--kue-chat-review-input-text: var(--text-primary);--kue-chat-review-placeholder: color-mix(in srgb, var(--text-secondary) 74%, var(--text-tertiary));--kue-chat-review-focus-outline: color-mix(in srgb, #D8B84E 28%, transparent);--kue-chat-review-focus-border: #D8B84E;--kue-chat-review-assistant-bg: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));--kue-chat-review-assistant-border: color-mix(in srgb, var(--border-color) 82%, transparent);--kue-chat-review-user-bg: linear-gradient(180deg, color-mix(in srgb, #B88922 58%, rgba(255, 255, 255, .04)), color-mix(in srgb, #B88922 86%, rgba(5, 12, 20, .12)));--kue-chat-review-user-border: color-mix(in srgb, #B88922 68%, var(--border-light));--kue-chat-user-bubble-bg: var(--kue-chat-review-user-bg);--kue-chat-user-bubble-border: var(--kue-chat-review-user-border);--kue-chat-user-bubble-text: #FFFFFF;--kue-chat-image-shell-border: var(--border-light);--kue-chat-image-frame-border: color-mix(in srgb, var(--border-dark) 28%, var(--border-color));--danger-dialog-warning-icon: #D8B84E;--danger-dialog-danger-icon: #D85B64;--danger-dialog-title: #F7F2E5;--danger-dialog-danger-title: #D85B64;--danger-dialog-text: #D6C99C;--danger-dialog-label: #F7F2E5;--danger-dialog-input-bg: #222018;--danger-dialog-input-border: rgba(216, 184, 78, .22);--danger-dialog-input-text: #F7F2E5;--danger-dialog-cancel-bg: rgba(216, 184, 78, .08);--danger-dialog-cancel-text: #F7F2E5;--danger-dialog-cancel-border: rgba(216, 184, 78, .18);--danger-dialog-confirm-bg: #B83A42;--danger-dialog-confirm-text: #FFFFFF;--danger-dialog-disabled-bg: #A69A7A;--compare-card-bg: #2B281E;--compare-card-border: rgba(216, 184, 78, .14);--compare-empty-bg: #222018;--compare-empty-border: rgba(216, 184, 78, .08);--compare-accent-rgb: 216, 184, 78;--view-search-section-shadow: 0 6px 14px rgba(0, 0, 0, .4);--view-search-overlay-shadow: 0 10px 30px rgba(0, 0, 0, .48);--view-search-input-focus-shadow: 0 0 0 2px rgba(216, 184, 78, .24);--view-spinner-border-color: rgba(216, 184, 78, .12);--toast-success-bg: rgba(22, 163, 74, .95);--toast-shadow: 0 10px 40px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1);--toast-shadow-hover: 0 14px 50px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .15);--toast-border: rgba(255, 255, 255, .1);--toast-icon-bg: rgba(255, 255, 255, .2);--toast-close-bg: rgba(255, 255, 255, .15);--toast-close-bg-hover: rgba(255, 255, 255, .25);--toast-close-color: rgba(255, 255, 255, .8);--toast-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);--toast-icon-shadow: 0 2px 8px rgba(0, 0, 0, .15);--toast-success-gradient: linear-gradient(135deg, rgba(22, 163, 74, .95) 0%, rgba(21, 128, 61, .95) 100%);--toast-success-border: rgba(22, 163, 74, .32);--toast-error-gradient: linear-gradient(135deg, rgba(184, 58, 66, .95) 0%, rgba(143, 14, 31, .95) 100%);--toast-error-border: rgba(184, 58, 66, .32);--toast-warning-gradient: linear-gradient(135deg, rgba(216, 184, 78, .95) 0%, rgba(184, 132, 24, .95) 100%);--toast-warning-border: rgba(216, 184, 78, .34);--toast-info-gradient: linear-gradient(135deg, rgba(207, 164, 58, .95) 0%, rgba(154, 106, 22, .95) 100%);--toast-info-border: rgba(207, 164, 58, .32);--view-search-btn-hover-shadow: 0 8px 18px rgba(216, 184, 78, .22);--view-reset-all-bg: rgba(216, 184, 78, .08);--view-reset-all-text: #FFE08A;--view-reset-all-border: 1px solid rgba(216, 184, 78, .22);--view-results-info-bg: rgba(216, 184, 78, .07);--view-results-info-border: 1px solid rgba(216, 184, 78, .14);--view-custom-foods-btn-shadow-1: 0 4px 14px rgba(216, 184, 78, .26);--view-custom-foods-btn-shadow-2: 0 2px 6px rgba(0, 0, 0, .36);--view-custom-foods-btn-glare: linear-gradient(180deg, rgba(244, 208, 111, .22) 0%, transparent 100%);--view-custom-foods-btn-icon-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));--view-master-list-border-color: rgba(216, 184, 78, .14);--view-master-list-shadow: 0 4px 14px rgba(0, 0, 0, .38);--view-table-border-soft: 1px solid rgba(216, 184, 78, .06);--view-table-col-shadow: 2px 0 6px rgba(0, 0, 0, .22);--view-table-row-selected-bg: linear-gradient(90deg, rgba(216, 184, 78, .14), rgba(184, 58, 66, .06));--view-table-row-selected-name-bg: rgba(216, 184, 78, .08);--view-detail-panel-border-color: rgba(216, 184, 78, .14);--view-detail-panel-shadow: 0 4px 14px rgba(0, 0, 0, .38);--view-calories-glow: 0 0 15px rgba(216, 184, 78, .28);--view-nutrient-header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--view-glass-modal-border: rgba(216, 184, 78, .34);--view-glass-modal-shadow: 0 1rem 2rem rgba(0, 0, 0, .48);--view-glass-modal-inset: inset 0 1px 0 rgba(244, 208, 111, .14);--view-glass-header-border: rgba(216, 184, 78, .1);--view-glass-tab-active-bg: linear-gradient(135deg, rgba(216, 184, 78, .22), rgba(184, 58, 66, .1));--view-glass-tab-active-border: rgba(216, 184, 78, .32);--view-glass-stat-bg: linear-gradient(135deg, rgba(216, 184, 78, .1), rgba(255, 255, 255, .04));--view-glass-stat-border: rgba(216, 184, 78, .16);--view-glass-stat-hover: rgba(216, 184, 78, .14);--view-glass-cal-bg: linear-gradient(135deg, rgba(184, 58, 66, .2), rgba(184, 58, 66, .06));--view-glass-cal-border: rgba(184, 58, 66, .34);--view-toast-success-bg: rgba(16, 185, 129, .95);--view-loading-more-bg: rgba(8, 7, 6, .95);--view-error-bg: rgba(184, 58, 66, .12);--view-btn-focus-glow: rgba(216, 184, 78, .22);--grade-a-plus: #4ADE80;--grade-a: #4ADE80;--grade-b-plus: #FFE08A;--grade-b: #D8B84E;--grade-c: #CFA43A;--grade-d: #D85B64;--grade-f: #B83A42;--grade-bg-a: rgba(74, 222, 128, .1);--grade-bg-b: rgba(216, 184, 78, .12);--grade-bg-c: rgba(207, 164, 58, .12);--grade-bg-d: rgba(184, 58, 66, .12);--grade-bg-alpha: .1;--grid-toolbar-bg: #222018;--grid-toolbar-border: #4A432F;--grid-btn-border: rgba(216, 184, 78, .16);--grid-btn-bg: #2B281E;--grid-btn-text: #D6C99C;--grid-btn-hover-bg: #3A3322;--grid-btn-hover-border: rgba(216, 184, 78, .28);--grid-btn-hover-text: #F7F2E5;--grid-btn-active-bg: #D8B84E;--grid-btn-active-hover-bg: #FFE08A;--grid-btn-active-text: #171611;--grid-bg-secondary: #222018;--grid-scrollbar-thumb: #B8933D;--grid-scrollbar-track: #222018;--grid-scrollbar-corner: #222018;--grid-scrollbar-border: #2B281E;--grid-table-bg: #171611;--grid-table-border: #4A432F;--grid-header-bg: #222018;--grid-header-shadow: 0 2px 8px rgba(0, 0, 0, .4);--grid-header-text: #D6C99C;--grid-header-hover-bg: rgba(216, 184, 78, .08);--grid-header-selected-bg: rgba(216, 184, 78, .1);--grid-header-selected-text: #FFE08A;--grid-row-bg: #222018;--grid-row-border: #4A432F;--grid-row-hover-bg: rgba(216, 184, 78, .08);--grid-row-hover-text: #F7F2E5;--grid-row-selected-bg: rgba(184, 58, 66, .22);--grid-row-selected-text: #F7F2E5;--grid-row-selected-border: #B83A42;--grid-row-even-bg: #2B281E;--grid-row-even-hover-bg: #3A3322;--grid-intersection-bg: #D8B84E;--grid-intersection-text: #171611;--grid-sticky-shadow: 2px 0 8px rgba(0, 0, 0, .46);--grid-resize-handle-hover: #D8B84E;--grid-resize-handle-active: #FFE08A;--grid-no-results-icon: #C8C0A8;--grid-badge-bg: #2B281E;--grid-badge-border: #4A432F;--grid-badge-text: #D6C99C;--grid-badge-sep: #A69A7A;--grid-load-more-bg: #222018;--auth-backdrop-bg: rgba(0, 0, 0, .62);--auth-modal-bg: rgba(17, 16, 13, .9);--auth-modal-border: rgba(216, 184, 78, .2);--auth-modal-shadow: 0 1rem 3rem rgba(0, 0, 0, .52);--auth-close-btn-bg: rgba(216, 184, 78, .08);--auth-close-btn-border: rgba(216, 184, 78, .14);--auth-close-btn-text: #D6C99C;--auth-input-bg: #171611;--auth-input-border: #4A432F;--auth-input-text: #F7F2E5;--auth-label-color: #D6C99C;--auth-divider-line: #4A432F;--cfm-backdrop: rgba(0, 0, 0, .56);--cfm-modal-bg: #222018;--cfm-modal-border: rgba(216, 184, 78, .16);--cfm-modal-shadow: 0 12px 30px rgba(0, 0, 0, .46);--cfm-item-bg: #2B281E;--cfm-item-hover-bg: #3A3322;--cfm-item-hover-border: #6F5D32;--cfm-item-name: #F7F2E5;--cfm-item-meta: #D6C99C;--cfm-delete-bg: rgba(184, 58, 66, .12);--cfm-delete-icon: #D85B64;--cfm-footer-bg: #171611;--cfm-footer-border: #4A432F;--cfm-input-bg: #171611;--cfm-input-border: #4A432F;--cfm-input-text: #F7F2E5;--cfm-json-bg: rgba(216, 184, 78, .06);--cfm-json-border: rgba(216, 184, 78, .12);--cfm-secondary-btn-bg: #3A3322;--cfm-secondary-btn-text: #F7F2E5;--compare-toolbar-shadow: 0 4px 14px rgba(0, 0, 0, .34);--compare-badge-shadow: 0 4px 14px rgba(216, 184, 78, .28);--compare-btn-shadow: 0 2px 10px rgba(0, 0, 0, .28);--compare-table-border: var(--border-color);--compare-header-bg: var(--bg-tertiary);--compare-cell-bg: var(--bg-card);--compare-empty-slot-bg: linear-gradient(135deg, rgba(216, 184, 78, .04) 0%, rgba(184, 58, 66, .05) 100%);--compare-best-bg: rgba(216, 184, 78, .14);--compare-best-text: #FFE08A;--compare-best-shadow: inset 3px 0 0 0 rgba(216, 184, 78, .7);--auth-switch-text: #D6C99C;--landing-hero-bg: linear-gradient(135deg, #171611 0%, #222018 25%, #3A3322 50%, #222018 75%, #171611 100%);--landing-card-bg: linear-gradient(135deg, rgba(216, 184, 78, .1), rgba(184, 58, 66, .04));--landing-card-border: rgba(216, 184, 78, .16);--landing-card-shadow: 0 14px 42px rgba(0, 0, 0, .44);--landing-card-inset-shadow: inset 0 1px 0 rgba(244, 208, 111, .12);--landing-card-glow: 0 0 0 1px rgba(216, 184, 78, .08);--srv-modal-overlay: rgba(0, 0, 0, .7);--srv-modal-bg: #222018;--srv-modal-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, .46);--srv-modal-text: #F7F2E5;--srv-modal-content-text: #D6C99C;--srv-modal-close-hover: rgba(216, 184, 78, .08)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--font-primary: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--app-font-2xs: .5rem;--app-font-xs: .58rem;--app-font-sm: .66rem;--app-font-md: .72rem;--app-font-lg: .8rem;--app-font-xl: .9rem;--app-letter-soft: .01em;--app-letter-caps: .08em;--app-action-button-bg: linear-gradient( 145deg, color-mix(in srgb, var(--bg-active, #1b2230) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--bg-card, #121826) 88%, #05070c 12%) 52%, color-mix(in srgb, var(--bg-primary, #0a0b12) 84%, #02040a 16%) 100% );--app-action-button-hover-bg: linear-gradient( 145deg, color-mix(in srgb, var(--bg-active, #1b2230) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--bg-card, #121826) 82%, #05070c 18%) 54%, color-mix(in srgb, var(--bg-primary, #0a0b12) 76%, #02040a 24%) 100% );--app-action-button-border: color-mix(in srgb, var(--border-light, rgba(255, 255, 255, .08)) 72%, #9fb0c6 28%);--app-action-button-text: color-mix(in srgb, var(--text-primary, #cbd5e1) 90%, #ffffff 10%);--app-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -18px 30px rgba(0, 0, 0, .22), 0 10px 22px rgba(0, 0, 0, .3);--app-action-button-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .17), inset 0 -18px 30px rgba(0, 0, 0, .2), 0 12px 26px rgba(0, 0, 0, .34);--app-action-button-radius: 15px;--app-action-button-focus: 0 0 0 2px color-mix(in srgb, var(--primary-color, #38bdf8) 36%, transparent), var(--app-action-button-shadow);--app-scrollbar-size: 8px;--app-scrollbar-track: transparent;--app-scrollbar-thumb: color-mix(in srgb, var(--text-tertiary, #8fa0b8) 48%, transparent);--app-scrollbar-thumb-hover: color-mix(in srgb, var(--text-secondary, #a9b6c9) 68%, transparent)}:root:not(.dark){--app-action-button-shadow: none;--app-action-button-hover-shadow: none;--app-action-button-focus: 0 0 0 2px color-mix(in srgb, var(--primary-color, #0f766e) 22%, transparent);--app-scrollbar-thumb: color-mix(in srgb, var(--text-tertiary, #adb5bd) 62%, transparent);--app-scrollbar-thumb-hover: color-mix(in srgb, var(--text-secondary, #6c757d) 62%, transparent)}html,*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}*::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}*::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}*::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--app-scrollbar-thumb);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover);background-clip:content-box}*::-webkit-scrollbar-button{width:0;height:0;display:none}*::-webkit-scrollbar-corner{background:transparent}:where(button,[role=button],[role=tab],[role=menuitem],[role=menuitemradio],label,summary,nav,header,img,svg,canvas,video,.app-no-select){-webkit-user-select:none;user-select:none}input::placeholder,textarea::placeholder{-webkit-user-select:none;user-select:none}:where(img,svg,canvas,video){-webkit-user-drag:none}body.voice-route-active .floating-image,body.voice-route-active app-lightbox,body.voice-route-active .pull-refresh-indicator{display:none!important}body.voice-route-active,body.voice-route-active .main-app-content{background:#000}body.voice-route-active app-sidebar .glassmorphism-sidebar:not(.expanded){display:none!important;pointer-events:none!important}body.voice-route-active app-sidebar .backdrop-overlay:not(.visible),body.voice-route-active app-sidebar .mobile-swipe-hint{display:none!important}:where(input,textarea,[contenteditable=true],.app-selectable-text){-webkit-user-select:text;user-select:text}.app-form-field{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--form-select-border, var(--glass-modal-input-border, var(--border-light)));background:var(--form-select-bg, var(--glass-modal-input-bg, var(--bg-dim)));color:var(--form-select-color, var(--glass-modal-text, var(--text-primary)));border-radius:10px;min-height:42px;padding:.7rem .9rem;font:inherit;font-size:.82rem;font-weight:600;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.app-form-field::placeholder{color:var(--form-select-placeholder, var(--glass-modal-text-secondary, var(--text-tertiary)))}.app-form-field:focus{outline:none;border-color:var(--input-focus-border-color);box-shadow:0 0 0 3px var(--input-focus-ring-color)}.app-form-field--compact{min-height:34px;padding:.38rem .68rem;border-radius:8px;font-size:.72rem;font-weight:600}.app-form-field--numeric{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}.srv-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--srv-modal-overlay);display:flex;justify-content:center;align-items:center;animation:srvFadeIn .2s ease}.srv-modal-container{background-color:var(--srv-modal-bg);border-radius:.5rem;padding:1.2rem;width:100%;max-width:24rem;box-shadow:var(--srv-modal-shadow);position:relative;animation:srvSlideUp .3s ease;color:var(--srv-modal-text)}.srv-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.srv-modal-title{font-size:1.1rem;font-weight:600;color:var(--srv-modal-text);margin:0}.srv-modal-close{background:none;border:none;font-size:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);border-radius:50%;transition:all .2s ease}.srv-modal-close:hover{background-color:var(--srv-modal-close-hover);color:var(--text-primary);transform:rotate(90deg)}.srv-modal-content{color:var(--srv-modal-content-text);line-height:1.6}@keyframes srvFadeIn{0%{opacity:0}to{opacity:1}}@keyframes srvSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){:root{font-size:15.5px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media(min-width:768px){:root{font-size:15px}}@media(min-width:1024px){:root{font-size:15px}}@media(min-width:1440px){:root{font-size:15px}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;height:100%}html.compact-desktop{--compact-desktop-inline-space: 1.25rem;--compact-desktop-block-space: 1rem;--compact-desktop-panel-min-height: 680px;--compact-desktop-secondary-column: 300px}html.short-desktop{--compact-desktop-block-space: .85rem;--compact-desktop-panel-min-height: 620px}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary, #1a1a1a);transition:all .3s ease;font-size:1rem;height:100%;margin:0;overflow-x:hidden}body a,body a:hover,body a:active,body a:visited{text-decoration:none;color:inherit}body.sidebar-open{overflow:hidden}body.app-shell-route{overflow-x:hidden;overflow-y:auto}@media(max-width:1024px){html,body.app-shell-route{overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom}}@media(max-width:768px)and (pointer:coarse){body.app-shell-route input:not([type=range]),body.app-shell-route textarea,body.app-shell-route select{font-size:inherit!important;-webkit-text-size-adjust:100%}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}button{cursor:pointer;font-family:inherit;transition:var(--transition);font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control{font-size:.875rem;padding:.5rem .75rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-screen{height:100vh}.h-full{height:100%}.min-h-screen{min-height:100vh}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-on-primary,.text-on-secondary,.text-on-success,.text-on-danger{color:#fff!important}.text-on-warning{color:var(--text-primary)!important}.bg-gradient-primary{background:var(--primary-gradient);color:#fff!important}.bg-gradient-secondary{background:var(--secondary-gradient);color:#fff!important}.border{border:1px solid var(--border-color)}.border-light{border:1px solid var(--border-light)}.border-dark{border:1px solid var(--border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.hover-bg:hover{background-color:var(--bg-hover)}.active-bg:active{background-color:var(--bg-active)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.form-control{background-color:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-color);font-size:.875rem;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--accent-blue-light);background-color:var(--bg-primary)}.form-control::placeholder{color:var(--text-tertiary)}.form-control:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.btn{padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.card{background-color:var(--bg-elevated);border-radius:.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-dark)}.card .card-header{padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary)}.card .card-body{padding:1rem}.card .card-footer{padding:1rem;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.modal-overlay{background:#00000080}:root.dark .modal-overlay{background:#00000080}:root.dark .modal-backdrop,:root.dark .apple-modal-backdrop,:root.dark .dialog-backdrop{background:#00000080!important}.hidden{display:none!important}.main-app-content{height:100%;display:flex;flex-direction:column}body:not(.app-shell-route){height:auto;min-height:100%;overflow-y:auto}body:not(.app-shell-route) app-root,body:not(.app-shell-route) .main-app-content{display:block;min-height:100vh;min-height:100dvh}body:not(.app-shell-route) .main-app-content{height:auto}