:root{--primary:#006e1c;--primary-hover:#005a16;--primary-container:#4caf50;--primary-fixed:#94f990;--primary-fixed-dim:#78dc7d;--on-primary:#fff;--on-primary-container:#002204;--secondary:#8b5000;--secondary-container:#ffdcbe;--on-secondary:#fff;--on-secondary-container:#2e1500;--tertiary:#8f4e00;--surface:#f5fbef;--surface-bright:#f8fdf3;--surface-container-lowest:#fff;--surface-container-low:#f0f6ea;--surface-container:#eaf0e4;--surface-container-high:#e4eadf;--surface-container-highest:#dee4d9;--surface-tint:#006e1c0d;--on-surface:#171d16;--on-surface-variant:#42673f;--on-surface-muted:#6b7a69;--outline:#73876f;--outline-variant:#becab9;--outline-ghost:#becab926;--error:#ba1a1a;--error-container:#ffdad6;--success:#006e1c;--success-container:#94f990;--warning:#ff9800;--warning-container:#fff3e0;--gradient-primary:linear-gradient(135deg, #006e1c, #4caf50);--gradient-hero:linear-gradient(180deg, transparent 0%, #000000a6 50%, #000000f2 100%);--gradient-warm:linear-gradient(135deg, #2e7d32, #66bb6a);--gradient-challenge:linear-gradient(135deg, #c65c00, #f59e0b);--gradient-ai:linear-gradient(135deg, #006e1c 0%, #1a9e3a 60%, #4caf50 100%);--gradient-surface-subtle:linear-gradient(180deg, var(--surface-bright) 0%, var(--surface) 100%);--gradient-sidebar:linear-gradient(180deg, #002204 0%, #003a10 60%, #004d15 100%);--font-family:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--display-lg:3.5rem;--display-md:2.75rem;--display-sm:2.25rem;--headline-lg:2rem;--headline-md:1.75rem;--headline-sm:1.5rem;--title-lg:1.375rem;--title-md:1.125rem;--title-sm:.975rem;--body-lg:1rem;--body-md:.875rem;--body-sm:.8rem;--label-lg:.875rem;--label-md:.75rem;--label-sm:.6875rem;--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:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 8px #171d160a;--shadow-md:0 4px 16px #171d160f;--shadow-lg:0 8px 40px #171d160f;--shadow-float:0 12px 48px #171d1614;--ease-decel:cubic-bezier(0, 0, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .4, 1);--transition-fast:.15s var(--ease-standard);--transition-normal:.22s var(--ease-standard);--transition-slow:.38s var(--ease-decel);--glass-bg:#ffffffd1;--glass-blur:blur(20px);--page-max-width:480px;--nav-height:72px;--page-gutter:1.25rem;--sidebar-width:260px}@media (min-width:768px){:root{--page-max-width:100%;--page-gutter:2rem;--headline-lg:2.25rem;--headline-md:2rem;--headline-sm:1.65rem;--title-lg:1.5rem;--title-md:1.25rem}}@media (min-width:1024px){:root{--page-gutter:2.5rem;--nav-height:0px;--headline-lg:2.5rem;--headline-md:2.1rem;--headline-sm:1.75rem;--title-lg:1.5rem;--body-lg:1.0625rem;--body-md:.9375rem}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y;-webkit-tap-highlight-color:transparent;max-width:100vw;min-height:100dvh;line-height:1.6;overflow:hidden auto}.app-frame{background:var(--surface);flex-direction:column;width:100%;min-height:100dvh;display:flex}.app-shell{width:100%;display:block}.app-main{display:block}.app-content-card{box-shadow:none;background:0 0;border-radius:0;display:block}#app{max-width:var(--page-max-width);background:var(--surface);width:100%;min-height:100dvh;margin:0 auto;position:relative}#page-content{padding-bottom:calc(68px + 16px + 20px + env(safe-area-inset-bottom,0px));min-height:100dvh}@media (min-width:768px){#app{max-width:720px;box-shadow:var(--shadow-lg), 0 0 0 1px #becab933;border-radius:0}body{background:linear-gradient(145deg,#ddf0d5 0%,#eef7e8 35%,#f0f9e9 65%,#e4f3dc 100%)}}@media (min-width:1024px){body{background:#d8edd0;overflow-y:auto}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(80px);opacity:.45;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#a8e6a0 0%,#4caf50 60%,#0000 100%);width:520px;height:520px;animation:18s ease-in-out infinite orbFloat1;top:-100px;left:200px}body:after{background:radial-gradient(circle,#c8f5c4 0%,#66bb6a 60%,#0000 100%);width:400px;height:400px;animation:22s ease-in-out infinite orbFloat2;bottom:50px;right:100px}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;z-index:1;grid-template-rows:1fr;max-width:1400px;min-height:100dvh;margin:0 auto;display:grid;position:relative}.app-main{min-width:0;padding:var(--space-6) var(--space-8);padding-bottom:var(--space-10);background:0 0;flex-direction:column;align-items:center;display:flex}.app-content-card{border-radius:var(--radius-2xl);width:100%;max-width:900px;min-height:calc(100vh - var(--space-12));-webkit-backdrop-filter:blur(2px);background:#f5fbeff7;position:relative;overflow:hidden;box-shadow:0 20px 60px #171d161f,0 4px 16px #171d160f,0 0 0 1px #becab94d,inset 0 1px #fffc}.bottom-nav{display:none!important}.page{padding-bottom:var(--space-10)}#app{max-width:100%;box-shadow:none;background:0 0;margin:0}}.day-tabs-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.day-tabs-scroll::-webkit-scrollbar{display:none}.day-tab-btn{cursor:pointer;border:none;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:8px 4px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.day-tab-btn:not(.active):hover{background:var(--surface-container)!important}.day-tab-btn:hover{transform:translateY(-1px)}.day-tab-btn.active{transform:translateY(-2px);box-shadow:0 4px 14px #006e1c40}.vani-row{transition:all .15s}.vani-row:not([disabled]):hover{box-shadow:inset 4px 0 #4ade8080;background:#4ade8014!important}.vani-row:not([disabled]):active{background:#4ade8024!important}.vani-chat:hover{background:#fbbf2412!important;box-shadow:inset 4px 0 #fbbf2480!important}.swap-btn:hover{background:var(--primary-container)!important;color:var(--primary)!important;border-color:var(--primary)!important}.meal-check-row{border-bottom:1px solid var(--outline-variant);cursor:pointer;align-items:center;gap:12px;padding:10px 0;transition:background .15s;display:flex}.meal-check-row:hover{background:var(--surface-container-low);border-radius:10px;margin:0 -8px;padding:10px 8px}.meal-check-row:last-child{border-bottom:none}.recipe-pick-row:hover{border-radius:10px;background:var(--surface-container)!important}.shop-list{transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.shop-expand-btn:hover{background:var(--surface-container)!important}.planner-btn-text{display:inline}@media (max-width:380px){.planner-btn-text{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.vani-sheet{bottom:calc(var(--nav-height) + 12px);width:100%;max-width:var(--page-max-width);z-index:10000;position:fixed;left:50%;transform:translate(-50%)}@media (min-width:1024px){.vani-sheet{left:calc(var(--sidebar-width) + 50% - var(--sidebar-width) / 2);max-width:min(900px, calc(100vw - var(--sidebar-width) - 64px))}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-30px,-40px)scale(1.08)}70%{transform:translate(20px,10px)scale(.94)}}@media (min-width:1280px){.app-shell{max-width:1600px}.app-main{padding:var(--space-8) var(--space-12)}.app-content-card{max-width:960px}}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-weight:700;line-height:1.25}h1{font-size:var(--headline-lg);letter-spacing:-.02em}h2{font-size:var(--headline-sm);letter-spacing:-.01em}h3{font-size:var(--title-lg)}h4{font-size:var(--title-md)}p{color:var(--on-surface);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:var(--font-family);cursor:pointer;font-size:inherit;color:inherit;touch-action:manipulation;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);font-size:var(--body-md);touch-action:manipulation;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}.page-enter{animation:.28s cubic-bezier(0,0,.2,1) both pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.h-scroll{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:12px;padding-bottom:4px;display:flex;overflow:auto hidden}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.card:hover,.recipe-card:hover,.meal-card:hover,.challenge-banner:hover{will-change:transform}button,[role=button],input,textarea,select{touch-action:manipulation}.category-pills{gap:var(--space-2);scrollbar-width:none;padding:2px var(--page-gutter) 6px;margin:0 calc(-1 * var(--page-gutter));overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}@keyframes tabContentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-content-enter{animation:.2s cubic-bezier(0,0,.2,1) both tabContentIn}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-muted{color:var(--on-surface-muted)}.text-small{font-size:var(--body-sm)}.text-label{font-size:var(--label-md);color:var(--on-surface-variant)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767px){input,textarea,select{font-size:max(16px,1rem)!important}}body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media (max-width:767px){button:not([data-compact]),a[role=button],.nav-item{min-height:44px}.pill,.badge,.chip{min-height:unset}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}img,a{-webkit-touch-callout:none}.h-scroll,[data-scroll],.overflow-scroll{-webkit-overflow-scrolling:touch}.bottom-nav{backface-visibility:hidden}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-content-card,.recipe-card,.hero-card,.card{-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.desktop-sidebar{display:none}@media (min-width:1024px){.desktop-sidebar{width:var(--sidebar-width);min-height:100dvh;padding:var(--space-6) 0 var(--space-6);z-index:200;background:linear-gradient(#001a07 0%,#002e0f 30%,#003d13 65%,#004d17 100%);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:4px 0 32px #0003,1px 0 #94f99014}.desktop-sidebar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#94f99099,#0000);height:2px;position:absolute;top:0;left:0;right:0}.desktop-sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#94f99014 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.sidebar-logo{align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-6);margin-bottom:var(--space-4);border-bottom:1px solid #94f9901a;display:flex}.sidebar-logo-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,#94f99033,#4caf504d);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 0 1px #94f99040,0 4px 12px #0000004d,inset 0 1px #ffffff1a}.sidebar-logo-name{font-size:var(--body-md);color:#e8fbe4;letter-spacing:-.01em;font-weight:800;line-height:1.2}.sidebar-logo-tagline{color:#94f9908c;margin-top:2px;font-size:10px;font-weight:500}.sidebar-nav{padding:0 var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-nav-section-label{text-transform:uppercase;letter-spacing:.14em;color:#94f99059;padding:0 var(--space-2) var(--space-2);font-size:10px;font-weight:700}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:11px var(--space-3);border-radius:var(--radius-lg);color:#e8fbe499;font-size:var(--body-md);transition:background .18s, color .18s, transform .18s var(--ease-spring);font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";opacity:0;border-radius:inherit;background:linear-gradient(90deg,#94f99000,#94f9900f);transition:opacity .18s;position:absolute;inset:0}.sidebar-nav-item:hover{color:#e8fbe4f2;background:#94f9901a;transform:translate(2px)}.sidebar-nav-item:hover:before{opacity:1}.sidebar-nav-item.active{color:#a8f5a4;background:linear-gradient(135deg,#94f9902e,#4caf501f);font-weight:700;box-shadow:0 2px 12px #0003,inset 0 1px #94f99026}.sidebar-nav-icon{transition:transform .2s var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav-item.active .sidebar-nav-icon{filter:drop-shadow(0 0 6px #94f99080);transform:scale(1.15)}.sidebar-nav-label{flex:1}.sidebar-nav-active-bar{border-radius:0 var(--radius-full) var(--radius-full) 0;background:linear-gradient(#94f990,#4caf50);width:3px;height:65%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #94f99099}.sidebar-footer{padding:0 var(--space-3)}.sidebar-divider{height:1px;margin-bottom:var(--space-4);background:#94f9901a}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-lg);text-decoration:none;transition:background .15s;display:flex}.sidebar-user:hover{background:#94f99014}.sidebar-user-avatar{width:36px;height:36px;font-weight:700;font-size:var(--body-sm);color:#94f990;background:linear-gradient(135deg,#94f99040,#4caf504d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 0 1.5px #94f9904d}.sidebar-user-name{font-size:var(--body-sm);color:#e8fbe4;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:700;overflow:hidden}.sidebar-user-email{color:#94f99073;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;overflow:hidden}.sidebar-app-version{color:#94f99047;text-align:center;padding:var(--space-2) 0;font-size:10px}}.recipes-grid-responsive{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:359px){.recipes-grid-responsive{grid-template-columns:1fr}}@media (min-width:640px){.recipes-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.recipes-grid-responsive{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.recipes-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.h-scroll.hot-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);padding-bottom:0;display:grid;overflow:visible}.h-scroll.hot-grid>*{scroll-snap-align:none;width:100%}}@media (min-width:1024px){.h-scroll.hot-grid{grid-template-columns:repeat(3,1fr)}.page-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--outline-ghost)}.page-header-logo{display:none}.page-header h1{font-size:var(--headline-sm)}}@media (min-width:768px){.hero-card{min-height:320px}.section{padding:0 var(--space-8);margin-bottom:var(--space-10)}.home-top-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}}@media (min-width:1024px){.section{padding:0 var(--space-8)}}.bottom-nav{bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(32px)saturate(200%)brightness(1.06);backdrop-filter:blur(32px)saturate(200%)brightness(1.06);z-index:9999;will-change:transform, opacity;isolation:isolate;background:linear-gradient(135deg,#0a1e0cf0 0%,#052a0ff5 50%,#081c0af0 100%);border:1px solid #64dc642e;border-top-color:#94f99047;border-radius:32px;flex-direction:row;justify-content:space-around;align-items:center;width:calc(100% - 28px);max-width:460px;height:64px;padding:0 6px;transition:transform .45s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94);display:flex;left:50%;transform:translate(-50%)translateY(0);box-shadow:inset 0 -1px #94f99014,inset 0 1px #0006,0 8px 32px #00000080,0 2px 8px #0000004d,0 20px 60px #00501433;position:fixed!important}.bottom-nav.hidden{opacity:0!important;pointer-events:none!important;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transform:translate(-50%)translateY(calc(100% + 32px))!important}.nav-item{letter-spacing:.01em;color:#94f99073;cursor:pointer;min-width:0;height:56px;transition:color .2s var(--ease-standard), background .2s var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:9px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item span{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:56px;transition:transform .2s var(--ease-standard), opacity .2s var(--ease-standard);line-height:1;overflow:hidden}.nav-item svg{width:21px;height:21px;transition:transform .3s var(--ease-spring), opacity .2s var(--ease-standard);flex-shrink:0}.nav-item.active{color:#c8ffc6;font-weight:700}.nav-item.active svg{opacity:1;filter:drop-shadow(0 0 6px #94f9908c);transform:scale(1.08)translateY(-1px)}.nav-item.active span{opacity:1;color:#94f990eb;transform:translateY(0)}.nav-item.active:before{content:"";animation:navPillPop .38s var(--ease-spring) both;z-index:0;background:linear-gradient(135deg,#006e1c8c 0%,#4caf5059 100%);border:1px solid #94f99033;border-radius:18px;position:absolute;inset:3px 4px;box-shadow:0 2px 12px #006e1c59,inset 0 1px #94f99026}.nav-item svg,.nav-item span{z-index:1;position:relative}.nav-item.active:after{display:none}.nav-item:active{transition:transform 80ms var(--ease-standard);transform:scale(.92)}.nav-item:active svg{transition:transform 80ms var(--ease-standard);transform:scale(.87)}@media (hover:hover){.nav-item:hover:not(.active){color:#94f990b8;background:#94f99012}}@keyframes navPillPop{0%{opacity:0;transform:scaleX(.6)scaleY(.7)}70%{opacity:1;transform:scaleX(1.02)scaleY(1.01)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes vaniPing{0%,to{opacity:.14;transform:scale(1)}50%{opacity:.04;transform:scale(1.4)}}.page-header{padding:var(--space-4) var(--page-gutter);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0));justify-content:space-between;align-items:center;display:flex}.page-header-logo{align-items:center;gap:12px;display:flex}.page-header-logo .logo-icon{border-radius:var(--radius-full);filter:drop-shadow(0 2px 8px #006e1c40);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.page-header-logo .logo-icon img{border-radius:50%;width:52px;height:52px;display:block}.page-header-logo .logo-wordmark{flex-direction:column;gap:1px;display:flex}.page-header-logo .logo-text{color:var(--primary);letter-spacing:-.03em;font-feature-settings:"liga" 1;font-size:1.45rem;font-weight:900;line-height:1}.page-header-logo .logo-tagline{color:var(--on-surface-muted);letter-spacing:.01em;font-size:10px;font-weight:500;line-height:1}.page-header .notification-btn{width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;display:flex}.section{padding:0 var(--page-gutter);margin-bottom:var(--space-8)}.section-title{font-size:var(--title-lg);margin-bottom:var(--space-4);font-weight:700}.recipe-stat-icon{color:var(--primary);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.recipe-stat-icon svg{width:20px;height:20px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--title-sm);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--on-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-container-high);color:var(--secondary)}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-outline{color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--outline-variant);background:0 0}.btn-outline:hover{background:var(--surface-container-low)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--body-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--title-md)}.btn-full{width:100%}.card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-flat{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-5)}.recipe-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow-lg), 0 0 0 1px #006e1c14;transform:translateY(-4px)}.recipe-card-image{object-fit:cover;border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:160px;transition:transform .4s var(--ease-standard)}.recipe-card:hover .recipe-card-image{transform:scale(1.06)}.recipe-card-body{padding:var(--space-4)}.recipe-card-meta{font-size:var(--label-md);color:var(--tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.recipe-card-title{font-size:var(--title-sm);margin-bottom:var(--space-2);font-weight:700;line-height:1.3}.recipe-card-rating{align-items:center;gap:var(--space-1);font-size:var(--body-sm);color:var(--secondary);font-weight:600;display:flex}.recipe-card-rating:before{content:"★";color:var(--warning)}.hero-card{border-radius:var(--radius-2xl);flex-direction:column;justify-content:flex-end;min-height:260px;display:flex;position:relative;overflow:hidden}.hero-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-card-overlay{z-index:1;padding:var(--space-6);background:var(--gradient-hero);color:#fff;position:relative}.hero-card-badge{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--label-md);margin-bottom:var(--space-3);background:#fff3;font-weight:500;display:inline-flex}.hero-card-title{font-size:var(--headline-sm);margin-bottom:var(--space-2);color:#fff;font-weight:800;line-height:1.2}.hero-card-desc{font-size:var(--body-md);color:#fff;text-shadow:0 1px 3px #000000e6,0 2px 12px #000000b3;margin-bottom:var(--space-4);font-weight:500;line-height:1.5}.chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--body-sm);background:var(--surface-container-high);color:var(--on-surface);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.chip-closable:after{content:"×";color:var(--on-surface-muted);cursor:pointer;margin-left:var(--space-1);font-size:1.1em}.chip-active{background:var(--gradient-primary);color:var(--on-primary)}.chip-warning{background:var(--warning-container);color:var(--tertiary)}.chips-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.tabs{gap:var(--space-2);align-items:center;display:flex}.tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--body-sm);background:var(--surface-container-high);color:var(--on-surface-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:600}.tab.active{background:var(--gradient-primary);color:var(--on-primary)}.tab:hover:not(.active){background:var(--surface-container-highest)}.input-field{align-items:center;gap:var(--space-3);background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--space-4);transition:background var(--transition-fast);display:flex}.input-field:focus-within{background:#94f9901f}.input-field input{font-size:var(--body-md);color:var(--on-surface);flex:1}.input-field input::placeholder{color:var(--on-surface-muted)}.input-icon{color:var(--on-surface-muted);flex-shrink:0}.ad-banner{background:var(--surface-container-low);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden}.ad-banner-label{font-size:var(--label-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--tertiary);margin-bottom:var(--space-2);font-weight:600}.ad-banner-title{font-size:var(--title-lg);margin-bottom:var(--space-2);font-weight:800;line-height:1.3}.ad-banner-desc{font-size:var(--body-sm);color:var(--on-surface-muted);margin-bottom:var(--space-4)}.nutrition-bar{gap:var(--space-2);flex-direction:column;display:flex}.nutrition-bar-header{font-size:var(--label-md);justify-content:space-between;font-weight:600;display:flex}.nutrition-bar-track{background:var(--surface-container-high);border-radius:var(--radius-full);height:8px;overflow:hidden}.nutrition-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .6s}.nutrition-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.nutrition-item{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.nutrition-item-label{font-size:var(--label-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);margin-bottom:var(--space-1);font-weight:600}.nutrition-item-value{font-size:var(--title-lg);color:var(--primary);font-weight:800}.date-selector{gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-1);display:flex;overflow-x:auto}.date-selector::-webkit-scrollbar{display:none}.date-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;align-items:center;min-width:64px;display:flex}.date-item-day{font-size:var(--label-sm);text-transform:uppercase;color:var(--on-surface-muted);font-weight:600}.date-item-num{font-size:var(--title-lg);font-weight:800}.date-item.active{background:var(--surface-container-lowest);box-shadow:var(--shadow-md)}.date-item.active .date-item-day,.date-item.active .date-item-num{color:var(--primary)}.meal-card{align-items:center;gap:var(--space-4);background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-4);transition:transform var(--transition-normal);cursor:pointer;display:flex}.meal-card:hover{transform:translate(4px)}.meal-card-image{border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;width:72px;height:72px}.meal-card-body{flex:1;min-width:0}.meal-card-type{font-size:var(--label-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--tertiary);margin-bottom:var(--space-1);font-weight:700}.meal-card-title{font-size:var(--title-sm);margin-bottom:var(--space-1);font-weight:700;line-height:1.3}.meal-card-info{gap:var(--space-3);font-size:var(--label-md);color:var(--on-surface-muted);display:flex}.ai-badge{align-items:center;gap:var(--space-1);background:var(--primary-fixed);color:var(--primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--label-sm);font-weight:600;display:inline-flex}.match-badge{top:var(--space-3);left:var(--space-3);background:var(--gradient-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--label-sm);font-weight:700;position:absolute}.ai-result-card{gap:var(--space-4);background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;position:relative;overflow:hidden}.ai-result-image{border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;width:100px;height:100px;position:relative}.ai-result-body{flex:1;min-width:0}.ai-result-meal{font-size:var(--label-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--tertiary);margin-bottom:var(--space-1);font-weight:700}.ai-result-title{font-size:var(--title-sm);margin-bottom:var(--space-2);font-weight:700;line-height:1.3}.ai-result-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--label-sm);font-weight:600;display:inline-flex}.status-available{background:var(--success-container);color:var(--success)}.status-partial{background:var(--warning-container);color:var(--tertiary)}.status-missing{background:var(--error-container);color:var(--error)}.recipe-hero{width:100%;height:320px;position:relative;overflow:hidden}.recipe-hero img{object-fit:cover;width:100%;height:100%}.recipe-hero-badge{bottom:var(--space-6);left:var(--space-5);background:var(--error);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:var(--label-md);text-transform:uppercase;letter-spacing:.05em;font-weight:800;position:absolute}.recipe-stats{justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--page-gutter);background:var(--surface-container-lowest);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1;margin-top:-24px;display:flex;position:relative}.recipe-stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.recipe-stat-value{font-size:var(--body-md);font-weight:700}.recipe-stat-label{font-size:var(--label-sm);color:var(--on-surface-muted)}.step-item{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.step-number{border-radius:var(--radius-full);background:var(--surface-container-high);width:32px;height:32px;color:var(--primary);font-weight:700;font-size:var(--body-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{flex:1}.step-content h4{font-size:var(--title-sm);margin-bottom:var(--space-2)}.step-content p{font-size:var(--body-md);color:var(--on-surface-variant);line-height:1.6}.ingredient-item{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.ingredient-item+.ingredient-item{background:linear-gradient(to right, var(--outline-variant) 50%, transparent 50%) no-repeat top left;background-position:top;background-size:100% 1px}.ingredient-name{align-items:center;gap:var(--space-3);font-size:var(--body-md);display:flex}.ingredient-dot{border-radius:var(--radius-full);background:var(--primary-container);flex-shrink:0;width:8px;height:8px}.ingredient-amount{font-size:var(--body-md);color:var(--on-surface-muted);font-weight:500}.comment-item{gap:var(--space-3);padding:var(--space-4) 0;display:flex}.comment-avatar{border-radius:var(--radius-full);background:var(--surface-container-high);width:40px;height:40px;color:var(--primary);font-weight:700;font-size:var(--body-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.comment-body{flex:1}.comment-name{font-weight:600;font-size:var(--body-md)}.comment-time{font-size:var(--label-sm);color:var(--on-surface-muted);margin-left:var(--space-2)}.comment-text{font-size:var(--body-md);margin-top:var(--space-1);line-height:1.5}.comment-stars{color:var(--warning);font-size:var(--label-md);margin-top:var(--space-1)}.shopping-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.shopping-checkbox{border-radius:var(--radius-sm);background:var(--surface-container-high);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.shopping-checkbox.checked{background:var(--gradient-primary);color:#fff}.shopping-checkbox.checked:after{content:"✓";font-size:var(--body-sm);font-weight:700}.shopping-item.checked .shopping-name{color:var(--on-surface-muted);text-decoration:line-through}.shopping-name{font-size:var(--body-md);flex:1}.shopping-tag{font-size:var(--label-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:600}.tag-fresh{color:var(--primary);background:var(--success-container)}.tag-expired{color:var(--error);background:var(--error-container)}.admin-layout{padding:var(--space-5);padding-bottom:var(--space-8)}.admin-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.admin-header h1{color:var(--primary)}.admin-stat-grid{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.admin-stat{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.admin-stat-value{font-size:var(--headline-md);color:var(--primary);font-weight:800}.admin-stat-label{font-size:var(--label-md);color:var(--on-surface-muted);margin-top:var(--space-1)}.admin-section{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.admin-section h3{color:var(--primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.admin-form-group{margin-bottom:var(--space-4)}.admin-form-group label{font-size:var(--body-sm);color:var(--on-surface-variant);margin-bottom:var(--space-2);font-weight:600;display:block}.admin-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-container-low);border-radius:var(--radius-md);font-size:var(--body-md);color:var(--on-surface);transition:background var(--transition-fast)}.admin-input:focus{background:#94f9901a}.admin-textarea{width:100%;min-height:120px;padding:var(--space-4);background:var(--surface-container-low);border-radius:var(--radius-md);font-size:var(--body-md);color:var(--on-surface);resize:vertical;line-height:1.6}.admin-textarea:focus{background:#94f9901a}.admin-output{background:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--space-4);min-height:80px;font-size:var(--body-md);color:var(--on-surface-variant);white-space:pre-wrap;line-height:1.6}.admin-recipe-table{border-collapse:separate;width:100%;border-spacing:0 var(--space-2)}.admin-recipe-table th{text-align:left;font-size:var(--label-md);color:var(--on-surface-muted);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.admin-recipe-table td{padding:var(--space-3);background:var(--surface-container-low);font-size:var(--body-sm)}.admin-recipe-table tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.admin-recipe-table tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.ai-tip-box{background:var(--gradient-warm);border-radius:var(--radius-xl);padding:var(--space-5);color:#fff}.ai-tip-label{font-size:var(--label-sm);opacity:.8;margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.ai-tip-text{font-size:var(--body-md);font-weight:600;line-height:1.5}.challenge-banner{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#004d13 0%,#006e1c 55%,#1a9e3a 100%);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #006e1c52}.challenge-banner:before{content:"";pointer-events:none;background:#94f9901f;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-24px}.challenge-banner:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-20px;left:30px}.challenge-banner:hover{transform:translateY(-2px);box-shadow:0 8px 32px #006e1c73}.challenge-icon{border-radius:var(--radius-full);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.challenge-body{flex:1}.challenge-label{font-size:var(--label-sm);text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-weight:600}.challenge-title{font-size:var(--title-sm);font-weight:700}.challenge-arrow{border-radius:var(--radius-full);background:#fff3;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.back-header{padding:var(--space-4) var(--page-gutter);justify-content:space-between;align-items:center;display:flex}.back-btn{align-items:center;gap:var(--space-2);font-size:var(--body-md);color:var(--on-surface);cursor:pointer;font-weight:600;display:flex}.back-header-actions{gap:var(--space-3);display:flex}.loading-shimmer{background:linear-gradient(90deg, var(--surface-container-low) 25%, var(--surface-container) 50%, var(--surface-container-low) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recipes-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.profile-name{text-align:center;font-size:var(--title-lg);margin-bottom:var(--space-1);font-weight:700}.profile-email{text-align:center;font-size:var(--body-sm);color:var(--on-surface-muted);margin-bottom:var(--space-6)}.settings-item{padding:var(--space-4) 0;cursor:pointer;border-bottom:1px solid var(--outline-ghost);justify-content:space-between;align-items:center;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-left{align-items:center;gap:var(--space-3);display:flex}.settings-item-label{font-size:var(--body-md);font-weight:500}.settings-arrow{color:var(--on-surface-muted);font-size:var(--body-sm)}.premium-card{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;text-align:center}.premium-card h3{color:#fff;margin-bottom:var(--space-2)}.premium-card p{color:#ffffffd9;font-size:var(--body-sm);margin-bottom:var(--space-4)}.animate-in{opacity:0;animation:.4s forwards slideUp}.animate-in:first-child{animation-delay:50ms}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}.meal-tabs{gap:var(--space-2);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;padding:var(--space-1) 0;overscroll-behavior-x:contain;touch-action:pan-x;align-items:center;max-width:100%;display:flex;overflow-x:auto}.meal-tabs::-webkit-scrollbar{display:none}.meal-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--body-sm);background:var(--surface-container-high);color:var(--on-surface-muted);cursor:pointer;transition:color .18s var(--ease-standard), transform .18s var(--ease-spring), box-shadow .18s var(--ease-standard);white-space:nowrap;isolation:isolate;border:none;font-weight:600;position:relative;overflow:hidden}.meal-tab:before{content:"";background:var(--gradient-primary);border-radius:inherit;opacity:0;transition:opacity .2s var(--ease-standard);z-index:-1;position:absolute;inset:0}.meal-tab.active{color:var(--on-primary);font-weight:700;transform:scale(1.04);box-shadow:0 2px 12px #006e1c47}.meal-tab.active:before{opacity:1}.meal-tab.active{background:0 0}.meal-tab:hover:not(.active){background:var(--surface-container-highest);transform:scale(1.02)}.meal-tab:active{transition-duration:80ms;transform:scale(.96)}.page{padding-bottom:calc(var(--nav-height) + var(--space-4));min-height:100dvh;position:relative;overflow-y:visible}.recipe-card-img{object-fit:cover;width:100%;height:140px;transition:transform var(--transition-normal);display:block}.recipe-card:hover .recipe-card-img{transform:scale(1.04)}.recipe-card-img-placeholder{background:var(--gradient-warm);justify-content:center;align-items:center;width:100%;height:140px;font-size:2.2rem;display:flex}.hero-card-body{z-index:1;padding:var(--space-6);background:var(--gradient-hero);position:relative}.category-pills{gap:var(--space-2);scrollbar-width:none;padding:2px 2px 6px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pills .chip{white-space:nowrap;flex-shrink:0}.scroll-fade-wrapper{position:relative}.scroll-fade-wrapper:after{content:"";background:linear-gradient(to right, transparent, var(--surface));pointer-events:none;z-index:2;border-radius:0 var(--radius-xl) var(--radius-xl) 0;width:48px;height:100%;position:absolute;top:0;right:0}.profile-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:72px;height:72px;font-weight:800;font-size:var(--headline-sm);margin:0 auto var(--space-3);justify-content:center;align-items:center;display:flex}.progress-bar{background:var(--surface-container-high);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .6s}.skeleton{background:linear-gradient(90deg, var(--surface-container-high) 25%, var(--surface-container-highest) 50%, var(--surface-container-high) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;color:var(--on-surface);transition:background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--surface-container-low)}.btn-surface{background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant)}.bottom-nav a:not(.active),.bottom-nav a:not(.active):visited{color:var(--on-surface-muted);text-decoration:none}.bottom-nav a{text-decoration:none}.shop-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);display:flex}.shop-item:active{background:var(--surface-container-low)}.shop-check-btn{border-radius:var(--radius-sm);border:2px solid var(--outline-variant);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.shop-check-btn.checked{background:var(--primary);border-color:var(--primary);color:#fff}.card-hover{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hover:active{transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.hero-card:hover .hero-card-image{transform:scale(1.03)}.hero-card-image{transition:transform .5s var(--ease-standard)}.challenge-banner:hover:before{animation:shimmerSweep .7s var(--ease-standard) forwards}@keyframes shimmerSweep{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(200%)}}@media (min-width:1024px){.page-header{background:linear-gradient(var(--surface-container-lowest), var(--surface-container-lowest)) padding-box, linear-gradient(90deg, transparent 0%, #006e1c1f 40%, #4caf5014 70%, transparent 100%) border-box;border-bottom:1px solid #0000}.section-title{padding-left:var(--space-3);position:relative}.section-title:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:3px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.recipes-grid-responsive .recipe-card:hover,.recipes-grid .recipe-card:hover{box-shadow:0 8px 32px #171d161a,0 0 0 1px #006e1c1a}}@media (min-width:768px) and (max-width:1023px){.hero-card{min-height:380px}.challenge-banner{padding:var(--space-5) var(--space-6)}.section{padding:0 var(--space-6)}}.recipes-grid-responsive>:first-child,.recipes-grid>:first-child{animation-delay:40ms}.recipes-grid-responsive>:nth-child(2),.recipes-grid>:nth-child(2){animation-delay:80ms}.recipes-grid-responsive>:nth-child(3),.recipes-grid>:nth-child(3){animation-delay:.12s}.recipes-grid-responsive>:nth-child(4),.recipes-grid>:nth-child(4){animation-delay:.16s}.meal-card:hover{box-shadow:var(--shadow-md);transform:translate(6px)}.ai-credits-bar{transition:box-shadow .2s var(--ease-standard)}.ai-credits-bar:hover{box-shadow:0 4px 20px #006e1c1f}.input-field:focus-within{box-shadow:inset 2px 0 0 var(--primary);background:#94f9901a}@media (min-width:1024px){::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#006e1c33}::-webkit-scrollbar-thumb:hover{background:#006e1c66}}