:root,[data-theme=dark]{--chef-color-primary: #7c3aed;--chef-color-primary-hover: #6d28d9;--chef-color-primary-light: rgba(124, 58, 237, .15);--chef-color-secondary: #8b5cf6;--chef-color-secondary-hover: #7c3aed;--chef-color-success: #22c55e;--chef-color-success-light: rgba(34, 197, 94, .15);--chef-color-warning: #f59e0b;--chef-color-warning-light: rgba(245, 158, 11, .15);--chef-color-error: #ef4444;--chef-color-error-light: rgba(239, 68, 68, .15);--chef-color-info: #3b82f6;--chef-color-info-light: rgba(59, 130, 246, .15);--chef-color-bg: #0f172a;--chef-color-bg-elevated: #1e293b;--chef-color-surface: #1e293b;--chef-color-surface-hover: rgba(255, 255, 255, .04);--chef-color-overlay: rgba(0, 0, 0, .6);--chef-color-text: #e2e8f0;--chef-color-text-secondary: #94a3b8;--chef-color-text-muted: #64748b;--chef-color-text-inverse: #0f172a;--chef-color-border: #334155;--chef-color-border-hover: #475569;--chef-color-divider: #1e293b;--chef-color-focus-ring: rgba(124, 58, 237, .35);--chef-spacing-xs: 4px;--chef-spacing-sm: 8px;--chef-spacing-md: 16px;--chef-spacing-lg: 24px;--chef-spacing-xl: 32px;--chef-spacing-2xl: 48px;--chef-spacing-3xl: 64px;--chef-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--chef-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--chef-font-size-xs: .75rem;--chef-font-size-sm: .875rem;--chef-font-size-md: 1rem;--chef-font-size-lg: 1.125rem;--chef-font-size-xl: 1.25rem;--chef-font-size-2xl: 1.5rem;--chef-font-size-3xl: 2rem;--chef-font-size-4xl: 2.5rem;--chef-line-height-tight: 1.25;--chef-line-height-normal: 1.5;--chef-line-height-relaxed: 1.75;--chef-radius-sm: 4px;--chef-radius-md: 8px;--chef-radius-lg: 12px;--chef-radius-xl: 16px;--chef-radius-full: 9999px;--chef-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--chef-shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--chef-shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--chef-shadow-xl: 0 20px 25px rgba(0, 0, 0, .35);--chef-transition-fast: .1s ease;--chef-transition-normal: .2s ease;--chef-transition-slow: .3s ease;--chef-z-dropdown: 100;--chef-z-sticky: 200;--chef-z-overlay: 300;--chef-z-modal: 400;--chef-z-popover: 500;--chef-z-tooltip: 600;--chef-z-notification: 700}[data-theme=light]{--chef-color-primary: #7c3aed;--chef-color-primary-hover: #6d28d9;--chef-color-primary-light: rgba(124, 58, 237, .08);--chef-color-secondary: #8b5cf6;--chef-color-secondary-hover: #7c3aed;--chef-color-success: #16a34a;--chef-color-success-light: rgba(22, 163, 74, .08);--chef-color-warning: #d97706;--chef-color-warning-light: rgba(217, 119, 6, .08);--chef-color-error: #dc2626;--chef-color-error-light: rgba(220, 38, 38, .08);--chef-color-info: #2563eb;--chef-color-info-light: rgba(37, 99, 235, .08);--chef-color-bg: #ffffff;--chef-color-bg-elevated: #f8fafc;--chef-color-surface: #ffffff;--chef-color-surface-hover: rgba(0, 0, 0, .04);--chef-color-overlay: rgba(0, 0, 0, .4);--chef-color-text: #0f172a;--chef-color-text-secondary: #475569;--chef-color-text-muted: #94a3b8;--chef-color-text-inverse: #ffffff;--chef-color-border: #e2e8f0;--chef-color-border-hover: #cbd5e1;--chef-color-divider: #f1f5f9;--chef-color-focus-ring: rgba(124, 58, 237, .25);--chef-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--chef-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--chef-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--chef-shadow-xl: 0 20px 25px rgba(0, 0, 0, .12)}@media(prefers-color-scheme:light){[data-theme=auto]{--chef-color-bg: #ffffff;--chef-color-bg-elevated: #f8fafc;--chef-color-surface: #ffffff;--chef-color-surface-hover: rgba(0, 0, 0, .04);--chef-color-overlay: rgba(0, 0, 0, .4);--chef-color-text: #0f172a;--chef-color-text-secondary: #475569;--chef-color-text-muted: #94a3b8;--chef-color-text-inverse: #ffffff;--chef-color-border: #e2e8f0;--chef-color-border-hover: #cbd5e1;--chef-color-divider: #f1f5f9;--chef-color-focus-ring: rgba(124, 58, 237, .25);--chef-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--chef-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--chef-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--chef-shadow-xl: 0 20px 25px rgba(0, 0, 0, .12);--chef-color-success: #16a34a;--chef-color-warning: #d97706;--chef-color-error: #dc2626;--chef-color-info: #2563eb}}:root,[data-theme=dark]{--chef-color-primary: #ec5f49;--chef-color-primary-hover: #d94e38;--chef-color-primary-light: rgba(236, 95, 73, .15);--chef-color-secondary: #8a7c5c;--chef-color-secondary-hover: #a89c8a;--chef-color-bg: #1c1c1c;--chef-color-bg-elevated: #262626;--chef-color-surface: #262626;--chef-color-text: #f5f2e9;--chef-color-text-secondary: #a89c8a;--chef-color-text-muted: #8a8273;--chef-color-text-inverse: #1c1c1c;--chef-color-border: #3a3a3a;--chef-color-border-hover: #4a4438;--chef-color-divider: #2e2e2e;--chef-color-focus-ring: rgba(236, 95, 73, .35);--chef-color-surface-hover: rgba(255, 255, 255, .06);--chef-color-overlay: rgba(0, 0, 0, .55);--cheflab-accent-soft: #ec8a76;--cheflab-footer-bg: #161616;--cheflab-hex-stroke: #8a7c5c;--cheflab-hex-fill: #2e2c26;--cheflab-marble-cream: #ebe8df}chef-button[color=primary]{--chefui-color: var(--chef-color-primary);--chefui-color-hover: var(--chef-color-primary-hover);--chefui-color-active: #c44434}chef-ui-chip[color=primary]{--chefui-chip-bg: var(--chef-color-primary-light);--chefui-chip-color: var(--cheflab-accent-soft);--chefui-chip-bg-hover: rgba(236, 95, 73, .25)}@media(max-width:768px){chef-ui-navbar::part(end){display:flex;position:static;padding:0;background:transparent;margin-left:auto;flex:0 0 auto;width:auto}}html{scroll-behavior:smooth}body{margin:0;background:var(--chef-color-bg);color:var(--chef-color-text);font-family:var(--chef-font-family);line-height:var(--chef-line-height-normal)}a{color:var(--cheflab-accent-soft);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:2px solid var(--chef-color-primary);outline-offset:2px}.section{padding:var(--chef-spacing-2xl) 0}