@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-primary: #FDFBF7;--color-bg-secondary: #F7F4EE;--color-bg-tertiary: #EFE9DE;--color-surface-primary: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-overlay: rgba(54, 90, 66, .4);--color-primary: #4A7C59;--color-primary-light: #6B9B7A;--color-primary-dark: #365A42;--color-primary-subtle: #EFF5F1;--color-accent: #C17F59;--color-accent-light: #D4A07D;--color-accent-dark: #9A6347;--color-accent-subtle: #FDF5F0;--color-text-primary: #2D3436;--color-text-secondary: #636E72;--color-text-tertiary: #A0A8AB;--color-text-inverse: #FFFFFF;--color-text-disabled: #CDD2D4;--color-success: #4A7C59;--color-warning: #E5A84B;--color-error: #C25B56;--color-info: #5B8FA8;--color-nutrition-calories: #C17F59;--color-nutrition-protein: #4A7C59;--color-nutrition-carbs: #E5A84B;--color-nutrition-fat: #9B7FA8;--color-nutrition-sugar: #D4707A;--color-nutrition-fiber: #6B9B7A;--color-nutrition-sodium: #5B8FA8;--color-border-light: #F0EBE0;--color-border-medium: #E0D8CA;--color-border-dark: #C9C0B0;--font-display: "DM Serif Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0px 1px 3px rgba(45, 52, 54, .04), 0px 1px 2px rgba(45, 52, 54, .06);--shadow-md: 0px 4px 8px rgba(45, 52, 54, .04), 0px 2px 4px rgba(45, 52, 54, .06);--shadow-lg: 0px 10px 20px rgba(45, 52, 54, .06), 0px 4px 8px rgba(45, 52, 54, .04);--shadow-xl: 0px 20px 40px rgba(45, 52, 54, .08), 0px 8px 16px rgba(45, 52, 54, .04);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--easing-default: cubic-bezier(.16, 1, .3, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark],.dark{--color-bg-primary: #1C1F1E;--color-bg-secondary: #262B29;--color-bg-tertiary: #313836;--color-surface-primary: #262B29;--color-surface-elevated: #313836;--color-surface-overlay: rgba(0, 0, 0, .6);--color-primary: #6B9B7A;--color-primary-light: #8AB897;--color-primary-dark: #4A7C59;--color-primary-subtle: #2A3B30;--color-accent: #D4A07D;--color-accent-light: #E5BEA1;--color-accent-dark: #C17F59;--color-accent-subtle: #3A302A;--color-text-primary: #F5F3F0;--color-text-secondary: #B8B4AE;--color-text-tertiary: #7A7570;--color-text-inverse: #1C1F1E;--color-text-disabled: #525552;--color-success: #6B9B7A;--color-warning: #E5A84B;--color-error: #D47A76;--color-info: #7AAFC4;--color-nutrition-calories: #D4A07D;--color-nutrition-protein: #6B9B7A;--color-nutrition-carbs: #E5A84B;--color-nutrition-fat: #B099BD;--color-nutrition-sugar: #E08A94;--color-nutrition-fiber: #8AB897;--color-nutrition-sodium: #7AAFC4;--color-border-light: #3A403E;--color-border-medium: #4A524F;--color-border-dark: #5A635F;--shadow-sm: 0px 1px 3px rgba(0, 0, 0, .2), 0px 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0px 4px 8px rgba(0, 0, 0, .25), 0px 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0px 10px 20px rgba(0, 0, 0, .3), 0px 4px 8px rgba(0, 0, 0, .25);--shadow-xl: 0px 20px 40px rgba(0, 0, 0, .4), 0px 8px 16px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;min-height:100dvh;position:relative}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4,h5,h6{font-family:var(--font-body);font-weight:600}code,pre{font-family:var(--font-mono)}button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}::selection{background-color:var(--color-primary-subtle);color:var(--color-primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--easing-default)}.animate-slide-up{animation:slideUp var(--transition-normal) var(--easing-default)}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--easing-default)}.animate-bounce-in{animation:bounceIn var(--transition-slow) var(--easing-bounce)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:639px){.hidden-mobile{display:none!important}}@media(min-width:640px){.hidden-desktop{display:none!important}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}