:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: var(--font-sans);--font-display: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display-weight: 600;--font-display-variation: "SOFT" 40, "WONK" 0;--text-display: clamp(2.25rem, 5vw, 3.5rem);--text-h1: clamp(1.75rem, 3vw, 2.25rem);--text-h2: 1.5rem;--text-h3: 1.125rem;--text-label: .75rem;--text-step: clamp(1.25rem, 4vw, 2rem);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-card: 0 1px 2px rgba(15, 31, 51, .06);--shadow-floating: 0 8px 24px rgba(15, 31, 51, .14);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-floating);--shadow-lg: var(--shadow-floating);--shadow-xl: var(--shadow-floating);--shadow-2xl: var(--shadow-floating);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-slower: .3s ease-out;--touch-target-min: 44px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}:root,:root[data-audience=regular][data-mode=light]{--color-primary: #1E3A5F;--color-primary-hover: #162C49;--color-on-primary: #FFFFFF;--color-accent: #E57373;--color-accent-hover: #D65C5C;--color-accent-text: #B94444;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover);--color-bg: #FAFAF7;--color-bg-elevated: #FFFFFF;--color-bg-surface: #F2F0E9;--color-bg-muted: #E8E5DC;--color-bg-subtle: #E2DFD5;--color-border: #D9DDD2;--color-border-hover: #C3C9B7;--color-text: #0F1F33;--color-text-secondary: #3D5A77;--color-text-muted: #5B6B7C;--color-text-inverse: var(--color-on-primary);--color-success: #15803D;--color-warning: #B45309;--color-error: #B91C1C;--color-error-bg: #FDECEC;--color-error-border: #F5B5B5;--color-error-text: #8F1D1D;--color-success-bg: #EAF7EF;--color-success-border: #A9DDBB;--color-success-text: #0F5C2B;--color-info: #1D4ED8;--color-focus: #1E3A5F;--color-border-focus: var(--color-focus);--color-background: var(--color-bg);--color-bg-secondary: var(--color-bg-surface);--color-surface: var(--color-bg-surface);--color-surface-hover: var(--color-bg-muted);--color-surface-alt: var(--color-bg-muted);--color-input-bg: var(--color-bg-elevated);--color-primary-rgb: 30, 58, 95;--color-bg-elevated-rgb: 255, 255, 255}:root[data-audience=regular][data-mode=dark]{--color-primary: #7FA6D4;--color-primary-hover: #9CBEE0;--color-on-primary: #0C1521;--color-accent: #EF8E8E;--color-accent-hover: #F5A3A3;--color-accent-text: #F4A6A6;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover);--color-bg: #0C1521;--color-bg-elevated: #111D2E;--color-bg-surface: #15243A;--color-bg-muted: #1A2D47;--color-bg-subtle: #1E3552;--color-border: #22375A;--color-border-hover: #2E4670;--color-text: #F0F4F8;--color-text-secondary: #B7C7D8;--color-text-muted: #8FA6BD;--color-text-inverse: var(--color-on-primary);--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #F87171;--color-error-bg: #3A1414;--color-error-border: #7A2A2A;--color-error-text: #FCA5A5;--color-success-bg: #123420;--color-success-border: #1F5C3A;--color-success-text: #86EFAC;--color-info: #60A5FA;--color-focus: #7FA6D4;--color-border-focus: var(--color-focus);--color-background: var(--color-bg);--color-bg-secondary: var(--color-bg-surface);--color-surface: var(--color-bg-surface);--color-surface-hover: var(--color-bg-muted);--color-surface-alt: var(--color-bg-muted);--color-input-bg: var(--color-bg-elevated);--color-primary-rgb: 127, 166, 212;--color-bg-elevated-rgb: 17, 29, 46}:root[data-audience=kids]{--touch-target-min: 48px;--radius-md: 14px;--font-display-weight: 700;--font-display-variation: "SOFT" 100, "WONK" 0}:root[data-audience=kids][data-mode=light]{--color-primary: #9C5F00;--color-primary-hover: #7A4A00;--color-on-primary: #FFFFFF;--color-accent: #F5A623;--color-accent-hover: #E69500;--color-accent-text: #A85F00;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover);--color-bg: #FFFBF0}:root[data-audience=kids][data-mode=dark]{--color-primary: #F0B429;--color-primary-hover: #F5C766;--color-on-primary: #0C1521;--color-accent: #F0B429;--color-accent-hover: #F5C766;--color-accent-text: #F0B429;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover)}:root[data-audience=youth]{--radius-md: 8px;--font-display-weight: 600;--font-display-variation: "SOFT" 40, "WONK" 1}:root[data-audience=youth][data-mode=light]{--color-accent: #FF6B4A;--color-accent-hover: #E85A3B;--color-accent-text: #C2410C;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover)}:root[data-audience=youth][data-mode=dark]{--color-accent: #FF6B4A;--color-accent-hover: #FF8A66;--color-accent-text: #FF6B4A;--color-secondary: var(--color-accent);--color-secondary-hover: var(--color-accent-hover)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:color var(--transition-base),background-color var(--transition-base)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.surface{background-color:var(--color-bg-surface)}.elevated{background-color:var(--color-bg-elevated)}.muted{background-color:var(--color-bg-muted)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.border{border:1px solid var(--color-border)}.border-focus{border-color:var(--color-focus)}.icon-btn:hover{background-color:var(--color-bg-muted)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.toast-viewport{position:fixed;z-index:700;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}@media (min-width: 768px){.toast-viewport{left:auto;right:var(--space-6);bottom:var(--space-6);align-items:flex-end}}.toast-item{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:380px;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);pointer-events:auto;animation:toast-slide-in .15s ease-out}.language-switcher{position:relative;display:flex;align-items:center}.lang-trigger{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);background:transparent;border:none;outline:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.lang-trigger:hover,.lang-trigger.open{background-color:var(--color-bg-muted)}.lang-trigger .chevron{opacity:.5;transition:transform var(--transition-fast)}.lang-trigger.open .chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:160px;background-color:var(--color-bg-elevated);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-floating);z-index:var(--z-dropdown);overflow:hidden;padding:var(--space-1);animation:fadeIn var(--transition-fast)}.lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:none;outline:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.lang-option:hover{background-color:var(--color-bg-muted)}.lang-option.selected{background-color:var(--color-bg-subtle);font-weight:600;color:var(--color-primary)}.lang-code-opt{color:var(--color-text-muted);font-size:var(--text-xs);width:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-scale-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-slide-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-wave{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--transition-slower: .5s ease;--text-body-lead: 1.0625rem;--heading-line-height: 1.15}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-display-weight, 600);font-variation-settings:var(--font-display-variation, "SOFT" 40, "WONK" 0);line-height:var(--heading-line-height, 1.2);letter-spacing:-.02em;color:var(--color-text)}h1{font-size:var(--text-5xl);letter-spacing:-.03em;font-weight:700}h2{font-size:var(--text-4xl);letter-spacing:-.02em;font-weight:600}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:960px}.container-wide{max-width:1440px}.nav{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;transition:all var(--transition-base)}.nav-content{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;min-height:44px;text-decoration:none}.nav-logo-img{height:32px;width:auto;transition:opacity .2s ease}.nav-logo-img:hover{opacity:.9}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) 0;position:relative;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.recipe-page-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6) 0 var(--space-2)}.recipe-page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.025em;line-height:1.15}.recipe-card-image-container{aspect-ratio:3/2;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;background:var(--color-bg-muted);overflow:hidden}.recipe-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.recipe-card:hover .recipe-card-img{transform:scale(1.04)}.recipe-card-placeholder{width:100%;height:100%;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center}.recipe-badge{position:absolute;bottom:var(--space-3);left:var(--space-3);background:#0a1423b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffeb;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.recipe-meta-item{display:flex;align-items:center;gap:var(--space-1)}.recipe-card-body h3{font-family:var(--font-display)}.recipe-notification{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-primary);display:flex;align-items:center;gap:var(--space-3)}.recipe-source{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.recipe-source a{color:var(--color-primary);text-decoration:none}.recipe-source a:hover{text-decoration:underline}.btn-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--color-primary);text-decoration:underline}.btn-link:hover{color:var(--color-primary-hover)}.nav-hamburger{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2);z-index:calc(var(--z-fixed) + 2);-webkit-tap-highlight-color:transparent}.nav-hamburger svg{transition:transform .2s ease}.nav-hamburger:active svg{transform:scale(.9)}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-fixed);opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu-clip{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;transform:translateZ(0);z-index:calc(var(--z-fixed) + 1)}.mobile-menu-clip .mobile-menu{pointer-events:auto}.mobile-menu{position:fixed;top:0;right:-340px;bottom:0;width:min(320px,85vw);background-color:var(--color-bg);z-index:calc(var(--z-fixed) + 1);padding:calc(81px + var(--space-4)) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);visibility:hidden;transition:right .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;overflow-y:auto;overscroll-behavior:contain;box-shadow:-8px 0 32px #0000001f;-webkit-overflow-scrolling:touch}.mobile-menu.open{right:0;visibility:visible;transition:right .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}body.menu-open{overflow:hidden;position:fixed;width:100%}.mobile-nav-links{display:flex;flex-direction:column;gap:0}.mobile-nav-link{font-size:var(--text-base);font-weight:600;color:var(--color-text);text-decoration:none;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);transition:color .2s ease,background-color .2s ease,padding-left .2s ease;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.mobile-nav-link:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent);padding-left:var(--space-3)}.mobile-nav-link.active{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-bottom-color:var(--color-primary)}.mobile-nav-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border)}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:block}}@media (max-width: 480px){.mobile-menu{width:100vw}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;min-height:var(--touch-target-min, 44px)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-on-primary);border-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-bg-muted);color:var(--color-text)}.btn-danger{background-color:var(--color-error);color:var(--color-on-primary);border-color:var(--color-error)}.btn-danger:hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4);min-height:36px}.hero-food{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity 1.2s ease-in-out}.hero-slide--active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-food-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0c152173,#0c1521b3)}.hero-food-content{position:relative;z-index:2;max-width:700px;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s ease-out}.hero-food-logo{height:120px;width:auto;margin-bottom:var(--space-8);filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));transition:transform .3s ease;border-radius:var(--radius-xl)}.hero-food-logo:hover{transform:scale(1.02)}.hero-food-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-4);text-shadow:0 2px 12px rgba(0,0,0,.3)}.hero-food-title span{color:var(--color-secondary)}.hero-food-description{font-size:var(--text-xl);font-weight:300;color:#ffffffe6;line-height:1.6;margin-bottom:var(--space-8);max-width:520px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.hero-food-actions{display:flex;gap:var(--space-4)}.hero-recipe-link{position:absolute;bottom:var(--space-16);left:var(--space-8);z-index:2;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;transition:background .3s ease,transform .2s ease}.hero-recipe-link:hover{background:#0009;transform:translateY(-2px)}.hero-recipe-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:.01em}.hero-recipe-arrow{font-size:var(--text-sm);color:var(--color-secondary);font-weight:500}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;opacity:0}.hero-food:hover .hero-nav{opacity:1}.hero-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.hero-nav--prev{left:var(--space-6)}.hero-nav--next{right:var(--space-6)}.hero-dots{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2;display:flex;gap:var(--space-2)}.hero-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#ffffff59;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease;padding:0}.hero-dot--active{background:#fff;width:28px;border-radius:5px;border-color:#fff}.hero-dot:hover:not(.hero-dot--active){background:#fff9}@media (max-width: 768px){.hero-recipe-link{bottom:var(--space-12);left:var(--space-4);right:var(--space-4);flex-direction:row;align-items:center;justify-content:space-between}.hero-nav{width:36px;height:36px}.hero-nav--prev{left:var(--space-2)}.hero-nav--next{right:var(--space-2)}.hero-food-logo{height:100px}}.social-proof{padding:var(--space-16) 0 var(--space-12);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);text-align:center}.social-proof-stats{display:flex;justify-content:center;gap:var(--space-12);margin-bottom:var(--space-10);flex-wrap:wrap}.social-proof-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.social-proof-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;line-height:1.1}.social-proof-stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.social-proof-testimonials{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.testimonial-card{position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-4);max-width:380px;text-align:left}.testimonial-quote-mark{display:block;color:var(--color-primary);font-size:3rem;line-height:1;margin-bottom:var(--space-2);font-family:Georgia,serif}.testimonial-text{margin:0 0 var(--space-3) 0;font-size:var(--text-base);line-height:1.6;color:var(--color-text)}.testimonial-author{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.social-proof-trust{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media (max-width: 640px){.social-proof-stats{gap:var(--space-8)}.social-proof-testimonials{flex-direction:column;align-items:center}.testimonial-card{max-width:100%;width:100%}}.features{padding:var(--space-24) 0;background-color:var(--color-bg-elevated)}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media (max-width: 968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{background-color:var(--color-bg-surface);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base);border:1px solid transparent}.feature-card:hover{background-color:var(--color-bg-elevated);border-color:var(--color-border);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-5);font-size:1.5rem;color:var(--color-on-primary);box-shadow:0 8px 16px rgba(from var(--color-primary) r g b / .25)}.feature-title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3)}.feature-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:0}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;background:var(--color-bg-elevated);padding:var(--space-6)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.recipe-card{background-color:var(--color-bg-elevated);border-radius:var(--radius-2xl);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.recipe-card-image{aspect-ratio:16/10;overflow:hidden}.recipe-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.recipe-card:hover .recipe-card-image img{transform:scale(1.05)}.recipe-card-content{padding:var(--space-5)}.recipe-card-category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}.recipe-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3}.recipe-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.recipe-card-meta-item{display:flex;align-items:center;gap:var(--space-1)}.cta{padding:var(--space-24) 0;background:linear-gradient(135deg,#1e3a5f,#162c49);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:#ffffff0d;border-radius:50%}.cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.cta-description{font-size:var(--text-lg);color:#ffffffd9;margin-bottom:var(--space-8)}.cta .btn-primary{background-color:#fff;color:#1e3a5f;border-color:#fff}.cta .btn-primary:hover{background-color:#ffffffe6;transform:translateY(-2px)}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-12);margin-bottom:var(--space-12)}@media (max-width: 968px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}}.footer-brand img{height:40px;margin-bottom:var(--space-4)}.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:280px}.footer-column-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-1)}.footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.footer-copyright{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-muted);font-size:var(--text-sm)}.footer-legal a:hover{color:var(--color-text)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(from var(--color-primary) r g b / .15)}.form-input::placeholder{color:var(--color-text-muted)}.page-header{padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.page-title{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.page-description{color:var(--color-text-secondary);font-size:var(--text-lg)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-muted);margin-bottom:var(--space-6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}:root[data-audience=kids]{--btn-min-height: 48px}:root[data-audience=kids] .btn{min-height:var(--btn-min-height);font-size:var(--text-lg);border-radius:var(--radius-2xl)}:root[data-audience=kids] .feature-card{border-radius:var(--radius-2xl)}:root[data-audience=youth] .hero-badge{background:linear-gradient(135deg,#ff6b9d33,#c44aff33)}:root[data-audience=youth] .cta{background:linear-gradient(135deg,#ff6b9d,#c44aff)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.blog-page{padding:var(--space-24) var(--space-6) var(--space-16);min-height:100vh;max-width:1200px;margin:0 auto}.blog-header{text-align:center;margin-bottom:var(--space-12)}.blog-header-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}.blog-header-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.blog-filter-bar{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-10);padding:0 var(--space-4)}.blog-filter-pill{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .25s ease;white-space:nowrap}.blog-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-surface)}.blog-filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse, #fff);box-shadow:0 2px 8px #00000026}.blog-card-category{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 640px){.blog-filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.blog-filter-bar::-webkit-scrollbar{display:none}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.blog-card{display:block;background:var(--color-bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #00000029,0 4px 12px #00000014}.blog-card-image{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));position:relative;overflow:hidden}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.15) 100%)}.blog-card-badge{position:absolute;bottom:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:#0f1f33;letter-spacing:.02em}.blog-card-body{padding:var(--space-6)}.blog-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--color-primary)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);transition:gap .2s ease}.blog-card:hover .blog-card-link{gap:var(--space-2)}.blog-empty{text-align:center;padding:var(--space-20) 0;color:var(--color-text-secondary)}.blog-post{padding:var(--space-24) var(--space-6) var(--space-16);max-width:760px;margin:0 auto;min-height:100vh}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-8);transition:color .2s ease}.blog-back-link:hover{color:var(--color-primary)}.blog-not-found{padding:var(--space-32) var(--space-6);text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.blog-post-header{text-align:center;margin-bottom:var(--space-12)}.blog-post-hero{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;max-height:480px}.blog-post-hero-img{width:100%;height:100%;object-fit:cover}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.blog-post-category{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--color-secondary)}.blog-post-separator{opacity:.4}.blog-post-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:var(--color-text);line-height:1.15;margin-bottom:var(--space-6)}.blog-post-excerpt{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.7;font-style:italic;max-width:600px;margin:0 auto}.blog-post-content{margin-bottom:var(--space-16)}.blog-prose-h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-top:var(--space-12);margin-bottom:var(--space-6);line-height:1.2}.blog-prose-h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:1.3}.blog-prose-p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.85;margin-bottom:var(--space-6)}.blog-prose-ul,.blog-prose-ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.blog-prose-ul{list-style:disc}.blog-prose-ol{list-style:decimal}.blog-prose-li{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2)}.blog-prose-strong{font-weight:700;color:var(--color-text)}.blog-prose-blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0;background:var(--color-bg-elevated);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.blog-post-cta{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;margin-top:var(--space-16)}.blog-post-cta h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.blog-post-cta p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}.blog-page,.blog-post{padding-top:var(--space-20)}.blog-post-cta{padding:var(--space-6)}}.recipe-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.recipe-stat{display:flex;align-items:center;gap:var(--space-2)}.recipe-card-skeleton,.recipe-detail-skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.recipe-detail-skeleton .skeleton-image{height:300px;border-radius:var(--radius-xl)}.recipe-detail-skeleton .skeleton-title{width:60%;height:2rem;margin:var(--space-4) 0;border-radius:var(--radius-md);background:linear-gradient(110deg,var(--color-bg-muted) 8%,var(--color-border) 18%,var(--color-bg-muted) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.skeleton-image{height:200px;background:linear-gradient(110deg,var(--color-bg-muted) 8%,var(--color-border) 18%,var(--color-bg-muted) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.skeleton-body{padding:var(--space-4)}.skeleton-line{height:14px;border-radius:var(--radius-md);background:linear-gradient(110deg,var(--color-bg-muted) 8%,var(--color-border) 18%,var(--color-bg-muted) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;margin-bottom:var(--space-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cook-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-bg);overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch}.cook-mode-header{text-align:center;padding:var(--space-4) 0 var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.cook-mode-close{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.cook-mode-close:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.cook-mode-title{font-size:var(--text-2xl);margin:var(--space-3) 0 var(--space-2)}.cook-mode-progress{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.cook-mode-ingredients{margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.cook-mode-ingredients h2,.cook-mode-steps h2{font-size:var(--text-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.cook-mode-ingredients ul{list-style:none;padding:0}.cook-mode-ingredient{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:var(--text-lg);transition:opacity .2s}.cook-mode-ingredient.checked{opacity:.4;text-decoration:line-through}.cook-mode-checkbox{font-size:var(--text-xl);flex-shrink:0}.cook-mode-notes{color:var(--color-text-muted);font-style:italic}.cook-mode-steps{max-width:600px;margin:0 auto}.cook-mode-step{display:flex;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:opacity .2s}.cook-mode-step.completed{opacity:.4}.cook-mode-step-number{width:48px;height:48px;border-radius:50%;background:var(--color-bg-muted);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);flex-shrink:0;transition:all .2s}.cook-mode-step.completed .cook-mode-step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.cook-mode-step-text{flex:1;padding-top:var(--space-2)}.cook-mode-step-text p{font-size:var(--text-lg);line-height:1.7;margin:0}.cook-mode-timer{display:inline-block;margin-top:var(--space-2);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px 14px;font-size:var(--text-sm);font-weight:600}@media (max-width: 768px){.recipe-stat{flex:1 1 40%}.cook-mode-step{gap:var(--space-3)}.cook-mode-step-number{width:36px;height:36px;font-size:var(--text-base)}.cook-mode-step-text p,.cook-mode-ingredient{font-size:var(--text-base)}}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus)!important;box-shadow:0 0 0 3px #1b3a4b1a}:root[data-audience=regular][data-mode=light] input:focus,:root[data-audience=regular][data-mode=light] select:focus,:root[data-audience=regular][data-mode=light] textarea:focus{box-shadow:0 0 0 3px #1b3a4b1f}.pref-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);letter-spacing:-.01em}@media print{.nav,.footer,.modal-overlay,.blog-filter-bar,.hero-nav,.hero-dots,.btn-ghost,.btn-outline,.btn-primary,[class*=skeleton],.cook-mode-timer{display:none!important}@page{margin:1.5cm}html,body{background:#fff;color:#000}.container{max-width:100%;padding:0}.card,.recipe-card,ul,ol{page-break-inside:avoid}.instructions{page-break-before:auto}img{max-width:100%;height:auto}*{box-shadow:none!important}h1,h2,h3,h4,h5,h6{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:black!important;color:#000!important}a[href]:after{content:" (" attr(href) ")";font-size:80%}}.app-family-strip{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px)}.app-sticky-bar{display:flex;gap:var(--space-2, 8px);align-items:stretch;position:sticky;bottom:0;z-index:10;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:0 calc(-1 * var(--space-4, 16px)) 0}@media (min-width: 768px){.app-sticky-bar{position:static;border-top:none;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 8px 24px #0f1f3324;margin:0 0 var(--space-6, 24px)}}.app-sticky-bar .btn{min-height:44px}.app-week-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4, 16px)}.app-week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, 12px)}.app-week-nav button{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-day-row{display:flex;align-items:center;gap:var(--space-3, 12px);padding:10px 4px;border-top:1px solid var(--color-border)}.app-day-row:first-of-type{border-top:none}.app-day-row__label{width:40px;flex-shrink:0;font-size:var(--text-xs, .75rem);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.app-day-row__thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-bg-muted);flex-shrink:0;object-fit:cover}.app-day-row__dish{flex:1;min-width:0;font-weight:500;font-size:var(--text-sm, .9375rem)}.app-day-row__dish-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-day-row__meta{display:block;color:var(--color-text-muted);font-size:var(--text-xs, .75rem);font-weight:400}.app-cost-line{margin-top:var(--space-3, 12px);padding-top:var(--space-3, 12px);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;font-size:var(--text-sm, .875rem);color:var(--color-text-secondary);font-feature-settings:"tnum"}.app-group-header{font-size:var(--text-xs, .75rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-surface);padding:6px 12px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.app-week-card,.app-day-row,.app-sticky-bar{transition:none!important}}:root{--color-accent-text: #B94444;--color-on-primary: #FFFFFF;--color-focus: var(--color-primary);--touch-target-min: 44px;--color-error-bg: #FDECEC;--color-error-border: #F5B5B5;--color-error-text: #8F1D1D;--text-display: clamp(2.25rem, 5vw, 3.5rem);--text-h1: clamp(1.75rem, 3vw, 2.25rem);--text-h2: 1.5rem;--text-h3: 1.125rem;--text-label: .75rem;--text-step: clamp(1.25rem, 4vw, 2rem);--space-24: 6rem}:root[data-mode=dark]{--color-accent-text: #F4A6A6;--color-on-primary: #0C1521;--color-error-bg: #2A1414;--color-error-border: #5C2323;--color-error-text: #F4A6A6}@media (prefers-reduced-motion: reduce){.mkt-card,.mkt-btn,.mkt-hero-media img{transition:none!important;animation:none!important}}.mkt{color:var(--color-text)}.mkt-container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 640px){.mkt-container{padding:0 24px}}@media (min-width: 1024px){.mkt-container{padding:0 32px}}.mkt-section{padding:var(--space-12) 0}.mkt-section--tight{padding:var(--space-8) 0}.mkt-section-head{max-width:640px;margin:0 0 var(--space-8)}.mkt-section-head--center{margin-left:auto;margin-right:auto;text-align:center}.mkt-h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;line-height:1.2;margin:0 0 var(--space-2);color:var(--color-text)}.mkt-lede{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.55;margin:0}.mkt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;line-height:1.2}.mkt-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mkt-btn--lg{min-height:52px;padding:var(--space-4) var(--space-6);font-size:var(--text-lg, 1.125rem)}.mkt-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.mkt-btn--primary:hover{background:var(--color-primary-hover)}.mkt-btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-border)}.mkt-btn--secondary:hover{border-color:var(--color-primary);background:var(--color-bg-surface)}.mkt-btn--ghost{background:transparent;color:var(--color-text)}.mkt-btn--ghost:hover{background:var(--color-bg-surface)}.mkt-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.mkt-hero{display:grid;gap:var(--space-8);align-items:center;padding:var(--space-12) 0 var(--space-8)}@media (min-width: 900px){.mkt-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-16) 0 var(--space-12)}.mkt-hero--reverse{direction:rtl}.mkt-hero--reverse>*{direction:ltr}}.mkt-hero-title{font-family:var(--font-display);font-size:var(--text-display);line-height:1.08;font-weight:700;margin:0 0 var(--space-4);color:var(--color-text)}.mkt-hero-sub{font-size:1.125rem;line-height:1.55;color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:52ch}.mkt-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mkt-hero-media{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-muted);aspect-ratio:3 / 2}.mkt-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.mkt-loop{display:grid;gap:var(--space-12)}.mkt-loop-step{display:grid;gap:var(--space-6);align-items:center}@media (min-width: 860px){.mkt-loop-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mkt-loop-step--alt{direction:rtl}.mkt-loop-step--alt>*{direction:ltr}}.mkt-loop-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-surface);color:var(--color-primary);font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-3);font-feature-settings:"tnum"}.mkt-loop-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;margin:0 0 var(--space-2)}.mkt-loop-desc{color:var(--color-text-secondary);line-height:1.55;margin:0;max-width:46ch}.mkt-loop-media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-surface)}.mkt-loop-media img{width:100%;display:block}.mkt-family{display:grid;gap:var(--space-8);align-items:center}@media (min-width: 860px){.mkt-family{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.mkt-family-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-border)}.mkt-family-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.0625rem;line-height:1.5}.mkt-family-list strong{color:var(--color-primary);font-weight:600}.mkt-cta{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.mkt-cta-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;margin:0 0 var(--space-3)}.mkt-cta-desc{color:var(--color-text-secondary);max-width:52ch;margin:0 auto var(--space-6);line-height:1.55}.mkt-pricing-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.mkt-pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.mkt-pricing-card--highlight{border-color:var(--color-primary);box-shadow:0 8px 24px #0f1f3324}.mkt-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px var(--space-3);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.mkt-pricing-name{font-size:var(--text-h3);font-weight:600;margin:0 0 var(--space-1);color:var(--color-text)}.mkt-pricing-price{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0 0 var(--space-2);font-feature-settings:"tnum"}.mkt-pricing-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-5)}.mkt-pricing-features{list-style:none;margin:0 0 var(--space-6);padding:0;flex:1}.mkt-pricing-features li{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.mkt-pricing-features li svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.mkt-faq-item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.mkt-faq-q{font-weight:600;font-size:var(--text-base);margin:0 0 var(--space-2)}.mkt-faq-a{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.mkt-auth{max-width:420px;margin:var(--space-8) auto;padding:0 16px}.mkt-auth-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.mkt-auth-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.mkt-auth-sub{color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.5}.mkt-auth-footer{text-align:center;margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm)}.mkt-auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.mkt-auth-divider:before,.mkt-auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.mkt-field{margin-bottom:var(--space-4)}.mkt-field-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.mkt-field-input-wrap{position:relative}.mkt-field-input{width:100%;box-sizing:border-box;min-height:var(--touch-target-min);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base)}.mkt-field-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.mkt-field-input[aria-invalid=true]{border-color:var(--color-error-text)}.mkt-field-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.mkt-field-toggle:hover{color:var(--color-text)}.mkt-field-help{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.mkt-field-error{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-error-text)}.mkt-alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.mkt-alert--error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.mkt-alert--success{background:var(--color-bg-surface);border:1px solid var(--color-success);color:var(--color-success)}.mkt-kids-theme{color-scheme:light;--color-primary: #A85F00;--color-primary-hover: #8A4D00;--color-on-primary: #FFFFFF;--color-accent: #F5A623;--color-accent-text: #A85F00;--color-bg: #FFFBF0;--color-bg-elevated: #FFFFFF;--color-bg-surface: #F2F0E9;--color-bg-muted: #E8E5DC;--color-border: #D9DDD2;--color-text: #0F1F33;--color-text-secondary: #3D5A77;--color-text-muted: #5B6B7C;--color-focus: var(--color-primary);--radius-md: 14px;--radius-lg: 20px;background:var(--color-bg)}.mkt-kids-theme .mkt-hero-title{font-weight:700}.mkt-youth-theme{--color-primary: #1E3A5F;--color-primary-hover: #162C49;--color-on-primary: #FFFFFF;--color-accent: #FF6B4A;--color-accent-text: #C2410C;--radius-md: 8px;--radius-lg: 12px}:root[data-mode=dark] .mkt-youth-theme{--color-primary: #7FA6D4;--color-primary-hover: #9CBEE0;--color-on-primary: #0C1521}.mkt-youth-theme .mkt-hero-media img{filter:grayscale(.55) contrast(1.08) sepia(.12) hue-rotate(170deg) saturate(1.4)}.mkt-reading{max-width:68ch;margin:0 auto;padding:var(--space-10) 16px var(--space-16)}.mkt-reading h1{font-family:var(--font-display);font-size:var(--text-h1);margin:0 0 var(--space-2);color:var(--color-text)}.mkt-reading-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-8)}.mkt-reading h2{font-size:var(--text-h3);margin:var(--space-6) 0 var(--space-2);color:var(--color-text)}.mkt-reading p{color:var(--color-text-secondary);line-height:1.65;margin:0 0 var(--space-3)}.mkt-company-block{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.blog-card-badge{background:var(--color-bg-elevated)!important;color:var(--color-text)!important;border:1px solid var(--color-border)}.mkt-help-empty-note{text-align:center;color:var(--color-text-muted);padding:var(--space-8) 0}