@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--color-primary: #4A7C59;--color-primary-light: #E8F0EA;--color-secondary: #E87B35;--color-secondary-light: #FEF0E8;--color-tertiary: #C4A35A;--color-tertiary-light: #FCF8ED;--color-accent: var(--color-secondary);--color-accent-light: var(--color-secondary-light);--color-bg-light: #F5F3EF;--color-bg-white: #FFFFFF;--color-bg-dark: #2C2A28;--color-bg-darker: #1A1918;--color-text-dark: #1A1918;--color-text-muted: #6B6560;--color-text-light: #FFFFFF;--color-text-cream: #F5F3EF;--color-divider: #E8E4DE;--shadow-sm: 0 2px 4px rgba(26, 25, 24, .06);--shadow-md: 0 4px 12px rgba(26, 25, 24, .08);--shadow-lg: 0 8px 24px rgba(26, 25, 24, .12);--shadow-xl: 0 16px 48px rgba(26, 25, 24, .16);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--font-sans: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "IBM Plex Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4rem;--text-7xl: 5rem;--text-8xl: 6rem;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max: 1280px;--container-padding: var(--space-lg);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}[data-theme=dark]{--color-bg-light: #1A1918;--color-bg-white: #2C2A28;--color-bg-dark: #2C2A28;--color-bg-darker: #1A1918;--color-text-dark: #F5F3EF;--color-text-muted: #9B9590;--color-text-light: #F5F3EF;--color-text-cream: #F5F3EF;--color-divider: #3D3B39;--color-primary-light: rgba(74, 124, 89, .25);--color-secondary-light: rgba(232, 123, 53, .2);--color-tertiary-light: rgba(196, 163, 90, .2);--color-accent-light: var(--color-secondary-light);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-dark);background-color:var(--color-bg-light);min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow)}#root{min-height:100vh;display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}.heading-1{font-size:clamp(var(--text-4xl),8vw,var(--text-5xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em}.heading-2{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em}.heading-3{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:-.01em}.heading-4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.text-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.text-small{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding:var(--space-4xl) 0}.section-dark{background-color:var(--color-bg-dark);color:var(--color-text-light)}[data-theme=dark] .section-dark{background-color:#2d2a28;color:#fdf8f3}.section-cream{background-color:var(--color-bg-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-dark)}@media(max-width:768px){:root{--container-padding: var(--space-md)}.section{padding:var(--space-3xl) 0}}@media(max-width:480px){:root{--container-padding: var(--space-sm)}.section{padding:var(--space-2xl) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn-pill{border-radius:var(--radius-full)}.btn-icon-only{padding:var(--space-sm);aspect-ratio:1}.btn-icon-only.btn-sm{padding:var(--space-xs)}.btn-icon-only.btn-lg{padding:var(--space-md)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background-color:#3d6648}.btn-primary:active{background-color:#345538}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-light)}.btn-secondary:hover{background-color:#d16a2a}.btn-secondary:active{background-color:#b85c24}.btn-outline{background-color:transparent;border-color:var(--color-divider);color:var(--color-text-dark)}.btn-outline:hover{background-color:var(--color-bg-light);border-color:var(--color-text-muted)}.btn-ghost{background-color:transparent;color:var(--color-text-dark)}.btn-ghost:hover{background-color:#0000000a}[data-theme=dark] .btn-ghost:hover{background-color:#ffffff14}.btn-dark{background-color:var(--color-text-dark);color:var(--color-text-light)}.btn-dark:hover{background-color:#2d2b29}.btn-light{background-color:var(--color-bg-white);color:var(--color-text-dark);border-color:var(--color-divider)}.btn-light:hover{background-color:var(--color-bg-light)}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-icon svg{width:1.2em;height:1.2em}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-md) 0;transition:all var(--transition-base)}.nav-scrolled{background-color:#fdf8f3e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}[data-theme=dark] .nav-scrolled{background-color:#1a1918e6}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--weight-bold);font-size:var(--text-lg)}.logo-image{height:64px;width:auto;max-width:280px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{position:relative;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.nav-link:hover{color:var(--color-text-dark);background-color:var(--color-primary-light)}.nav-link-active{color:#fff}.nav-link-indicator{position:absolute;inset:0;background-color:var(--color-primary);border-radius:var(--radius-md);z-index:-1}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.nav-mobile-toggle{display:none;padding:var(--space-sm);color:var(--color-text-dark)}@media(max-width:1024px){.nav-links{position:fixed;top:70px;left:0;right:0;flex-direction:column;background-color:var(--color-bg-white);padding:var(--space-lg);gap:var(--space-sm);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}[data-theme=dark] .nav-links{background-color:#2d2a28}.nav-links-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{width:100%;text-align:center;padding:var(--space-md)}.nav-mobile-toggle{display:flex}}@media(max-width:480px){.logo-image{height:48px;max-width:200px}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap}.badge-sm{padding:2px var(--space-sm);font-size:var(--text-xs)}.badge-md{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.badge-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.badge-default{background-color:var(--color-bg-light);color:var(--color-text-dark)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-light)}.badge-secondary{background-color:var(--color-accent);color:var(--color-text-light)}.badge-light{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-dark{background-color:var(--color-bg-dark);color:var(--color-text-light)}.badge-outline{background-color:transparent;border:1px solid currentColor;color:var(--color-text-dark)}[data-theme=dark] .badge-default{background-color:#3a3735;color:var(--color-text-dark)}[data-theme=dark] .badge-light{background-color:#7a8b7a33}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:var(--space-4xl)}.hero-layout{display:flex;align-items:center;justify-content:center;gap:var(--space-3xl)}.hero-content{text-align:center;max-width:700px;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-mascot{flex-shrink:0;display:none}@media(min-width:1024px){.hero-mascot{display:block}.hero-content{text-align:left}.hero-stats{justify-content:flex-start}}.hero-title{font-size:clamp(3rem,10vw,6rem);font-weight:var(--weight-black);line-height:1.05;letter-spacing:-.03em;margin:var(--space-lg) 0;color:var(--color-text-dark)}.hero-title-accent{color:var(--color-primary)}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-muted);max-width:500px;margin:0 auto var(--space-2xl);line-height:var(--leading-relaxed)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-3xl);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.hero-stat-number{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:var(--weight-black);color:var(--color-text-dark);line-height:1}.hero-stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:50px;background-color:var(--color-text-muted);opacity:.3}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-text-muted);animation:bounce 2s infinite;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.hero-scroll:hover{color:var(--color-primary)}.hero-scroll-text{font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.1em}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-bg-shapes{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;opacity:.4}.hero-shape-1{width:400px;height:400px;background:var(--color-primary-light);top:-100px;right:-100px}.hero-shape-2{width:300px;height:300px;background:var(--color-accent-light);bottom:10%;left:-50px}.hero-shape-3{width:200px;height:200px;background:var(--color-primary-light);bottom:20%;right:10%}@media(max-width:768px){.hero{min-height:auto;padding:var(--space-4xl) 0 var(--space-3xl)}.hero-stats{gap:var(--space-lg)}.hero-stat-divider{display:none}.hero-stat{min-width:100px}.hero-subtitle{font-size:var(--text-lg)}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-stat-number{font-size:var(--text-3xl)}.hero-stats{gap:var(--space-md)}}.card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-divider);box-shadow:none;overflow:hidden;transition:all var(--transition-fast)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-md)}.card-padding-md{padding:var(--space-lg)}.card-padding-lg{padding:var(--space-xl)}.card-padding-xl{padding:var(--space-2xl)}.card-hover:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.card-clickable{cursor:pointer}.card-default{background-color:var(--color-bg-white)}.card-cream{background-color:var(--color-bg-light)}.card-dark{background-color:#2d2a28;color:#f5f0eb}.card-primary{background-color:var(--color-primary-light);border-color:var(--color-primary)}.card-accent{background-color:var(--color-secondary-light);border-color:var(--color-secondary)}.card-outline{background-color:transparent;border-color:var(--color-divider)}.card-outline:hover{border-color:var(--color-text-muted)}.card-header{padding-bottom:var(--space-md);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--space-md)}.card-body{flex:1}.card-footer{padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.06);margin-top:var(--space-md)}[data-theme=dark] .card{border-color:#ffffff1a}[data-theme=dark] .card-default{background-color:#3a3735}[data-theme=dark] .card-cream{background-color:#2d2a28}[data-theme=dark] .card-header,[data-theme=dark] .card-footer{border-color:#ffffff1a}.schedule{background-color:#2d2a28;color:#f5f0eb}.schedule-header{text-align:center;margin-bottom:var(--space-3xl)}.schedule-header h2{margin:var(--space-md) 0;color:#f5f0eb}.schedule-header .text-muted{color:#ffffffb3}.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.schedule-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.schedule-card-icon{font-size:3rem;margin-bottom:var(--space-sm)}.schedule-card-time{display:flex;flex-direction:column;gap:2px}.schedule-time-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.schedule-time-range{font-size:var(--text-xs);color:var(--color-text-muted)}.schedule-card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-dark)}.schedule-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.schedule-total{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-3xl);padding:var(--space-xl);background-color:#ffffff0d;border-radius:var(--radius-lg)}.schedule-total-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.schedule-total-number{font-size:var(--text-4xl);font-weight:var(--weight-black);color:#f5f0eb}.schedule-total-label{font-size:var(--text-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.schedule-total-divider{width:1px;height:60px;background-color:#fff3}@media(max-width:1024px){.schedule-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.schedule-grid{grid-template-columns:1fr}.schedule-total{flex-direction:column;gap:var(--space-lg)}.schedule-total-divider{width:60px;height:1px}}.shopping-header{text-align:center;margin-bottom:var(--space-2xl)}.shopping-mascot{display:flex;justify-content:center;margin-bottom:var(--space-md)}.shopping-header h2{margin:var(--space-md) 0}.shopping-tabs{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.shopping-tab{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:var(--color-bg-white);border:1px solid var(--color-divider);border-radius:var(--radius-md);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;overflow:hidden}.shopping-tab:hover{border-color:var(--color-primary-light);color:var(--color-text-dark)}.shopping-tab-active{color:var(--color-text-light);border-color:transparent}.shopping-tab-active:hover{border-color:transparent;color:var(--color-text-light)}.tab-indicator{position:absolute;inset:0;background-color:var(--color-primary);z-index:-1;border-radius:var(--radius-md)}.shopping-tab-icon{font-size:var(--text-xl);position:relative;z-index:1}.shopping-tab-label{position:relative;z-index:1}.shopping-card{max-width:700px;margin:0 auto}.shopping-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--space-lg)}.shopping-card-info h3{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.shopping-card-progress{text-align:right;min-width:100px}.progress-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.progress-bar{height:6px;background-color:var(--color-bg-light);border-radius:var(--radius-full);margin-top:var(--space-xs);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.swipe-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-md);opacity:.7}.shopping-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.shopping-item{position:relative;overflow:hidden;border-radius:var(--radius-sm)}.shopping-item-bg{position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-sm)}.swipe-check-indicator{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--text-xl);color:var(--color-primary);font-weight:700;pointer-events:none}.shopping-item-content{position:relative;background-color:var(--color-bg-white);touch-action:pan-y;cursor:grab}.shopping-item-content:active{cursor:grabbing}.shopping-item-checked .checkbox-label{text-decoration:line-through;color:var(--color-text-muted)}.shopping-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.shopping-checkbox:hover{background-color:var(--color-bg-light)}.shopping-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:20px;height:20px;border:2px solid var(--color-text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.shopping-checkbox input:checked+.checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.shopping-checkbox input:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-label{font-size:var(--text-sm);transition:all var(--transition-fast)}.shopping-actions{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(0,0,0,.06);text-align:center}[data-theme=dark] .shopping-tab{background-color:#3a3735}[data-theme=dark] .shopping-item-content{background-color:#2c2a28}[data-theme=dark] .shopping-checkbox:hover{background-color:#ffffff0d}[data-theme=dark] .shopping-card-header,[data-theme=dark] .shopping-actions{border-color:#ffffff1a}[data-theme=dark] .swipe-check-indicator{color:#4a7c59}@media(max-width:600px){.shopping-tabs{flex-direction:column}.shopping-tab{justify-content:center}.shopping-card-header{flex-direction:column}.shopping-card-progress{text-align:left;width:100%}.shopping-items{grid-template-columns:1fr}}.mealprep{background-color:#2d2a28;color:#f5f0eb}.mealprep-header{text-align:center;margin-bottom:var(--space-3xl)}.mealprep-mascot{display:flex;justify-content:center;margin-bottom:var(--space-md)}.mealprep-header h2{margin:var(--space-md) 0;color:#f5f0eb}.mealprep-header .text-large{color:#ffffffb3}.mealprep-timeline{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.mealprep-step{display:flex;gap:var(--space-lg);align-items:flex-start}.mealprep-step-number{width:48px;height:48px;min-width:48px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--weight-bold);position:relative}.mealprep-step:not(:last-child) .mealprep-step-number:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:calc(100% + var(--space-lg));background-color:#fff3}.mealprep-step-card{flex:1}.mealprep-step-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-sm);color:var(--color-text-dark)}.mealprep-step-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:var(--leading-relaxed)}.mealprep-tip{max-width:700px;margin:var(--space-3xl) auto 0;display:flex;gap:var(--space-lg);padding:var(--space-xl);background-color:#ffffff0d;border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.mealprep-tip-icon{font-size:2rem}.mealprep-tip-content h4{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-xs);color:#f5f0eb}.mealprep-tip-content p{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed)}@media(max-width:600px){.mealprep-step{flex-direction:column;align-items:center;text-align:center}.mealprep-step-number:after{display:none}.mealprep-tip{flex-direction:column;text-align:center}}.marinades-header{text-align:center;margin-bottom:var(--space-3xl)}.marinades-header h2{margin:var(--space-md) 0}.marinades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.marinade-card{position:relative;overflow:hidden}.marinade-accent{position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--accent-color, var(--color-primary))}.marinade-name{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-md);padding-top:var(--space-sm)}.marinade-ingredients{margin-bottom:var(--space-lg)}.marinade-ingredients li{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-xs) 0;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:var(--space-sm)}.marinade-ingredients li:before{content:"•";color:var(--accent-color, var(--color-primary));font-weight:700}.marinade-ingredients li:last-child{border-bottom:none}.marinades-tip{text-align:center;margin-top:var(--space-3xl);padding:var(--space-lg);background-color:var(--color-accent-light);border-radius:var(--radius-lg)}.marinades-tip p{font-size:var(--text-sm);color:var(--color-text-dark)}.marinades-tip strong{color:var(--color-accent)}[data-theme=dark] .marinade-ingredients li{border-color:#ffffff1a}[data-theme=dark] .marinades-tip{background-color:#c4a9a01a}@media(max-width:600px){.marinades-grid{grid-template-columns:1fr}}.mealideas-header{text-align:center;margin-bottom:var(--space-3xl)}.mealideas-mascot{display:flex;justify-content:center;margin-bottom:var(--space-md)}.mealideas-header h2{margin:var(--space-md) 0}.mealideas-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start}.mealideas-categories{display:flex;flex-direction:column;gap:var(--space-xl)}.mealideas-category-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-md);color:var(--color-text-dark)}.mealideas-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.meal-option-wrapper{cursor:grab;touch-action:none}.meal-option-wrapper:active{cursor:grabbing}.meal-option-wrapper-selected .meal-option{border-color:var(--color-primary);background-color:var(--color-primary-light)}.meal-option{cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.meal-option:hover{border-color:var(--color-primary-light)}.meal-option-selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.meal-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.meal-option-name{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.meal-option-check{width:20px;height:20px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.meal-option-macros{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}.mealideas-sidebar{position:sticky;top:100px}.mealideas-totals{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light))}.sidebar-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-lg);text-align:center}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(0,0,0,.1)}.sidebar-stat{text-align:center}.sidebar-stat-number{font-size:var(--text-3xl);font-weight:var(--weight-black);display:block;line-height:1}.sidebar-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-selected{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sidebar-meal{display:flex;justify-content:space-between;font-size:var(--text-sm)}.sidebar-meal-cat{color:var(--color-text-muted)}.sidebar-meal-name{font-weight:var(--weight-medium);text-align:right;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}[data-theme=dark] .mealideas-totals{background:linear-gradient(135deg,#7a8b7a4d,#c4a9a033)}[data-theme=dark] .sidebar-stats{border-color:#ffffff1a}@media(max-width:900px){.mealideas-layout{grid-template-columns:1fr;padding-bottom:60px}.mealideas-sidebar{position:fixed!important;top:auto!important;bottom:0!important;left:0;right:0;z-index:9999;padding:var(--space-xs) var(--space-md);background:var(--color-bg-white);box-shadow:0 -2px 10px #00000026;border-top:1px solid var(--color-divider);height:auto!important;max-height:none!important;overflow:visible;touch-action:none}.mealideas-sidebar .sidebar-stat-number{color:var(--color-text-dark)!important}.mealideas-sidebar .sidebar-stat-label{color:var(--color-text-muted)!important}.sidebar-drag-handle{width:40px;height:4px;background:var(--color-text-muted);border-radius:2px;margin:6px auto 4px;opacity:.4}.mealideas-sidebar .card,.mealideas-sidebar .mealideas-totals{padding:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.mealideas-totals{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.sidebar-title{display:none}.sidebar-stats{display:flex;flex-direction:row;border:none;padding:0;margin:0;gap:var(--space-md)}.sidebar-stat{display:flex;align-items:baseline;gap:2px}.sidebar-selected{display:none}.sidebar-actions{display:flex;gap:var(--space-xs);margin-left:auto}.sidebar-stat-number{font-size:var(--text-base);font-weight:var(--weight-bold)}.sidebar-stat-label{font-size:10px;text-transform:lowercase}.sidebar-actions .btn-text{display:none}.sidebar-actions .btn{padding:var(--space-xs)}[data-theme=dark] .mealideas-sidebar{background:#2c2a28;border-color:#ffffff1a}[data-theme=dark] .mealideas-sidebar .sidebar-stat-number{color:#f5f3ef!important}[data-theme=dark] .mealideas-sidebar .sidebar-stat-label{color:#fff9!important}[data-theme=dark] .mealideas-sidebar .btn-dark{background:#f5f3ef;color:#1a1918}[data-theme=dark] .mealideas-sidebar .btn-dark:hover{background:#e8e4de}.sidebar-restore-btn{position:fixed;bottom:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);cursor:pointer;z-index:var(--z-sticky)}[data-theme=dark] .sidebar-restore-btn{background:var(--color-primary)}}@media(max-width:480px){.mealideas-options{grid-template-columns:1fr}}@media(min-width:901px){.sidebar-drag-handle,.sidebar-restore-btn{display:none}}.weekly{background-color:#2d2a28;color:#f5f0eb}.weekly-header{text-align:center;margin-bottom:var(--space-2xl)}.weekly-header h2{margin:var(--space-md) 0;color:#f5f0eb}.weekly-header .text-large{color:#ffffffb3;margin-bottom:var(--space-lg)}.weekly-mascot{display:flex;justify-content:center;margin-top:var(--space-md)}.weekly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto}.day-card-wrapper{opacity:1}.day-card{height:100%;display:flex;flex-direction:column}.day-card-content{flex:1;padding-bottom:var(--space-md)}.day-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-sm)}.day-title-group{display:flex;align-items:flex-start;gap:var(--space-sm)}.day-emoji{font-size:var(--text-2xl);line-height:1}.day-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-dark);margin:0;line-height:1.2}.day-tagline{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.day-macros{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.day-meals{display:flex;flex-direction:column;gap:var(--space-sm)}.day-meal-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-light);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.day-meal-item:hover{background:var(--color-primary-light)}.meal-emoji{font-size:var(--text-lg);line-height:1;flex-shrink:0}.meal-info{display:flex;flex-direction:column;gap:2px;min-width:0}.meal-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-dark)}.meal-desc{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-card-actions{display:flex;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.06);justify-content:center}[data-theme=dark] .day-meal-item{background:#ffffff0d}[data-theme=dark] .day-meal-item:hover{background:#ffffff1a}[data-theme=dark] .day-card-actions{border-color:#ffffff1a}@media(max-width:900px){.weekly-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.weekly-mascot img{width:100px!important;height:100px!important}}@media(max-width:600px){.weekly-grid{grid-template-columns:1fr;gap:var(--space-md)}.day-card.card{padding:var(--space-md)}.day-card-header{flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.day-macros{flex-direction:row;align-items:center}.day-name{font-size:var(--text-base)}.day-card-content{padding-bottom:var(--space-sm)}.day-meals{gap:var(--space-xs)}.day-meal-item{padding:var(--space-xs) var(--space-sm)}.meal-emoji{font-size:var(--text-base)}.meal-name{font-size:var(--text-xs)}.meal-desc{font-size:10px}.day-card-actions{padding-top:var(--space-sm);gap:var(--space-xs)}.day-card-actions .btn-text{display:none}.day-card-actions .btn{padding:var(--space-xs)}.weekly-mascot img{width:80px!important;height:80px!important}}.tips-header{text-align:center;margin-bottom:var(--space-3xl)}.tips-mascot{margin-bottom:var(--space-md)}.tips-header h2{margin:var(--space-md) 0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.tip-card{position:relative}.tip-number{font-size:var(--text-5xl);font-weight:var(--weight-black);color:var(--color-primary-light);line-height:1;margin-bottom:var(--space-md)}[data-theme=dark] .tip-number{color:#7a8b7a4d}.tip-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.tip-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media(max-width:600px){.tips-grid{grid-template-columns:1fr}}.proteinref{background-color:#2d2a28;color:#f5f0eb}.proteinref-header{text-align:center;margin-bottom:var(--space-3xl)}.proteinref-mascot{display:flex;justify-content:center;margin-bottom:var(--space-md)}.proteinref-header h2{margin:var(--space-md) 0;color:#f5f0eb}.proteinref-header .text-large{color:#ffffffb3}.proteinref-card{max-width:600px;margin:0 auto}.proteinref-table{display:flex;flex-direction:column}.proteinref-header-row{display:flex;justify-content:space-between;padding:var(--space-md);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.proteinref-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid rgba(0,0,0,.06)}.proteinref-row:last-child{border-bottom:none}.proteinref-row:hover{background-color:var(--color-bg-light)}.proteinref-item{font-size:var(--text-sm);color:var(--color-text-dark)}.proteinref-protein{font-size:var(--text-sm);color:var(--color-primary)}.proteinref-protein strong{font-weight:var(--weight-bold)}.proteinref-note{text-align:center;margin-top:var(--space-xl);font-size:var(--text-sm);color:#ffffff80;font-style:italic}[data-theme=dark] .proteinref-row{border-color:#ffffff1a}[data-theme=dark] .proteinref-row:hover{background-color:#ffffff0d}.resources-header{text-align:center;margin-bottom:var(--space-3xl)}.resources-header h2{margin:var(--space-md) 0}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.resource-category{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-primary)}.resource-links{display:flex;flex-direction:column;gap:var(--space-sm)}.resource-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-dark);transition:all var(--transition-fast)}.resource-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.resource-link svg{opacity:0;transform:translate(-5px);transition:all var(--transition-fast)}.resource-link:hover svg{opacity:1;transform:translate(0)}[data-theme=dark] .resource-link:hover{background-color:#7a8b7a33}@media(max-width:600px){.resources-grid{grid-template-columns:1fr}}.footer{background-color:#2d2a28;color:#f5f0eb;padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-2xl);margin-bottom:var(--space-3xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer-logo-image{height:64px;width:auto;max-width:260px;object-fit:contain}.footer-tagline{font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-lg);max-width:280px;line-height:var(--leading-relaxed)}.footer-socials{display:flex;gap:var(--space-sm)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:var(--radius-sm);color:#f5f0eb;transition:all var(--transition-fast)}.footer-social-link:hover{background-color:var(--color-primary);transform:translateY(-2px)}.footer-nav h4,.footer-contact h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:#f5f0eb;margin-bottom:var(--space-lg)}.footer-nav ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-nav button{font-size:var(--text-sm);color:#ffffffb3;transition:color var(--transition-fast);text-align:left}.footer-nav button:hover{color:var(--color-primary-light)}.footer-contact p{font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.footer-cta{display:inline-block;padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.footer-cta:hover{background-color:#6a7b6a;transform:translateY(-1px)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:var(--text-sm);color:#ffffff80}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:span 2}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}.share-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background-color:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:100%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.share-modal-close:hover{color:var(--color-text-dark)}.share-modal-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-lg);padding-right:var(--space-xl)}.share-preview{background-color:var(--color-bg-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.share-preview p{font-size:var(--text-sm);color:var(--color-text-muted);white-space:pre-line}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.share-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast);color:#fff}.share-option span{font-size:var(--text-sm);font-weight:var(--weight-medium)}.share-facebook{background-color:#1877f2}.share-facebook:hover{background-color:#166fe5}.share-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-instagram:hover{opacity:.9}.share-whatsapp{background-color:#25d366}.share-whatsapp:hover{background-color:#22c55e}.share-email{background-color:var(--color-text-dark)}.share-email:hover{background-color:var(--color-bg-darker)}.share-copy-btn{width:100%}[data-theme=dark] .share-modal{background-color:#2d2a28}[data-theme=dark] .share-preview{background-color:#3a3735}@media(max-width:480px){.share-options{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.share-option{padding:var(--space-md)}}main{flex:1}*{transition:background-color var(--transition-slow),border-color var(--transition-base),box-shadow var(--transition-base)}.preload *{transition:none!important}