:root{--color-sage:#5b8454;--color-sage-dark:#4a6b44;--color-sage-deep:#324b2e;--color-sage-light:#ebf4e8;--color-sage-tint:#f3f8f1;--color-sage-border:#d2e4cc;--color-cream-bg:#f8f4ea;--color-cream-surface:#fff;--color-cream-card:#fff;--color-cream-muted:#f2ebdc;--color-cream-subtle:#faf6ef;--color-butter:#f5da88;--color-butter-light:#fdf6e2;--color-butter-dark:#a66b32;--color-peach:#f3c7b8;--color-peach-light:#fcf1ec;--color-peach-dark:#b96650;--color-text-title:#2c2621;--color-text-main:#4b463f;--color-text-muted:#6e665d;--color-text-subtle:#988f84;--color-text-inverse:#fff;--color-border:#eae3d6;--color-border-light:#f2ece1;--color-border-focus:#5b8454;--color-success:#5b8454;--color-success-bg:#ebf4e8;--color-warning:#d98e32;--color-warning-bg:#fcf4e9;--color-error:#c85a5a;--color-error-bg:#faeeee;--font-body:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Be Vietnam Pro", sans-serif;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 2px 6px #4b463f0a;--shadow-md:0 6px 16px #4b463f0f, 0 1px 3px #4b463f0a;--shadow-lg:0 12px 30px #4b463f14, 0 4px 10px #4b463f0a;--shadow-float:0 18px 40px #4b463f1f, 0 6px 14px #4b463f0d;--transition-fast:.16s cubic-bezier(.2, 0, 0, 1);--transition-normal:.26s cubic-bezier(.2, 0, 0, 1);--transition-spring:.36s cubic-bezier(.34, 1.56, .64, 1);--header-height:72px;--header-height-mobile:60px;--bottom-nav-height:64px;--max-content-width:1280px;--page-pad-mobile:14px;--page-pad-tablet:24px;--page-pad-desktop:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-cream-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-size:15px;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-title);letter-spacing:-.015em;font-weight:600;line-height:1.25}h1{font-size:1.85rem;font-weight:700}h2{font-size:1.45rem;font-weight:700}h3{font-size:1.2rem;font-weight:600}p{color:var(--color-text-main)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-sage);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-cream-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.app-container{width:100%;max-width:var(--max-content-width);flex:1;margin:0 auto;padding:0 24px}.top-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);height:var(--header-height);background:#faf7f0f0;align-items:center;display:flex;position:sticky;top:0}.top-header-inner{width:100%;max-width:var(--max-content-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.brand-wrapper{align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.brand-logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-sage-light) 0%, var(--color-sage) 100%);width:40px;height:40px;color:var(--color-cream-surface);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.brand-text-group{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);color:var(--color-text-title);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.15}.brand-tagline{color:var(--color-sage-dark);font-size:.76rem;font-weight:500}.desktop-nav{flex-shrink:0;align-items:center;gap:8px;display:flex}.desktop-nav-link{border-radius:var(--radius-pill);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.desktop-nav-link:hover{color:var(--color-text-title);background:var(--color-cream-muted)}.desktop-nav-link.active{color:#3e6336;background:#ebf4e8;font-weight:600}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.user-family-badge{align-items:center;gap:var(--space-xs);background:var(--color-cream-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-main);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);padding:5px 12px 5px 6px;font-size:.84rem;font-weight:500;display:flex}.user-avatar-circle{background:var(--color-peach-light);width:28px;height:28px;color:var(--color-peach-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.mobile-bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--color-border-light);padding:0 var(--space-xs);z-index:50;background:#fffffff5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #4b463f0d}.bottom-nav-item{height:100%;color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:48px;font-size:.72rem;font-weight:500;display:flex;position:relative}.bottom-nav-item .nav-icon{width:22px;height:22px;transition:transform var(--transition-spring), stroke var(--transition-fast)}.bottom-nav-item.active{color:var(--color-sage-deep);font-weight:600}.bottom-nav-item.active .nav-icon{stroke:var(--color-sage-deep);transform:translateY(-2px)}.bottom-nav-item.active:after{content:"";background:var(--color-sage);border-radius:50%;width:4px;height:4px;position:absolute;top:6px}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);transition:all var(--transition-normal);text-align:center;cursor:pointer;min-height:44px;padding:10px 20px;font-size:.92rem;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background:var(--color-sage);color:#fff;box-shadow:0 4px 12px #8ea88559}.btn-primary:hover{background:var(--color-sage-dark);transform:translateY(-1px);box-shadow:0 6px 18px #5873504d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-cream-surface);color:var(--color-text-main);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-cream-subtle);border-color:var(--color-text-muted);transform:translateY(-1px)}.btn-accent{background:var(--color-butter);color:var(--color-butter-dark);box-shadow:0 4px 14px #f4d98b66}.btn-accent:hover{background:#eed07c;transform:translateY(-1px)}.btn-peach{background:var(--color-peach-light);color:var(--color-peach-dark);border:1px solid #f3c7b866}.btn-peach:hover{background:var(--color-peach);color:#fff}.btn-sm{border-radius:var(--radius-pill);min-height:36px;padding:6px 14px;font-size:.82rem}.btn-lg{min-height:50px;padding:14px 28px;font-size:1.02rem}.btn-icon{width:42px;height:42px;color:var(--color-text-main);background:var(--color-cream-surface);border:1px solid var(--color-border-light);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--color-sage-light);color:var(--color-sage-deep);border-color:var(--color-sage-border);transform:scale(1.05)}.btn-icon-sm{width:34px;height:34px}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.badge-sage{background:var(--color-sage-light);color:var(--color-sage-dark)}.badge-butter{background:var(--color-butter-light);color:var(--color-butter-dark)}.badge-peach{background:var(--color-peach-light);color:var(--color-peach-dark)}.badge-subtle{background:var(--color-cream-muted);color:var(--color-text-muted)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.card{background:var(--color-cream-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);position:relative}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-3px)}.hero-card{border-radius:var(--radius-xl);padding:var(--space-2xl);align-items:center;gap:var(--space-xl);box-shadow:var(--shadow-md);margin-top:var(--space-md);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,#faf4e8 0%,#f3ebdd 50%,#e9f1e7 100%);border:1px solid #e8dfd1b3;grid-template-columns:1.15fr .85fr;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.hero-pill{align-items:center;gap:var(--space-xs);border:1px solid var(--color-sage-border);border-radius:var(--radius-pill);color:var(--color-sage-deep);margin-bottom:var(--space-md);background:#ffffffd9;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-sm);color:var(--color-text-title);font-size:2.2rem;font-weight:700;line-height:1.2}.hero-title span{color:var(--color-sage-dark)}.hero-desc{color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:480px;font-size:1.02rem}.hero-cta-group{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-media-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:16/10;border:4px solid #fff;position:relative;overflow:hidden}.hero-media-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.hero-media-wrapper:hover img{transform:scale(1.03)}.hero-floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:var(--color-text-title);box-shadow:var(--shadow-md);background:#fffffff0;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-end;display:flex}.section-title-wrap{flex-direction:column;gap:4px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-sage-dark);font-size:.78rem;font-weight:700}.section-title{color:var(--color-text-title);font-size:1.35rem}.ingredient-chips-grid{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.ingredient-chip{border-radius:var(--radius-pill);background:var(--color-cream-surface);border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:8px 14px;font-size:.88rem;font-weight:500;display:inline-flex}.ingredient-chip:hover{background:var(--color-sage-tint);border-color:var(--color-sage-border);transform:translateY(-1px)}.ingredient-chip.selected{background:var(--color-sage-light);border-color:var(--color-sage);color:var(--color-sage-deep);font-weight:600}.ingredient-chip .chip-dot{background:var(--color-sage);border-radius:50%;width:8px;height:8px}.ingredient-chip.add-chip{background:var(--color-cream-muted);border:1px dashed var(--color-border);color:var(--color-text-muted);font-weight:600}.ingredient-chip.add-chip:hover{background:var(--color-butter-light);color:var(--color-butter-dark);border-color:var(--color-butter)}.recipes-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.recipe-card{background:var(--color-cream-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-sage-border);transform:translateY(-4px)}.recipe-card-media{aspect-ratio:4/3;background:var(--color-cream-muted);width:100%;position:relative;overflow:hidden}.recipe-favorite-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.recipe-favorite-btn:hover{color:var(--color-peach-dark);transform:scale(1.1)}.recipe-favorite-btn.favorited{color:#d34b4b;fill:#d34b4b}.recipe-badge-overlay{position:absolute;bottom:12px;left:12px}.recipe-card-body{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.recipe-card-title{color:var(--color-text-title);margin-bottom:6px;font-size:1.18rem;font-weight:700}.recipe-meta-row{align-items:center;gap:var(--space-md);color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.82rem;display:flex}.recipe-ingredients-status{background:var(--color-cream-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-md);flex-direction:column;gap:4px;padding:8px 12px;font-size:.8rem;display:flex}.status-match{color:var(--color-sage-dark);align-items:center;gap:6px;font-weight:600;display:flex}.status-missing{color:var(--color-warning);align-items:center;gap:6px;font-weight:500;display:flex}.recipe-card-footer{padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.kids-bridge-card{border-radius:var(--radius-xl);padding:var(--space-xl);align-items:center;gap:var(--space-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#fcf5e8 0%,#f5ece0 60%,#ebf4e8 100%);border:1px solid #e8dfd1cc;grid-template-columns:180px 1fr auto;display:grid;position:relative;overflow:hidden}.kids-bridge-media{aspect-ratio:1;border-radius:var(--radius-lg);width:180px;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #fff;overflow:hidden}.kids-bridge-media img{object-fit:cover;width:100%;height:100%}.kids-bridge-info{flex-direction:column;gap:6px;display:flex}.kids-bridge-badge{border-radius:var(--radius-pill);color:var(--color-peach-dark);background:#ffffffe6;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.kids-bridge-title{color:var(--color-text-title);font-size:1.35rem;font-weight:700}.kids-bridge-desc{color:var(--color-text-muted);max-width:520px;font-size:.92rem}.ai-assistant-box{border:1.5px solid var(--color-sage-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f3f8f2 0%,#fff 100%)}.ai-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.ai-avatar{background:var(--color-sage);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-input-wrap{gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:border-color var(--transition-fast);background:#fff;padding:6px 6px 6px 18px;display:flex;box-shadow:inset 0 1px 3px #00000005}.ai-input-wrap:focus-within{border-color:var(--color-sage);box-shadow:0 0 0 3px #8ea88533}.ai-input-wrap input{color:var(--color-text-title);flex:1;font-size:.95rem}.ai-input-wrap input::placeholder{color:var(--color-text-subtle)}.ai-preset-chips{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-text-muted);flex-wrap:wrap;font-size:.8rem;display:flex}.ai-preset-btn{background:var(--color-cream-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px;font-size:.78rem}.ai-preset-btn:hover{background:var(--color-sage-light);color:var(--color-sage-dark);border-color:var(--color-sage-border)}.meal-plan-card{background:var(--color-cream-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2xl)}.meal-plan-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.meal-plan-items-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.meal-plan-item{background:var(--color-cream-bg);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border-light);align-items:center;gap:var(--space-md);display:flex}.meal-plan-item-tag{color:var(--color-sage-dark);text-transform:uppercase;font-size:.74rem;font-weight:700}.meal-plan-item-name{color:var(--color-text-title);font-size:.96rem;font-weight:600}.shopping-reference-canvas{background-color:var(--color-cream-bg,#f8f4ea);width:100%;min-height:100vh;padding:24px 20px 80px;position:relative;overflow:hidden}.shopping-decor-left{pointer-events:none;z-index:0;opacity:.95;filter:drop-shadow(0 10px 30px #0000000d);width:320px;max-width:25vw;position:absolute;top:60px;left:-20px}.shopping-decor-right{pointer-events:none;z-index:0;opacity:.95;filter:drop-shadow(0 10px 30px #0000000d);width:340px;max-width:26vw;position:absolute;top:90px;right:-20px}.shopping-decor-img{object-fit:contain;width:100%;height:auto;display:block}.shopping-central-container{z-index:1;flex-direction:column;gap:18px;max-width:860px;margin:0 auto;display:flex;position:relative}.shopping-page-header{margin-bottom:4px}.shopping-page-header .badge-sage{color:#3e6336;background:#e8f1e5;border:1px solid #cfe2ca;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.shopping-hero-title{font-family:var(--font-display,inherit);color:#243322;letter-spacing:-.02em;margin:0 0 8px;font-size:2.25rem;font-weight:700;line-height:1.2}.shopping-hero-desc{color:#5c6e5a;margin:0;font-size:.95rem;line-height:1.6}.shopping-top-cards-row{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:stretch;gap:16px;display:grid}.shopping-progress-card{background:#fff;border:1.5px solid #ebe7df;border-radius:18px;flex-direction:column;justify-content:center;gap:12px;padding:18px 22px;display:flex;box-shadow:0 2px 12px #00000005}.progress-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress-card-title{color:#243322;font-size:.95rem;font-weight:700}.progress-percent-pill{border-radius:9999px;padding:3px 10px;font-size:.8rem;font-weight:700}.shopping-progress-track{background:#efece6;border-radius:9999px;width:100%;height:7px;overflow:hidden}.shopping-progress-fill{background:#3e6336;border-radius:9999px;height:100%;transition:width .3s}.shopping-tip-card{background:#fff9e6;border:1.5px solid #f6de95;border-radius:18px;flex-direction:column;gap:6px;padding:16px 20px;display:flex;box-shadow:0 2px 12px #00000005}.tip-card-header{color:#614700;align-items:center;gap:7px;font-size:.9rem;font-weight:700;display:flex}.tip-card-icon{color:#d48806;align-items:center;display:flex}.tip-card-desc{color:#7a5c0a;margin:0;font-size:.82rem;line-height:1.55}.shopping-add-bar-form{background:#fff;border:1.5px solid #e2ded5;border-radius:9999px;align-items:center;gap:10px;padding:6px 8px 6px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0000000a}.shopping-add-bar-form:focus-within{border-color:#3e6336;box-shadow:0 0 0 3px #3e633624,0 6px 20px #0000000f}.shopping-input-wrap{flex:1;align-items:center;gap:10px;min-width:160px;display:flex}.shopping-search-icon{color:#7b8b79;flex-shrink:0;align-items:center;transition:color .2s;display:flex}.shopping-add-bar-form:focus-within .shopping-search-icon{color:#3e6336}.shopping-input-text{color:#243322;width:100%;padding:8px 0;font-family:inherit;font-size:.95rem;font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.shopping-input-text:focus,.shopping-input-text:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.shopping-input-text::placeholder{color:#8e9e8c;font-weight:400}.shopping-select-wrap{align-items:center;display:inline-flex;position:relative}.shopping-cat-select{appearance:none;color:#3e6336;cursor:pointer;background:#f9f8f5;border:1px solid #ddd7cb;border-radius:9999px;padding:8px 28px 8px 14px;font-size:.84rem;font-weight:600;transition:all .2s;outline:none!important}.shopping-cat-select:focus,.shopping-cat-select:focus-visible{background:#fff;border-color:#3e6336;outline:none!important}.select-chevron-icon{pointer-events:none;color:#7b8b79;align-items:center;display:flex;position:absolute;right:10px}.shopping-qty-input{text-align:center;color:#243322;background:#f9f8f5;border:1px solid #ddd7cb;border-radius:9999px;width:96px;padding:8px 14px;font-size:.84rem;transition:all .2s;outline:none!important}.shopping-qty-input:focus,.shopping-qty-input:focus-visible{background:#fff;border-color:#3e6336;box-shadow:0 0 0 2px #3e63361a;outline:none!important}.btn-shopping-add{color:#fff;cursor:pointer;background:#3e6336;border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:9px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #3e633633}.btn-shopping-add:hover{background:#2e5228;transform:translateY(-1px);box-shadow:0 4px 12px #3e633647}.shopping-actions-row{flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 6px;display:flex}.btn-shopping-pill-action{color:#3b4b38;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:9999px;align-items:center;gap:7px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 4px #00000005}.btn-shopping-pill-action:hover{background:#faf8f5;border-color:#a8c4a0;transform:translateY(-1px)}.btn-shopping-pill-action.btn-action-delete{color:#c0392b;border-color:#f6cfc3}.btn-shopping-pill-action.btn-action-delete:hover{background:#fdf3f0;border-color:#e07a5f}.shopping-groups-container{flex-direction:column;gap:14px;display:flex}.shopping-group-card{background:#fff;border:1.5px solid #ebe7df;border-radius:20px;padding:18px 22px;box-shadow:0 2px 14px #00000005}.shopping-group-header-btn{cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0ece4;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:0 0 12px;display:flex}.group-header-left{color:#3e6336;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.group-leaf-icon{color:#3e6336;align-items:center;display:flex}.group-chevron-icon{color:#8e9e8c;align-items:center;transition:transform .25s;display:flex}.group-chevron-icon.is-collapsed{transform:rotate(-90deg)}.shopping-group-items-list{flex-direction:column;gap:10px;transition:all .3s;display:flex}.shopping-group-items-list.is-hidden{display:none}.shopping-item-card-row{cursor:pointer;background:#faf9f6;border:1px solid #ece7de;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.shopping-item-card-row:hover{background:#fff;border-color:#dcd6ca;box-shadow:0 2px 8px #00000008}.shopping-item-card-row.is-checked{opacity:.78;background:#f7f6f3}.item-row-left-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.shopping-checkbox-btn{color:#fff;cursor:pointer;background:#fff;border:2px solid #c4beb1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.shopping-checkbox-btn.checked{background:#3e6336;border-color:#3e6336}.shopping-item-avatar-box{background:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.shopping-item-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.shopping-item-thumb-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumb-bg-veg{color:#3e6336;background:#e8f4e6}.thumb-bg-spice{color:#c27d0e;background:#fff4e5}.thumb-bg-protein{color:#c0392b;background:#fdeeeb}.thumb-bg-carb{color:#b7950b;background:#fef9e7}.shopping-item-text-info{flex-direction:column;gap:2px;min-width:0;display:flex}.shopping-item-name-text{color:#243322;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:700;overflow:hidden}.shopping-item-card-row.is-checked .shopping-item-name-text{color:#7b8b79;text-decoration:line-through}.shopping-item-note-text{color:#7b8b79;font-size:.78rem}.item-row-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.shopping-item-qty-pill{color:#556653;white-space:nowrap;background:#faf7f0;border:1px solid #eae5dc;border-radius:9999px;padding:3px 12px;font-size:.8rem;font-weight:600}.btn-delete-shopping-item{color:#a0988a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-delete-shopping-item:hover{color:#c0392b;background:#c0392b14}.shopping-empty-card{text-align:center;background:#fff;border:1.5px dashed #e2ded5;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.shopping-empty-icon{color:#3e6336;background:#f4f8f3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.shopping-empty-title{color:#243322;margin:0;font-size:1.25rem;font-weight:700}.shopping-empty-desc{color:#6c7d68;max-width:440px;margin:0 0 8px;font-size:.88rem;line-height:1.55}@media (width<=1100px){.shopping-decor-left,.shopping-decor-right{opacity:.35;width:220px}}@media (width<=860px){.shopping-decor-left,.shopping-decor-right{display:none}.shopping-top-cards-row{grid-template-columns:1fr;gap:12px}.shopping-add-bar-form{border-radius:18px;flex-wrap:wrap;padding:12px 14px}.shopping-input-wrap{width:100%;min-width:100%}.shopping-select-wrap{flex:1}.shopping-cat-select{width:100%}.btn-shopping-add{justify-content:center;width:100%}}@media (width<=480px){.shopping-reference-canvas{padding:16px 12px 60px}.shopping-hero-title{font-size:1.75rem}.shopping-group-card{border-radius:16px;padding:14px}.shopping-item-card-row{gap:8px;padding:8px 10px}.shopping-item-avatar-box{width:38px;height:38px}.shopping-item-name-text{font-size:.88rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);-webkit-overflow-scrolling:touch;background:#2b26218c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}#onboarding-modal-overlay{-webkit-overflow-scrolling:touch!important;justify-content:center!important;align-items:flex-start!important;padding:16px 12px 32px!important;display:flex!important;overflow-y:auto!important}@media (height>=720px){#onboarding-modal-overlay{align-items:center!important}}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:var(--color-cream-surface);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-float);border:1px solid var(--color-border);transition:transform var(--transition-normal);overflow-y:auto;transform:translateY(20px)scale(.98)}.modal-overlay.open .modal-card{transform:translateY(0)scale(1)}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-cream-surface);z-index:2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-body{padding:var(--space-xl)}.recipe-modal-ingredients-section{border-radius:var(--radius-lg,16px);background:#fff;border:1.5px solid #ebe7df;margin-bottom:24px;padding:18px 20px;box-shadow:0 2px 10px #00000008}.ingredients-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ingredients-header-title-group{align-items:center;gap:8px;display:flex}.ingredients-header-icon{color:var(--color-sage,#5b8252);align-items:center;display:flex}.ingredients-section-title{color:var(--color-text-title,#2d3a29);margin:0;font-size:1.15rem;font-weight:700}.ingredients-prep-guide-note{color:#7a5b0b;background:#fffdf0;border:1px solid #f5e5b8;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:.84rem;line-height:1.4;display:flex}.ingredients-prep-guide-note .note-icon{color:#d97706;flex-shrink:0;align-items:center;display:flex}.modal-ingredients-grid{flex-direction:column;gap:8px;width:100%;display:flex}.modal-ingredient-item{box-sizing:border-box;background:#faf8f4;border:1.5px solid #ebe7df;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:11px 14px;transition:all .2s;display:flex}.modal-ingredient-item:hover{background:#fff;border-color:#c8ddc5;box-shadow:0 3px 10px #0000000a}.modal-ingredient-item.item-available{background:#f8faf7;border-left:4px solid #3e6336}.modal-ingredient-item.item-missing{background:#fdfbf7;border-left:4px solid #d97706}.ingredient-main-info{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.ingredient-check-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ingredient-check-indicator.indicator-has{color:#3e6336;background:#e0eedc}.ingredient-check-indicator.indicator-missing{color:#d97706;background:#fef3c7}.ingredient-title-text{color:#243322;white-space:normal;text-overflow:clip;word-break:normal;overflow-wrap:break-word;flex:1;font-size:.95rem;font-weight:600;line-height:1.4;overflow:visible}.ingredient-measurement-info{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-left:0;padding-left:34px;display:flex}.ingredient-measurement-badge{color:#2f5927;white-space:nowrap;letter-spacing:.01em;background:#ebf3e8;border:1px solid #cfe2ca;border-radius:8px;padding:3px 9px;font-size:.82rem;font-weight:700}.ingredient-stock-status{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:600}.ingredient-stock-status.status-has{color:#46673e;background:#46673e14}.ingredient-stock-status.status-need{color:#b45309;background:#d977061a}.modal-ingredients-action-row{border-top:1px dashed #e5e0d5;justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}.cooking-mode-wrap{gap:var(--space-xl);flex-direction:column;display:flex}.cooking-progress-bar{background:var(--color-cream-muted);border-radius:var(--radius-pill);width:100%;height:6px;margin-bottom:var(--space-md);overflow:hidden}.cooking-progress-fill{background:var(--color-sage);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-normal)}.cooking-step-card{background:var(--color-cream-bg);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--color-border);gap:var(--space-md);flex-direction:column;display:flex}.cooking-step-number{font-family:var(--font-display);color:var(--color-sage);font-size:2.8rem;font-weight:700;line-height:1}.cooking-step-title{color:var(--color-text-title);font-size:1.35rem;font-weight:700}.cooking-step-desc{color:var(--color-text-main);font-size:1.05rem;line-height:1.7}.cooking-step-tip{background:var(--color-butter-light);border-left:3px solid var(--color-butter-dark);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-butter-dark);font-size:.9rem}.cooking-nav-buttons{margin-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.kids-activity-container{gap:var(--space-xl);text-align:center;flex-direction:column;align-items:center;display:flex}.kids-activity-art{border-radius:var(--radius-lg);max-width:320px;box-shadow:var(--shadow-md);border:4px solid #fff;overflow:hidden}.kids-quiz-options{gap:var(--space-md);width:100%;max-width:480px;margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.kids-quiz-btn{background:var(--color-cream-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-title);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;padding:18px 24px;font-size:1.15rem;font-weight:700}.kids-quiz-btn:hover{border-color:var(--color-sage);background:var(--color-sage-light);transform:translateY(-2px)}.kids-quiz-btn.correct{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);transform:scale(1.03)}.kids-quiz-btn.wrong{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.toast-container{bottom:calc(var(--bottom-nav-height) + 16px);right:var(--space-lg);z-index:120;gap:var(--space-xs);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-text-title);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-float);align-items:center;gap:var(--space-sm);pointer-events:auto;padding:12px 20px;font-size:.88rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);align-items:center;gap:var(--space-md);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state-icon{background:var(--color-cream-muted);width:64px;height:64px;color:var(--color-text-subtle);margin-bottom:var(--space-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--color-text-title);font-size:1.15rem;font-weight:600}.mobile-page-header{margin-bottom:var(--space-lg);margin-top:var(--space-xs)}.mobile-page-title{color:var(--color-text-title);letter-spacing:-.015em;margin-top:4px;margin-bottom:4px;font-size:1.65rem;font-weight:700}.mobile-page-sub{color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.spin-icon{justify-content:center;align-items:center;animation:1.2s linear infinite spin;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-3xl) var(--space-md) calc(var(--bottom-nav-height) + var(--space-2xl));margin-top:var(--space-4xl);background:#faf5eb}.footer-inner{max-width:var(--max-content-width);margin:0 auto}.footer-brand-section{margin-bottom:var(--space-2xl);max-width:500px}.footer-narrative{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.88rem;line-height:1.6}.footer-badges-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.footer-links-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-col-title{color:var(--color-text-title);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:700}.footer-links-list{gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.footer-link-btn{color:var(--color-text-muted);text-align:left;transition:color var(--transition-fast);cursor:pointer;align-items:center;gap:6px;padding:4px 0;font-size:.86rem;display:inline-flex}.footer-link-btn:hover{color:var(--color-sage-deep);text-decoration:underline}.footer-static-item{color:var(--color-text-subtle);font-size:.84rem;line-height:1.5}.footer-bottom-bar{padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);color:var(--color-text-subtle);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.82rem;display:flex}.footer-status-pill{background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:flex}.status-indicator-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px}.onboarding-mode-btn{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.onboarding-mode-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-sage-deep)!important}.chart-point-group circle{transform-origin:50%;transition:transform .2s,r .2s}.chart-point-group:hover circle{r:8;stroke-width:3.5px}.btn-ghost{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-weight:600}.btn-ghost:hover{color:var(--color-text-title);background:#0000000a}input[type=date]{color:var(--color-text-title);font-family:inherit}.home-reference-canvas{width:100%;max-width:100%;margin:0 auto;padding:16px 0 60px;position:relative;overflow:visible}.botanical-bg-left{pointer-events:none;z-index:0;opacity:.85;position:absolute;top:-10px;left:-40px}.botanical-bg-right{pointer-events:none;z-index:0;opacity:.85;position:absolute;top:360px;right:-30px}.header-icon-btn{width:38px;height:38px;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:var(--color-cream-subtle);border-color:var(--color-border)}.user-family-badge{border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:4px 14px 4px 5px;display:flex;box-shadow:0 1px 4px #4b463f0d}.user-family-badge:hover{border-color:var(--color-sage);background:var(--color-sage-tint)}.user-avatar-photo{background:var(--color-cream-muted);border-radius:50%;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden}.user-avatar-photo img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-fallback{background:var(--color-sage-light);width:100%;height:100%;color:var(--color-sage-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.user-family-text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.user-family-name{color:var(--color-text-title);font-size:.84rem;font-weight:700}.user-family-meta{color:var(--color-text-muted);font-size:.7rem;font-weight:500}.user-family-chevron{color:var(--color-text-subtle);align-items:center;display:flex}.ref-hero-section{z-index:1;grid-template-columns:1fr 1.12fr;align-items:center;gap:40px;margin-top:12px;margin-bottom:36px;display:grid;position:relative}.ref-hero-left{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.ref-hero-badge{color:#3e6336;border-radius:var(--radius-pill);background:#ebf4e8;border:1px solid #d6e8d1;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.ref-badge-icon{color:var(--color-sage);align-items:center;display:flex}.ref-hero-title{font-family:var(--font-display);color:var(--color-text-title);letter-spacing:-.02em;margin:0;font-size:clamp(2.35rem,3.8vw,3.35rem);font-weight:700;line-height:1.16}.ref-hero-title-sage{color:var(--color-sage)}.ref-hero-desc{color:var(--color-text-main);max-width:530px;margin:0;font-size:1.05rem;font-weight:400;line-height:1.65}.ref-hero-buttons{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.ref-btn-primary{background:var(--color-sage);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #5b845459}.ref-btn-primary:hover{background:var(--color-sage-dark);transform:translateY(-1px);box-shadow:0 6px 18px #5b84546b}.ref-btn-secondary{color:var(--color-text-main);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:#fff;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #4b463f0a}.ref-btn-secondary:hover{background:var(--color-cream-subtle);border-color:var(--color-sage);transform:translateY(-1px)}.ref-hero-right{width:100%;position:relative}.ref-hero-image-card{aspect-ratio:16/10.5;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #4b463f1f}.ref-hero-image-card img{object-fit:cover;width:100%;height:100%;display:block}.ref-hero-speech-bubble{-webkit-backdrop-filter:blur(8px);max-width:220px;color:var(--color-text-title);background:#fffffff2;border:1px solid #ffffffd9;border-radius:18px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:600;line-height:1.35;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 6px 18px #2c26211f}.ref-bubble-heart{color:var(--color-sage);flex-shrink:0;display:flex}.ref-features-row{border:1px solid var(--color-border-light);z-index:1;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:18px 32px;display:flex;position:relative;overflow-x:auto;box-shadow:0 4px 16px #4b463f0a}.ref-feature-item{flex-shrink:0;align-items:center;gap:12px;display:flex}.ref-feature-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ref-feature-icon-circle.bg-yellow{color:#b38600;background:#fdf3d6}.ref-feature-icon-circle.bg-cream{color:var(--color-sage);background:#ebf4e8}.ref-feature-icon-circle.bg-peach{color:#d46a4e;background:#fce8e2}.ref-feature-text{flex-direction:column;line-height:1.25;display:flex}.ref-feature-text strong{color:var(--color-text-title);font-size:.86rem;font-weight:700}.ref-feature-text span{color:var(--color-text-muted);font-size:.78rem;font-weight:500}.ref-meal-plan-card{border:1px solid var(--color-border-light);z-index:1;background:#fff;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;padding:20px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #4b463f0d}.ref-meal-plan-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ebf4e866 0%,#fff0 60%);position:absolute;inset:0}.ref-meal-plan-left{flex:1;align-items:flex-start;gap:16px;min-width:280px;display:flex}.ref-meal-plan-icon-badge{width:54px;height:54px;color:var(--color-sage);background:linear-gradient(145deg,#ebf4e8 0%,#d8edd4 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px #3e633626}.ref-meal-plan-details{flex-direction:column;gap:3px;display:flex}.ref-meal-plan-label{color:#a66e14;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#c68b1a,#e5a822);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.72rem;font-weight:700}.ref-meal-plan-title{font-family:var(--font-display);color:var(--color-text-title);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.ref-meal-plan-desc{color:var(--color-text-muted);margin:0;font-size:.84rem;line-height:1.5}.ref-meal-plan-right{flex-shrink:0;align-items:center;gap:24px;display:flex}.ref-meal-thumbnails{align-items:center;gap:-8px;display:flex}.ref-meal-thumb-item{border:2.5px solid #fff;border-radius:50%;flex-shrink:0;width:52px;height:52px;margin-left:-10px;overflow:hidden;box-shadow:0 3px 8px #4b463f24}.ref-meal-thumb-item:first-child{margin-left:0}.ref-meal-thumb-item img{object-fit:cover;width:100%;height:100%;display:block}.ref-meal-plan-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ref-btn-use-plan{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#4d7a42 0%,#3e6336 100%);border:none;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #3e633659}.ref-btn-use-plan:hover{background:var(--color-sage-dark);transform:translateY(-1px)}.ref-meal-plan-time{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.ref-section{z-index:1;margin-bottom:48px;position:relative}.ref-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ref-section-title-wrap{align-items:center;gap:12px;display:flex}.ref-title-icon-badge{width:36px;height:36px;color:var(--color-sage);background:#ebf4e8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ref-section-title{font-family:var(--font-display);color:var(--color-text-title);margin:0;font-size:1.45rem;font-weight:700}.ref-section-subtitle{color:var(--color-text-muted);margin:2px 0 0;font-size:.88rem}.ref-btn-pill-outline{border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-title);cursor:pointer;transition:all var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:7px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.ref-btn-pill-outline:hover{background:var(--color-cream-subtle);border-color:var(--color-sage)}.ref-badge-green-pill{color:#3e6336;border-radius:var(--radius-pill);background:#ebf4e8;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.ref-ingredients-grid{grid-template-columns:repeat(9,1fr);gap:12px;width:100%;display:grid}.ref-ingredient-card{border:1px solid var(--color-border-light);text-align:center;width:100%;min-width:0;transition:all var(--transition-fast);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;display:flex;box-shadow:0 2px 8px #4b463f08}.ref-ingredient-card:hover{border-color:var(--color-sage);transform:translateY(-2px);box-shadow:0 6px 16px #5b84541f}.ref-ing-illustration{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ref-ing-text{flex-direction:column;line-height:1.25;display:flex}.ref-ing-name{color:var(--color-text-title);font-size:.82rem;font-weight:700}.ref-ing-qty{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.ref-ing-add-card{border:1.5px dashed var(--color-border);cursor:pointer;background:0 0;justify-content:center}.ref-ing-add-icon{border:1.5px solid var(--color-text-subtle);width:32px;height:32px;color:var(--color-text-subtle);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.ref-recipes-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ref-recipe-card{border:1px solid var(--color-border-light);transition:all var(--transition-fast);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #4b463f0d}.ref-recipe-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #4b463f1a}.ref-recipe-media{aspect-ratio:16/11;width:100%;position:relative;overflow:hidden}.ref-recipe-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.ref-recipe-card:hover .ref-recipe-media img{transform:scale(1.03)}.ref-recipe-tag{-webkit-backdrop-filter:blur(6px);color:#fff;border-radius:var(--radius-pill);background:#1e1914c7;padding:3px 9px;font-size:.72rem;font-weight:600;position:absolute;bottom:10px;left:10px}.ref-favorite-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000001a}.ref-favorite-btn.favorited{color:#e05252;background:#fff}.ref-recipe-body{flex-direction:column;flex:1;padding:16px;display:flex}.ref-recipe-title{font-family:var(--font-display);color:var(--color-text-title);min-height:2.6em;margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.3}.ref-recipe-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:.76rem;display:flex}.ref-recipe-meta span{align-items:center;gap:4px;display:inline-flex}.ref-recipe-ingredients-check{background:#fbf9f5;border:1px solid #f0ebe0;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;font-size:.76rem;display:flex}.ref-ing-check-has{color:#3e6336;align-items:flex-start;gap:6px;line-height:1.35;display:flex}.ref-ing-check-need{color:#c2633e;align-items:flex-start;gap:6px;line-height:1.35;display:flex}.ref-recipe-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.ref-toddler-pill{color:var(--color-sage);align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:inline-flex}.ref-btn-recipe-view{background:var(--color-sage);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.ref-btn-recipe-view:hover{background:var(--color-sage-dark)}.ref-kids-layout{grid-template-columns:1.8fr 1fr;align-items:stretch;gap:20px;display:grid}.ref-kids-featured-card{border:1px solid var(--color-border-light);background:#fff;border-radius:24px;grid-template-columns:190px 1fr;align-items:center;gap:24px;padding:24px;display:grid;box-shadow:0 4px 18px #4b463f0d}.ref-kids-featured-media{aspect-ratio:1;background:#faf3e6;border-radius:18px;width:100%;overflow:hidden}.ref-kids-featured-media img{object-fit:cover;width:100%;height:100%;display:block}.ref-kids-featured-content{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ref-kids-badge{color:#d46a4e;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.ref-kids-title{font-family:var(--font-display);color:var(--color-text-title);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.ref-kids-desc{color:var(--color-text-main);margin:0;font-size:.88rem;line-height:1.5}.ref-btn-kids-start{color:#4b3e1e;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:#f5da88;border:none;align-items:center;gap:8px;margin-top:6px;padding:11px 22px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #f5da8866}.ref-btn-kids-start:hover{background:#eccb6a;transform:translateY(-1px)}.ref-kids-side-grid{grid-template-columns:repeat(3,1fr);gap:14px;height:100%;display:grid}.ref-kids-small-card{border:1px solid var(--color-border-light);text-align:center;cursor:pointer;height:100%;transition:all var(--transition-fast);background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:20px 12px 16px;display:flex;box-shadow:0 2px 10px #4b463f0a}.ref-kids-small-card:hover{border-color:var(--color-sage);transform:translateY(-2px);box-shadow:0 6px 18px #5b84541f}.ref-kids-small-illustration{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ref-kids-small-title{color:var(--color-text-title);font-size:.82rem;font-weight:700;line-height:1.3}.ref-kids-small-arrow{background:var(--color-cream-subtle);width:26px;height:26px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-columns-grid{grid-template-columns:2fr 1.1fr 1.2fr 1.2fr 1.8fr;gap:32px;margin-bottom:40px;display:grid}.footer-col-brand .footer-narrative{color:var(--color-text-main);max-width:320px;margin:12px 0 16px;font-size:.84rem;line-height:1.6}.footer-social-row{align-items:center;gap:10px;display:flex}.footer-social-circle{background:var(--color-cream-muted);width:34px;height:34px;color:var(--color-text-main);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.footer-social-circle:hover{background:var(--color-sage);color:#fff}.footer-col-title{color:var(--color-text-title);letter-spacing:-.01em;margin:0 0 16px;font-size:.9rem;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-newsletter-input-group{border-radius:var(--radius-pill);box-sizing:border-box;background:#fff;border:1.5px solid #e2dcd5;align-items:center;min-height:48px;margin-bottom:12px;padding:4px 6px 4px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #4b463f0a}.footer-newsletter-input-group:focus-within{border-color:var(--color-sage);box-shadow:0 0 0 3px #4a7c5926}.footer-newsletter-input{color:var(--color-text-title);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 6px 8px 0;font-family:inherit;font-size:.88rem}.footer-newsletter-input::placeholder{color:#a39e96;font-size:.86rem;font-weight:400}.footer-newsletter-btn{background:var(--color-sage);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 6px #4a7c5940}.footer-newsletter-btn:hover{background:var(--color-sage-dark);transform:scale(1.06)}.footer-newsletter-consent{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.78rem;line-height:1.35;display:flex}.footer-newsletter-consent input[type=checkbox]{accent-color:var(--color-sage);cursor:pointer;width:15px;height:15px;margin:0}.footer-legal-links{align-items:center;gap:8px;margin-left:auto;display:flex}.footer-legal-links a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-legal-links a:hover{color:var(--color-text-title)}.footer-separator{color:var(--color-border)}@media (width<=1160px){.ref-ingredients-grid{padding-bottom:12px;display:flex;overflow-x:auto}.ref-ingredient-card{flex-shrink:0;min-width:108px;max-width:130px}.ref-kids-layout{grid-template-columns:1fr}}@media (width<=1024px){.ref-hero-section{gap:32px}.ref-recipes-grid{grid-template-columns:repeat(2,1fr)}.footer-columns-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (width<=768px){.ref-hero-section{grid-template-columns:1fr;gap:24px}.ref-hero-image-card{aspect-ratio:16/10}.ref-meal-plan-card{border-radius:20px;gap:16px;margin-bottom:24px;padding:18px}.ref-meal-plan-left{min-width:unset;align-items:center;width:100%}.ref-meal-plan-icon-badge{border-radius:14px;flex-shrink:0;width:48px;height:48px}.ref-meal-plan-details{flex:1;min-width:0}.ref-meal-plan-title{font-size:1.05rem}.ref-meal-plan-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.ref-meal-plan-right{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%}.ref-meal-thumbnails{flex:1;justify-content:flex-start}.ref-meal-thumb-item{border-width:2px;width:46px;height:46px;margin-left:-8px}.ref-meal-thumb-item:first-child{margin-left:0}.ref-meal-plan-actions{flex-shrink:0;align-items:flex-end}.ref-kids-featured-card{text-align:center;grid-template-columns:1fr}.ref-kids-featured-content{align-items:center}.ref-kids-side-grid{grid-template-columns:repeat(3,1fr);gap:10px}.footer-columns-grid{grid-template-columns:1fr;gap:24px}}@media (width<=480px){.ref-recipes-grid,.ref-kids-side-grid{grid-template-columns:1fr}.ref-meal-plan-card{gap:14px;padding:16px 14px}.ref-meal-plan-icon-badge{display:none}.ref-meal-plan-left{align-items:flex-start}.ref-meal-plan-right{flex-direction:column;align-items:stretch;gap:12px}.ref-meal-thumbnails{justify-content:flex-start}.ref-meal-thumb-item{width:50px;height:50px}.ref-meal-plan-actions{align-items:stretch}.ref-btn-use-plan{justify-content:center;width:100%;padding:12px 20px;font-size:.9rem}.ref-meal-plan-time{justify-content:center}}.kitchen-reference-canvas{width:100%;max-width:1280px;margin:0 auto;padding:16px 0 40px;position:relative}.kitchen-hero-left{flex-direction:column;display:flex}.kitchen-space-badge{border-radius:var(--radius-pill);color:#3e6336;background:#ebf4e8;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.kitchen-hero-title{font-family:var(--font-display);color:#243322;letter-spacing:-.02em;margin:0 0 12px;font-size:2.75rem;font-weight:700;line-height:1.15}.kitchen-hero-desc{color:#556653;max-width:560px;margin:0 0 24px;font-size:1rem;line-height:1.55}.ai-assistant-card{background:#fff;border:1px solid #ebe7df;border-radius:20px;padding:20px 22px;box-shadow:0 4px 20px #0000000a}.ai-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ai-sparkle-avatar{color:#fff;background:#3e6336;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-card-title-group{flex-direction:column;gap:2px;display:flex}.ai-card-title-row{align-items:center;gap:8px;display:flex}.ai-card-title{color:#243322;margin:0;font-size:1.15rem;font-weight:700}.badge-gemini-tag{color:#926a18;background:#fef7de;border:1px solid #f5e29e;border-radius:9999px;padding:2px 10px;font-size:.72rem;font-weight:600}.ai-card-subtitle{color:#6c7d68;margin:0;font-size:.82rem}.ai-search-form{background:#f8f7f3;border:1px solid #eae6dc;border-radius:9999px;align-items:center;gap:8px;padding:5px 6px 5px 18px;display:flex}.ai-search-form input{color:#243322;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.ai-search-form input::placeholder{color:#8c9c89}.btn-ai-suggest{color:#fff;cursor:pointer;white-space:nowrap;background:#3e6336;border:none;border-radius:9999px;align-items:center;gap:6px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ai-suggest:hover{background:#32522b}.ai-quick-presets-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.ai-presets-label{color:#556653;font-size:.78rem;font-weight:600}.ai-preset-chip{color:#3a4a37;cursor:pointer;background:#f5f3ec;border:1px solid #eae6dc;border-radius:9999px;padding:4px 12px;font-size:.78rem;transition:all .2s}.ai-preset-chip:hover{color:#243322;background:#eae6dc}.ai-loading-indicator{color:#3e6336;background:#f5f8f4;border:1px dashed #a8c4a0;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.kitchen-hero-right{justify-content:center;display:flex;position:relative}.kitchen-hero-media-wrapper{border:4px solid #fff;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #3e633614}.kitchen-hero-img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.kitchen-speech-bubble{-webkit-backdrop-filter:blur(8px);text-align:right;background:#fffffff0;border:1px solid #ffffffe6;border-radius:20px;max-width:250px;padding:10px 16px;position:absolute;top:18px;right:18px;box-shadow:0 6px 20px #00000012}.bubble-heart-text{color:#3f3327;font-family:Caveat,Segoe Script,cursive,sans-serif;font-size:.95rem;font-weight:700;line-height:1.35;display:block}.daily-meal-plan-card{background:#fff;border:1px solid #ebe7df;border-radius:24px;margin-bottom:28px;padding:24px 30px;box-shadow:0 4px 24px #00000008}.daily-plan-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.daily-plan-header-left{flex-direction:column;display:flex}.daily-plan-badge{border-radius:var(--radius-pill);color:#3e6336;background:#ebf4e8;align-items:center;gap:6px;width:fit-content;margin-bottom:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.daily-plan-title{font-family:var(--font-display);color:#243322;margin:0 0 4px;font-size:1.55rem;font-weight:700}.daily-plan-subtitle{color:#6c7d68;margin:0;font-size:.88rem}.daily-plan-header-actions{align-items:center;gap:10px;display:flex}.btn-pill-outline{color:#3a4a37;cursor:pointer;background:#fff;border:1px solid #d9d5cc;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill-outline:hover{background:#f8f7f3;border-color:#c7c2b6}.btn-pill-primary{color:#fff;cursor:pointer;background:#3e6336;border:1px solid #3e6336;border-radius:9999px;align-items:center;gap:6px;padding:8px 20px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill-primary:hover{background:#32522b}.daily-plan-filters-row{gap:8px;padding:16px 0 14px;display:flex;overflow-x:auto}.filter-pill-btn{color:#556653;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2ded5;border-radius:9999px;padding:6px 18px;font-size:.84rem;font-weight:600;transition:all .2s}.filter-pill-btn.active{color:#fff;background:#3e6336;border-color:#3e6336}.daily-dishes-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.daily-dish-card{background:#f8f7f3;border:1px solid #ebe7df;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.daily-dish-card.clickable-dish-card{cursor:pointer;-webkit-user-select:none;user-select:none}.daily-dish-card.clickable-dish-card:hover{background:#fff;border-color:#a8c4a0;transform:translateY(-3px);box-shadow:0 8px 24px #4e6b481f}.daily-dish-card.clickable-dish-card:active{transform:translateY(-1px)scale(.99)}.daily-dish-card.bento-dish-card{background:#fdf4f0;border-color:#f8d9cc}.daily-dish-card.bento-dish-card.clickable-dish-card:hover{background:#fff;border-color:#e29e85;box-shadow:0 8px 24px #e29e8529}.suggested-meal-plan-card{margin-bottom:var(--space-xl);background:linear-gradient(145deg,#fffdf8 0%,#f8faf6 60%,#fff 100%);border:1.5px solid #cfe2ca;border-radius:22px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 6px 28px #3e633612}.suggested-meal-plan-card:before{content:"";background:linear-gradient(90deg,#a8c4a0 0%,#4a7c59 60%,#e8a87c 100%);height:4px;position:absolute;top:0;left:0;right:0}.suggested-dishes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;display:grid}.suggested-dish-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #ebe7df;border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;padding:16px 18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #00000005}.suggested-dish-card:hover{border-color:#8ea885;transform:translateY(-4px);box-shadow:0 10px 28px #4e6b4824}.suggested-dish-card:active{transform:translateY(-1px)}.suggested-dish-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.suggested-dish-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.suggested-dish-badge.badge-in-lib{color:#2d5827;background:#eaf3e7;border:1px solid #cfe2ca}.suggested-dish-badge.badge-new-ai{color:#8c6a18;background:#fff8e6;border:1px solid #f4e2b3}.suggested-dish-tag{color:var(--color-text-subtle,#7a756d);font-size:.72rem;font-weight:500}.suggested-dish-body{align-items:center;gap:14px;display:flex}.suggested-dish-thumb-wrap{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:58px;height:58px;overflow:hidden;box-shadow:0 2px 8px #00000014}.suggested-dish-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.suggested-dish-thumb-placeholder{color:#3e6336;background:linear-gradient(135deg,#eaf3e7 0%,#d8ead3 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.suggested-dish-info{flex:1;min-width:0}.suggested-dish-name{color:#243322;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.suggested-dish-meta{color:#6c7a6a;align-items:center;gap:6px;font-size:.78rem;display:flex}.suggested-dish-meta .meta-item{align-items:center;gap:4px;display:inline-flex}.suggested-dish-meta .meta-sep{color:#cfd7cd}.suggested-dish-footer,.daily-dish-card-footer{border-top:1px dashed #ebe7df;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;padding-top:10px;display:flex}.btn-dish-detail-pill{color:#2f5927;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f6ee;border:1px solid #cfe2ca;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-dish-detail-pill .btn-detail-icon{color:#3e6336;align-items:center;transition:color .2s;display:flex}.btn-dish-detail-pill .btn-detail-arrow{color:#3e6336;align-items:center;transition:transform .2s,color .2s;display:flex}.suggested-dish-card:hover .btn-dish-detail-pill,.daily-dish-card:hover .btn-dish-detail-pill,.btn-dish-detail-pill:hover{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 4px 14px #3e633647}.suggested-dish-card:hover .btn-dish-detail-pill .btn-detail-icon,.suggested-dish-card:hover .btn-dish-detail-pill .btn-detail-arrow,.daily-dish-card:hover .btn-dish-detail-pill .btn-detail-icon,.daily-dish-card:hover .btn-dish-detail-pill .btn-detail-arrow,.btn-dish-detail-pill:hover .btn-detail-icon,.btn-dish-detail-pill:hover .btn-detail-arrow{color:#fff}.suggested-dish-card:hover .btn-dish-detail-pill .btn-detail-arrow,.daily-dish-card:hover .btn-dish-detail-pill .btn-detail-arrow,.btn-dish-detail-pill:hover .btn-detail-arrow{transform:translate(3px)}.btn-dish-detail-pill.btn-dish-detail-sm{gap:4px;padding:3px 9px;font-size:.72rem}.dish-view-hint{display:none}.dish-badge-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.68rem;font-weight:700}.dish-badge-pill.badge-green{color:#3e6336;background:#e0eedc}.dish-badge-pill.badge-peach{color:#c25e3b;background:#fadbd0}.dish-card-content{align-items:center;gap:12px;display:flex}.dish-thumb-circle{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:54px;height:54px;overflow:hidden;box-shadow:0 2px 8px #00000014}.dish-thumb-circle img{object-fit:cover;width:100%;height:100%}.dish-text-group{flex-direction:column;gap:2px;display:flex}.dish-name{color:#243322;margin:0;font-size:.92rem;font-weight:700;line-height:1.35}.dish-sub{color:#7b8b79;font-size:.78rem}.daily-plan-bottom-bar{color:#556653;border-top:1px dashed #e2ded5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:.84rem;display:flex}.missing-ingredients-group{align-items:center;gap:8px;display:flex}.cooking-time-group{align-items:center;gap:6px;display:flex}.pantry-card-container{background:#fff;border:1px solid #ebe7df;border-radius:24px;margin-bottom:28px;padding:24px 30px;box-shadow:0 4px 24px #00000008}.pantry-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.pantry-micro-label{letter-spacing:.08em;color:#8a9d86;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.pantry-title{font-family:var(--font-display);color:#243322;margin:0;font-size:1.45rem;font-weight:700}.pantry-header-right{gap:8px;display:flex}.pantry-quick-add-form{box-sizing:border-box;gap:8px;width:100%;margin-bottom:16px;display:flex}.pantry-quick-add-form input{box-sizing:border-box;background:#f8f7f3;border:1.5px solid #e2ded5;border-radius:9999px;outline:none;flex:1;min-width:0;padding:10px 18px;font-size:.9rem;transition:border-color .2s,background-color .2s}.pantry-quick-add-form input:focus{background:#fff;border-color:#557f4d}.btn-pantry-add{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#3e6336;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-pantry-add:hover{background:#32522b}.pantry-category-pills{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.pantry-cat-pill{color:#556653;cursor:pointer;white-space:nowrap;background:#f5f3ec;border:1px solid #eae6dc;border-radius:9999px;padding:5px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.pantry-cat-pill.active{color:#fff;background:#3e6336;border-color:#3e6336}.pantry-12-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.pantry-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e8e4da;border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.pantry-card.is-available{background:#fafcf9;border-color:#cde2c7}.pantry-card.is-unavailable{opacity:.55;filter:grayscale(40%);border-style:dashed}.pantry-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.pantry-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pantry-card-info{flex-direction:column;line-height:1.25;display:flex;overflow:hidden}.pantry-card-name{color:#243322;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.pantry-card-qty{color:#8a9d86;font-size:.7rem}.toddler-bento-card{background:#fff;border:1px solid #ebe7df;border-radius:24px;margin-bottom:28px;padding:24px 30px;box-shadow:0 4px 24px #00000008}.bento-badge-row{margin-bottom:6px}.bento-card-title{font-family:var(--font-display);color:#243322;margin:0 0 4px;font-size:1.45rem;font-weight:700}.bento-card-subtitle{color:#6c7d68;margin:0 0 18px;font-size:.88rem}.bento-split-layout{grid-template-columns:320px 1fr;align-items:center;gap:24px;margin-bottom:16px;display:grid}.bento-media-box{border:3px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #0000000f}.bento-media-box img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.bento-nutrients-2x2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nutrient-box{background:#f8f7f3;border:1px solid #ebe7df;border-radius:14px;padding:12px 16px}.nutrient-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.nutrient-circle-icon{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nutrient-circle-icon.bg-yellow{color:#9a7d0a;background:#f9e79f}.nutrient-circle-icon.bg-peach{color:#c25e3b;background:#fadbd0}.nutrient-circle-icon.bg-sage{color:#3e6336;background:#d5e8d4}.nutrient-circle-icon.bg-warm{color:#b9770e;background:#fdebd0}.nutrient-name{color:#556653;font-size:.76rem;font-weight:700}.nutrient-item-desc{color:#243322;margin:0;font-size:.85rem;font-weight:600;line-height:1.35}.bento-tips-bar{color:#6c7d68;border-top:1px dashed #e2ded5;align-items:center;gap:8px;padding-top:12px;font-size:.82rem;display:flex}.recipe-library-section{margin-bottom:28px}.recipe-section-head{margin-bottom:18px}.recipe-micro-label{letter-spacing:.08em;color:#8a9d86;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.recipe-library-title{font-family:var(--font-display);color:#243322;margin:0;font-size:1.55rem;font-weight:700}.kitchen-recipe-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.kitchen-recipe-header-row .recipe-section-head{max-width:600px;margin-bottom:0}.kitchen-recipe-library-sub{color:#6c7d68;margin:6px 0 0;font-size:.9rem;line-height:1.45}.kitchen-recipe-search-toolbar{align-items:center;gap:12px;display:flex}.kitchen-search-box-wrap{align-items:center;width:320px;max-width:100%;display:flex;position:relative}.kitchen-search-icon{color:#8c9989;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.kitchen-recipe-search-input{color:#2d3a29;background:#fff;border:1.5px solid #e2ded5;border-radius:9999px;outline:none;width:100%;padding:10px 38px 10px 42px;font-size:.86rem;transition:all .2s;box-shadow:0 2px 6px #00000005}.kitchen-recipe-search-input:focus{background:#fff;border-color:#3e6336;box-shadow:0 0 0 3px #3e63361f}.kitchen-btn-clear-search{color:#556653;cursor:pointer;background:#e8e5dd;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .2s;display:none;position:absolute;right:12px}.kitchen-btn-clear-search.visible{display:flex}.kitchen-btn-clear-search:hover{color:#243322;background:#d8d4ca}.kitchen-recipe-filters-container{background:#faf8f5;border:1px solid #ece7de;border-radius:20px;margin-bottom:24px;padding:16px 20px;box-shadow:0 2px 10px #00000005}.kitchen-filter-section-row{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.kitchen-filter-section-row:last-of-type{margin-bottom:14px}.kitchen-filter-row-label{color:#4a5847;white-space:nowrap;letter-spacing:.01em;flex-shrink:0;min-width:145px;padding-top:6px;font-size:.84rem;font-weight:700}.kitchen-pills-scroll-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:8px 10px;min-width:0;padding-bottom:0;display:flex;overflow:visible}.kitchen-pills-scroll-wrap::-webkit-scrollbar{display:none}.kitchen-mobile-dropdown-slot{display:none!important}.kitchen-filter-pill-btn{color:#4c5c4a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e4dfd5;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.kitchen-filter-pill-btn:hover{color:#2d3a29;background:#f3f8f2;border-color:#a8c4a0}.kitchen-filter-pill-btn.active{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 2px 8px #3e633638}.kitchen-filter-status-bar{color:#556653;border-top:1px solid #ece7de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:.82rem;display:flex}.kitchen-filter-status-left{align-items:center;gap:12px;display:flex}.kitchen-filter-status-left strong{color:#243322;font-weight:700}.kitchen-btn-reset-text{color:#2f6027;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:600;transition:background .2s;display:inline-flex}.kitchen-btn-reset-text:hover{background:#e8f2e6;text-decoration:underline}.kitchen-filter-status-right{align-items:center;gap:8px;display:flex}.kitchen-sort-label{color:#556653;font-weight:600}.kitchen-select-clean{color:#2d3a29;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:9999px;outline:none;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.kitchen-select-clean:focus{border-color:#3e6336}.kitchen-recipes-empty-state{text-align:center;background:#faf8f4;border:2px dashed #e2ded5;border-radius:20px;grid-column:1/-1;margin:16px 0;padding:60px 24px}.kitchen-recipes-empty-state .empty-state-icon{margin-bottom:10px;font-size:2.4rem}.kitchen-recipes-empty-state .empty-state-title{color:#243322;margin:0 0 6px;font-size:1.2rem;font-weight:700}.kitchen-recipes-empty-state .empty-state-desc{color:#6c7d68;max-width:480px;margin:0 auto 18px;font-size:.88rem;line-height:1.5}.kitchen-pagination-wrap{margin-top:32px}.kitchen-pagination-row{border-top:1.5px solid #efece6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.kitchen-pagination-info{color:#6c7d68;font-size:.86rem;font-weight:500}.kitchen-pagination-info strong{color:#243322;font-weight:700}.kitchen-pager-controls{align-items:center;gap:6px;display:flex}.kitchen-pager-btn{color:#4c5c4a;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.kitchen-pager-btn:hover:not(:disabled){color:#243322;background:#f4f8f2;border-color:#a8c4a0}.kitchen-pager-btn.active{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 2px 6px #3e633640}.kitchen-pager-btn:disabled{opacity:.35;cursor:not-allowed}@media (width<=768px){.kitchen-recipe-header-row{flex-direction:column;align-items:stretch}.kitchen-search-box-wrap{width:100%}.kitchen-filter-section-row{flex-direction:column;align-items:flex-start}.kitchen-filter-row-label{min-width:unset}.kitchen-pills-scroll-wrap{width:100%}.kitchen-pagination-row{text-align:center;flex-direction:column;align-items:center}}.recipes-4-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.recipe-card{cursor:pointer;background:#fff;border:1px solid #ebe7df;border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 18px #00000008}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.recipe-card-media{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.recipe-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recipe-card:hover .recipe-card-media img{transform:scale(1.04)}.recipe-badge-overlay{position:absolute;top:10px;left:10px}.recipe-badge-overlay .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#243322bf;border:none;border-radius:9999px;padding:3px 8px;font-size:.7rem}.recipe-favorite-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#7b8b79;cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.recipe-favorite-btn:hover,.recipe-favorite-btn.favorited{color:#e74c3c;background:#fff}.recipe-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.recipe-card-title{color:#243322;margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.35}.recipe-card-desc{color:#6c7d68;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-meta-row{color:#7b8b79;align-items:center;gap:12px;margin-bottom:14px;font-size:.76rem;display:flex}.recipe-meta-item{align-items:center;gap:4px;display:inline-flex}.recipe-card-footer{margin-top:auto}.recipe-card-footer .btn-cook-now{color:#fff;cursor:pointer;background:#3e6336;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.recipe-card-footer .btn-cook-now:hover{background:#32522b}@media (width<=1100px){.pantry-12-grid{grid-template-columns:repeat(4,1fr)}.recipes-4-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.kitchen-hero-section{grid-template-columns:1fr;gap:24px}.daily-dishes-grid{grid-template-columns:repeat(2,1fr)}.bento-split-layout{grid-template-columns:1fr}.pantry-12-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=580px){.daily-dishes-grid{grid-template-columns:1fr}.pantry-12-grid{grid-template-columns:repeat(2,1fr)}.recipes-4-grid{grid-template-columns:1fr}.daily-plan-header-actions{justify-content:space-between;width:100%}}.kids-reference-canvas{color:#3e3b36;box-sizing:border-box;background-color:#0000;width:100%;max-width:1280px;margin:0 auto;padding:12px 20px 60px;font-family:Be Vietnam Pro,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;position:relative}.kids-hero-row{grid-template-columns:minmax(0,1.2fr) 220px minmax(320px,.95fr);align-items:center;gap:24px;margin-bottom:28px;display:grid}.kids-hero-info{flex-direction:column;gap:8px;display:flex}.kids-badge-soft-green{color:#385e32;background:#eaf2e8;border:1px solid #d5e5d1;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.kids-hero-title{color:#263324;letter-spacing:-.02em;margin:4px 0 2px;font-family:Playfair Display,Georgia,Be Vietnam Pro,serif;font-size:2.35rem;font-weight:700;line-height:1.18}.kids-hero-subtitle{color:#586955;max-width:480px;margin:0 0 12px;font-size:.94rem;line-height:1.55}.kids-hero-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kids-btn-hero-primary{color:#fff;cursor:pointer;background:#3e6336;border:1px solid #3e6336;border-radius:9999px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #3e633638}.kids-btn-hero-primary:hover{background:#34542d;transform:translateY(-1px);box-shadow:0 5px 15px #3e63364d}.kids-btn-hero-secondary{color:#374635;cursor:pointer;background:#fff;border:1.5px solid #e3ded4;border-radius:9999px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.kids-btn-hero-secondary:hover{color:#274320;background:#f6f9f5;border-color:#a8c4a0}.kids-hero-illustration-col{justify-content:center;align-items:center;display:flex}.kids-hero-girl-img{object-fit:contain;filter:drop-shadow(0 8px 18px #0000000f);border-radius:20px;width:200px;height:170px}.kids-journey-card{background:#fff;border:1.5px solid #ebe7df;border-radius:20px;padding:16px 20px;box-shadow:0 4px 18px #00000008}.kids-journey-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kids-journey-title-wrap{color:#2d3d2a;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.kids-journey-arrow-btn{color:#385e32;cursor:pointer;background:#ebf4e8;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.kids-journey-arrow-btn:hover{color:#fff;background:#3e6336}.kids-journey-stats-row{grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;display:grid}.kids-stat-col{align-items:center;gap:10px;display:flex}.kids-stat-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kids-stat-icon-wrap.leaf{color:#3e6336;background:#ebf4e8}.kids-stat-icon-wrap.game{color:#e67e22;background:#fff3eb}.kids-stat-icon-wrap.star{color:#e5a100;background:#fff9e6}.kids-stat-text-wrap{flex-direction:column;display:flex}.kids-stat-number{color:#243322;font-size:1.25rem;font-weight:800;line-height:1.15}.kids-stat-label{color:#6c7d68;font-size:.72rem;font-weight:600;line-height:1.25}.kids-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr);gap:24px;margin-bottom:36px;display:grid}.kids-white-card{box-sizing:border-box;background:#fff;border:1.5px solid #ebe7df;border-radius:22px;padding:24px;box-shadow:0 4px 22px #00000009}.kids-produce-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.kids-badge-peach{color:#a36024;background:#faf0e4;border:1px solid #f2dec7;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.kids-produce-title{color:#243322;margin:0 0 6px;font-size:1.5rem;font-weight:700}.kids-produce-desc{color:#556653;max-width:520px;margin:0;font-size:.9rem;line-height:1.5}.kids-btn-audio-listen{color:#374635;cursor:pointer;background:#faf8f5;border:1.5px solid #e2dccf;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 15px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.kids-btn-audio-listen:hover{color:#2e5c26;background:#ebf4e8;border-color:#3e6336}.kids-btn-audio-listen.playing,.kids-btn-feedback-speak.playing{animation:1s ease-in-out infinite kidsAudioPulse;box-shadow:0 0 0 3px #2e7d3240;color:#1b5e20!important;background:#e8f5e9!important;border-color:#2e7d32!important}@keyframes kidsAudioPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.kids-produce-presentation{grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin:18px 0 22px;display:grid}.kids-produce-bunch-frame{aspect-ratio:16/11;background:#fdfbf8;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.kids-produce-bunch-img{object-fit:cover;width:100%;height:100%;display:block}.kids-produce-info-list{flex-direction:column;gap:12px;display:flex}.kids-info-item{color:#3b4839;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.4;display:flex}.kids-info-icon-badge{color:#4c6546;background:#f6f4ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.kids-info-item strong{color:#243322;font-weight:700}.kids-counting-subcard{background:#f6faf4;border:1.5px solid #d8ead4;border-radius:18px;padding:16px 20px;position:relative}.kids-counting-subcard-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.kids-counting-subcard-title{color:#243322;margin:0 0 4px;font-size:1.08rem;font-weight:700}.kids-counting-subcard-subtitle{color:#647661;margin:0;font-size:.84rem}.kids-btn-reset-counting{color:#385e32;cursor:pointer;background:#fff;border:1px solid #cfe2ca;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.kids-btn-reset-counting:hover{background:#e8f2e5;border-color:#3e6336}.kids-counting-subcard-body{justify-content:space-between;align-items:center;gap:16px;display:flex}.kids-counting-items-wrap{align-items:center;gap:16px;display:flex}.kids-counting-interactive-btn{cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #cfe2ca;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding:6px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.kids-counting-interactive-btn:hover{border-color:#e67e22;transform:translateY(-3px)scale(1.04)}.kids-counting-interactive-btn.active{background:#fff5ec;border:2px solid #e67e22;box-shadow:0 4px 14px #e67e2233}.kids-counting-carrot-img{object-fit:contain;width:52px;height:52px}.kids-counting-badge-number{color:#fff;background:#3e6336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.74rem;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-2px}.kids-counting-interactive-btn.active .kids-counting-badge-number{background:#e67e22}.kids-counting-summary-wrap{text-align:right;flex-direction:column;display:flex}.kids-counting-summary-label{color:#647661;font-size:.82rem;font-weight:600}.kids-counting-summary-score{color:#3e6336;font-size:1.45rem;font-weight:800;line-height:1.2}.kids-counting-summary-unit{color:#384a36;font-size:.86rem;font-weight:700}.kids-quiz-top-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.kids-badge-butter{color:#8d6b19;background:#fff8e5;border:1px solid #f5e3b3;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.kids-badge-playing-status{color:#2f6027;background:#ebf4e8;border:1px solid #d2e7ce;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.kids-badge-score-counter{color:#2d3a2b;background:#faf8f5;border:1.5px solid #e5e0d5;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.kids-quiz-stepper-row{justify-content:space-between;align-items:center;margin:18px 8px 24px;display:flex;position:relative}.kids-quiz-stepper-line{z-index:0;background:#eae6de;height:3px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.kids-quiz-stepper-step{color:#7b8a78;z-index:1;background:#fff;border:2px solid #d5cfc3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex;position:relative}.kids-quiz-stepper-step.completed{color:#fff;background:#3e6336;border-color:#3e6336}.kids-quiz-stepper-step.current{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 0 0 3px #3e633633}.kids-quiz-question-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.kids-quiz-question-text{color:#243322;margin:0;font-size:1.25rem;font-weight:700}.kids-btn-audio-voice-circle{color:#3e6336;cursor:pointer;background:#faf8f5;border:1.5px solid #e2dccf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.kids-btn-audio-voice-circle:hover{color:#24501d;background:#ebf4e8;border-color:#3e6336;transform:scale(1.08)}.kids-btn-audio-voice-circle.playing{animation:1s ease-in-out infinite kidsAudioPulse;color:#1b5e20!important;background:#e8f5e9!important;border-color:#2e7d32!important}.kids-quiz-interactive-layout{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:20px;display:grid}.kids-quiz-single-art-frame{aspect-ratio:1;background:#faf7f0;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.kids-quiz-single-art-img{object-fit:cover;width:100%;height:100%;display:block}.kids-quiz-options-list{flex-direction:column;gap:10px;display:flex}.kids-quiz-option-row{align-items:center;gap:8px;width:100%;display:flex}.kids-quiz-option-row .kids-quiz-option-btn{flex:1;min-width:0;margin-bottom:0}.kids-btn-option-voice{color:#3e6336;cursor:pointer;background:#faf8f5;border:1.5px solid #ebe7df;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:48px;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000005}.kids-btn-option-voice:hover{color:#24501d;background:#ebf4e8;border-color:#3e6336;transform:scale(1.05)}.kids-btn-option-voice.playing{animation:1s ease-in-out infinite kidsAudioPulse;box-shadow:0 0 0 3px #2e7d3240;color:#1b5e20!important;background:#e8f5e9!important;border-color:#2e7d32!important}.kids-quiz-option-btn{cursor:pointer;text-align:left;background:#faf8f5;border:1.5px solid #ebe7df;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.kids-quiz-option-btn:hover:not(:disabled){background:#f4f8f2;border-color:#a8c4a0}.kids-quiz-option-btn.selected-correct{background:#eaf5e9;border-color:#4caf50;box-shadow:0 2px 10px #4caf5026}.kids-quiz-option-btn.selected-wrong{background:#fef3ee;border-color:#e07a5f}.kids-opt-letter-badge{color:#556653;background:#efece6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex}.kids-quiz-option-btn.selected-correct .kids-opt-letter-badge{color:#fff;background:#4caf50}.kids-quiz-option-btn.selected-wrong .kids-opt-letter-badge{color:#fff;background:#e07a5f}.kids-opt-thumb-img{object-fit:contain;border-radius:6px;flex-shrink:0;width:28px;height:28px}.kids-opt-title-text{color:#293627;flex:1;font-size:.94rem;font-weight:600}.kids-quiz-feedback-container{background:#ebf5e9;border:1.5px solid #cbe6c7;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.kids-feedback-left-wrap{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.kids-feedback-text-wrap{flex:1;min-width:0}.kids-feedback-icon-check{color:#fff;background:#3e6336;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.kids-feedback-icon-wrong{color:#fff;background:#d9534f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.kids-feedback-text-wrap strong{color:#23541e;margin-bottom:2px;font-size:.98rem;display:block}.kids-feedback-text-wrap p{color:#4a6346;word-break:normal;overflow-wrap:break-word;margin:0;font-size:.88rem;line-height:1.45}.kids-feedback-actions-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.kids-btn-feedback-speak{color:#3e6336;cursor:pointer;background:#fff;border:1px solid #c1dec0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.kids-btn-feedback-speak:hover{background:#e4f0e1}.kids-quiz-feedback-container.feedback-wrong{background:#fff7f5;border-color:#f8d0cb}.kids-quiz-feedback-container.feedback-wrong .kids-feedback-text-wrap strong{color:#b9382c}.kids-quiz-feedback-container.feedback-wrong .kids-feedback-text-wrap p{color:#7a3f39}.kids-quiz-feedback-container.feedback-wrong .kids-btn-feedback-speak{color:#b9382c;border-color:#f8d0cb}.kids-quiz-feedback-container.feedback-wrong .kids-btn-feedback-speak:hover{background:#ffebe8}.kids-btn-next-question{color:#fff;cursor:pointer;background:#3e6336;border:none;border-radius:9999px;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.kids-btn-next-question:hover{background:#32502b}.kids-discovered-section{margin-bottom:40px}.kids-section-header-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.kids-section-title-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.kids-section-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kids-section-icon-badge.yellow{color:#e5a100;background:#fff8e1}.kids-section-icon-badge.green{color:#3e6336;background:#ebf4e8}.kids-section-heading{color:#243322;margin:0 0 2px;font-size:1.35rem;font-weight:700}.kids-section-subheading{color:#6c7d68;margin:0;font-size:.88rem}.kids-btn-see-all{color:#3e6336;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;flex-shrink:0;font-size:.86rem;font-weight:700;text-decoration:underline;white-space:nowrap!important}.kids-discovered-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.kids-discovered-card{text-align:center;cursor:pointer;background:#fff;border:1.5px solid #ebe7df;border-radius:18px;flex-direction:column;align-items:center;padding:16px 14px;transition:all .2s;display:flex;position:relative}.kids-discovered-card:hover{border-color:#a8c4a0;transform:translateY(-3px);box-shadow:0 6px 18px #0000000d}.kids-discovered-check-badge{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:flex;position:absolute;top:10px;right:10px}.kids-discovered-art-frame{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:10px;display:flex}.kids-discovered-art-img{object-fit:contain;width:100%;height:100%}.kids-discovered-name{color:#243322;margin:0 0 3px;font-size:.95rem;font-weight:700}.kids-discovered-plays{color:#7b8a78;margin:0 0 8px;font-size:.76rem}.kids-discovered-score-badge{border-radius:9999px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.kids-discovered-score-badge.orange{color:#e67e22;background:#fff4eb}.kids-discovered-score-badge.green{color:#2f6027;background:#edf7ec}.kids-explore-section{margin-bottom:30px}.kids-filter-pills-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.kids-filter-pill{color:#4c5c4a;cursor:pointer;background:#fff;border:1.5px solid #ebe7df;border-radius:9999px;padding:6px 16px;font-size:.84rem;font-weight:600;transition:all .2s}.kids-filter-pill:hover{background:#f4f8f2;border-color:#a8c4a0}.kids-filter-pill.active{color:#fff;background:#3e6336;border-color:#3e6336}.kids-explore-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.kids-pagesize-select-wrap{background:#fff;border:1.5px solid #ebe7df;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px 4px 12px;transition:all .2s;display:inline-flex}.kids-pagesize-select-wrap:focus-within{border-color:#3e6336;box-shadow:0 0 0 2.5px #3e63361f}.kids-pagesize-label{color:#6c7d68;white-space:nowrap;font-size:.82rem;font-weight:600}.kids-pagesize-select{color:#2d3a29;cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-size:.84rem;font-weight:700}.kids-filter-dropdown-select{color:#4c5c4a;cursor:pointer;background:#fff;border:1.5px solid #ebe7df;border-radius:9999px;outline:none;padding:6px 14px;font-size:.84rem;font-weight:600}.kids-pagination-row{border-top:1.5px solid #efece6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:22px;display:flex}.kids-pagination-info{color:#6c7d68;font-size:.86rem;font-weight:500}.kids-pagination-info strong{color:#243322;font-weight:700}.kids-pager-controls-wrap{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.kids-pager-buttons{align-items:center;gap:6px;display:flex}.kids-pager-btn{color:#4c5c4a;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.kids-pager-btn:hover:not(:disabled){color:#243322;background:#f4f8f2;border-color:#a8c4a0}.kids-pager-btn.active{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 2px 6px #3e633640}.kids-pager-btn:disabled{opacity:.35;cursor:not-allowed}.kids-page-size-bottom{color:#6c7d68;align-items:center;gap:6px;font-size:.82rem;display:flex}.kids-pagesize-select-bottom{color:#2d3a29;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:8px;outline:none;padding:4px 8px;font-size:.82rem;font-weight:600}.kids-pagesize-select-bottom:focus{border-color:#3e6336}.kids-produce-catalog-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.kids-catalog-produce-card{text-align:center;cursor:pointer;background:#fff;border:1.5px solid #ebe7df;border-radius:18px;flex-direction:column;align-items:center;padding:16px 14px;transition:all .2s;display:flex}.kids-catalog-produce-card:hover{border-color:#3e6336;transform:translateY(-3px);box-shadow:0 6px 18px #3e63361f}.kids-catalog-produce-card.active{background:#f7fbf6;border-color:#3e6336;box-shadow:0 0 0 2px #3e6336}.kids-catalog-art-frame{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:10px;display:flex}.kids-catalog-art-img{object-fit:contain;width:100%;height:100%}.kids-catalog-name{color:#243322;margin:0 0 3px;font-size:.94rem;font-weight:700}.kids-catalog-group{color:#7b8a78;margin:0;font-size:.76rem}@media (width<=1100px){.kids-hero-row{grid-template-columns:1fr 180px;gap:20px}.kids-journey-card{grid-column:1/-1}.kids-main-grid{grid-template-columns:1fr}}@media (width<=820px){.kids-hero-row{text-align:center;grid-template-columns:1fr}.kids-hero-info{align-items:center}.kids-hero-actions-row{justify-content:center}.kids-hero-illustration-col{display:none}.kids-produce-presentation,.kids-quiz-interactive-layout{grid-template-columns:1fr}.kids-discovered-grid,.kids-produce-catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.kids-reference-canvas{padding:8px 12px 36px}.kids-hero-title{font-size:1.8rem}.kids-hero-actions-row{flex-direction:column;width:100%}.kids-btn-hero-primary,.kids-btn-hero-secondary{justify-content:center;width:100%}.kids-journey-stats-row{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.kids-stat-col{text-align:center!important;background:#faf8f4!important;border:1px solid #ece7dd!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:10px 6px!important}.kids-stat-number{font-size:1.15rem!important}.kids-stat-label{text-align:center!important;font-size:.7rem!important}.kids-counting-subcard-body{text-align:center;flex-direction:column;align-items:center}.kids-counting-summary-wrap{text-align:center}.kids-discovered-grid,.kids-produce-catalog-grid{grid-template-columns:repeat(2,1fr)}}.family-notebook-canvas{max-width:var(--max-content-width,1280px);font-family:var(--font-body);margin:0 auto;padding:0 16px 56px;position:relative}.family-botanical-decor{pointer-events:none;opacity:.85;z-index:1;width:90px;height:90px;position:absolute;top:10px;left:0}.family-notebook-hero{z-index:2;justify-content:space-between;align-items:center;gap:24px;padding:16px 0 12px;display:flex;position:relative}.family-hero-left{flex:1;min-width:280px;padding-left:56px}.family-hero-badge{color:#4a6b44;background:#eaf4e8;border:1px solid #d2e4cc;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.family-hero-title{font-family:var(--font-display,"Outfit", sans-serif);color:#2c2621;margin:0 0 6px;font-size:2.15rem;font-weight:700;line-height:1.2}.family-hero-sub{color:#6e665d;margin:0;font-size:.94rem;line-height:1.5}.family-hero-center{flex:0 0 310px;justify-content:center;align-items:center;display:flex}.family-hero-illustration{mix-blend-mode:multiply;object-fit:contain;filter:drop-shadow(0 4px 14px #4b463f0f);border-radius:18px;max-width:290px;height:auto}.family-hero-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;background:#527a4e;border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #527a4e40}.btn-hero-primary:hover{background:#43653f;transform:translateY(-1px)}.btn-hero-secondary{color:#4b463f;cursor:pointer;background:#fff;border:1.5px solid #eae3d6;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-hero-secondary:hover{background:#faf7f0;border-color:#d6cebe}.family-tabs-bar{align-items:center;gap:10px;margin:12px 0 26px;padding-bottom:4px;display:flex;overflow-x:auto}.family-tab-btn{color:#4b463f;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #eae3d6;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.family-tab-btn:hover{background:#faf6ef;border-color:#d2e4cc}.family-tab-btn.active{color:#fff;background:#527a4e;border-color:#527a4e;box-shadow:0 4px 12px #527a4e33}.family-dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.family-main-column{flex-direction:column;gap:24px;min-width:0;display:flex}.family-sidebar-column{flex-direction:column;gap:22px;min-width:0;display:flex}.family-section-box{background:#fff;border:1.5px solid #efeae0;border-radius:20px;padding:22px;box-shadow:0 4px 14px #4b463f0a}.family-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.family-section-title-group{align-items:center;gap:8px;display:flex}.family-section-title{color:#2c2621;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.family-section-subtitle{color:#7e766d;margin-top:3px;font-size:.82rem}.family-members-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.family-member-card{text-align:center;background:#fff;border:1.5px solid #efeae0;border-radius:18px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;box-shadow:0 3px 10px #4b463f08}.family-member-card:hover{border-color:#c8dec2;transform:translateY(-2px);box-shadow:0 8px 20px #527a4e1a}.family-member-avatar-wrap{background:#faf7f2;border:3px solid #faf6ef;border-radius:50%;width:64px;height:64px;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.family-member-avatar-wrap img{object-fit:cover;width:100%;height:100%}.family-member-name-row{justify-content:center;align-items:center;gap:6px;margin-bottom:2px;display:flex}.family-member-name{color:#2c2621;font-size:.98rem;font-weight:700}.family-member-age-pill{color:#6e665d;background:#f4f1ea;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:500}.family-member-relation{color:#8c8479;margin-bottom:8px;font-size:.76rem}.family-status-pill{border-radius:9999px;align-items:center;gap:5px;margin-bottom:10px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.family-status-pill.status-warning{color:#d14b3a;background:#fcedeb;border:1px solid #f8ccc6}.family-status-pill.status-success{color:#3e7c35;background:#edf7ec;border:1px solid #cde7ca}.family-status-pill.status-info{color:#b37416;background:#fef6e4;border:1px solid #f9e2af}.family-member-metrics{color:#4b463f;margin-bottom:10px;font-size:.86rem;font-weight:600}.family-member-cta{color:#527a4e;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.family-member-cta:hover{color:#3a5a34;text-decoration:underline}.nutrition-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.nutrition-card{background:#fff;border:1.5px solid #efeae0;border-radius:18px;padding:16px;box-shadow:0 3px 10px #4b463f08}.nutrition-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.nutrition-card-avatar{object-fit:cover;border:2px solid #f4f1ea;border-radius:50%;width:38px;height:38px}.nutrition-card-name{color:#2c2621;font-size:.92rem;font-weight:700}.nutrition-card-age{color:#8c8479;font-size:.72rem}.nutrition-bmi-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.nutrition-bmi-val{color:#2c2621;font-size:.95rem;font-weight:700}.nutrition-scale-bar-wrap{margin:12px 0 16px;position:relative}.nutrition-scale-track{background:linear-gradient(90deg,#f8b4a5 0%,#bfe1b9 50%,#fdd280 100%);border-radius:9999px;height:8px;position:relative}.nutrition-scale-indicator{background:#3e7c35;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #00000040}.nutrition-scale-labels{color:#9c9488;justify-content:space-between;margin-top:5px;font-size:.68rem;display:flex}.nutrition-metrics-list{color:#5c554c;border-top:1px dashed #efeae0;flex-direction:column;gap:6px;padding-top:10px;font-size:.78rem;display:flex}.nutrition-metric-line{align-items:center;gap:6px;display:flex}.family-charts-row{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.family-growth-chart-card{background:#fff;border:1.5px solid #efeae0;border-radius:20px;padding:20px;box-shadow:0 4px 14px #4b463f0a}.family-growth-header{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}@media (width>=1400px){.family-growth-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}}.family-growth-title-wrap{flex:1;min-width:0}.chart-controls-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-metrics-segmented{background:#f4f1ea;border:1px solid #eae3d6;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.chart-metric-btn{color:#4b463f;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.chart-metric-btn.active{color:#fff;background:#527a4e;box-shadow:0 2px 6px #527a4e40}.chart-range-select{color:#4b463f;cursor:pointer;background:#fff;border:1px solid #eae3d6;border-radius:9999px;padding:5px 12px;font-size:.78rem;font-weight:600}.family-chart-svg-container{width:100%;height:220px;margin-top:10px;position:relative}.family-chart-legend{color:#5c554c;flex-direction:column;gap:6px;font-size:.75rem;display:flex;position:absolute;top:15px;right:10px}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.family-timeline-card{background:#fff;border:1.5px solid #efeae0;border-radius:20px;flex-direction:column;height:100%;padding:20px;display:flex;box-shadow:0 4px 14px #4b463f0a}.family-timeline-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;min-height:280px;max-height:420px;margin-top:10px;padding-right:4px;display:flex;overflow-y:auto}.timeline-event-item{border-bottom:1px solid #faf6ef;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.timeline-event-item:last-child{border-bottom:none;padding-bottom:0}.timeline-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-icon-box.icon-measurement{color:#d14b3a;background:#fcedeb}.timeline-icon-box.icon-game{color:#3e7c35;background:#edf7ec}.timeline-icon-box.icon-favorite{color:#d98e32;background:#fdf3e3}.timeline-icon-box.icon-meal{color:#2b7a9b;background:#e8f4f8}.timeline-content-group{flex:1;min-width:0}.timeline-date-label{color:#9c9488;margin-bottom:2px;font-size:.7rem}.timeline-event-title{color:#2c2621;font-size:.82rem;font-weight:700}.timeline-event-desc{color:#6e665d;font-size:.76rem;line-height:1.35}.family-meals-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.family-meal-col-card{background:#faf7f0;border:1px solid #ece5d8;border-radius:16px;padding:16px 14px}.meal-col-header{border-bottom:1px solid #ebe4d5;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex}.meal-col-title{color:#2c2621;font-size:.9rem;font-weight:700}.meal-member-dish-list{flex-direction:column;gap:10px;display:flex}.meal-member-item{align-items:center;gap:8px;font-size:.8rem;display:flex}.meal-member-name-tag{color:#4b463f;flex-shrink:0;min-width:52px;font-weight:700}.meal-dish-name{color:#6e665d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-advice-card{background:#fff;border:1.5px solid #efeae0;border-radius:20px;padding:20px;box-shadow:0 4px 14px #4b463f0a}.advice-subcards-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.advice-subcard{cursor:pointer;background:#faf7f2;border:1px solid #efeae0;border-radius:14px;padding:12px;transition:all .15s}.advice-subcard:hover{background:#f4efe6;border-color:#d2e4cc}.advice-subcard-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.advice-member-info{align-items:center;gap:8px;display:flex}.advice-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.advice-member-name{color:#2c2621;font-size:.86rem;font-weight:700}.advice-text{color:#6e665d;font-size:.78rem;line-height:1.45}.family-tip-card{background:#fffdf5;border:1.5px solid #f6e2a3;border-radius:20px;padding:20px;box-shadow:0 4px 14px #f5da881a}.tip-title-row{color:#945d1e;align-items:center;gap:8px;margin-bottom:12px;font-size:.94rem;font-weight:700;display:flex}.tip-bullet-list{flex-direction:column;gap:10px;display:flex}.tip-bullet-item{color:#5c554c;align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.4;display:flex}.tip-check-circle{color:#945d1e;background:#fdf3d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:flex}.family-favorites-card{background:#fff;border:1.5px solid #efeae0;border-radius:20px;padding:20px;box-shadow:0 4px 14px #4b463f0a}.favorite-dishes-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.favorite-dish-row{border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;transition:background-color .15s;display:flex}.favorite-dish-row:hover{background-color:#f8f5ee}.favorite-dish-left{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.favorite-dish-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.favorite-dish-title{color:#2c2621;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.favorite-dish-sub{color:#8c8479;font-size:.74rem}.btn-fav-heart{color:#d14b3a;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:transform .15s;display:flex}.btn-fav-heart:hover{transform:scale(1.18)}.btn-fav-heart svg{fill:#d14b3a;stroke:#d14b3a}.btn-fav-heart:not(.active) svg{fill:none;stroke:#a8a29e}@media (width<=1080px){.family-dashboard-grid{grid-template-columns:1fr}.family-members-row,.nutrition-cards-grid,.family-meals-grid{grid-template-columns:repeat(2,1fr)}.family-charts-row{grid-template-columns:1fr}}@media (width<=768px){.family-notebook-hero{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0 6px}.family-hero-left{width:100%;padding-left:0;flex:none!important}.family-hero-center{flex:none!important;width:100%!important;height:auto!important;min-height:0!important}.family-hero-actions{flex-direction:row;align-items:flex-start;width:100%;flex:none!important}.family-members-row,.nutrition-cards-grid,.family-meals-grid{grid-template-columns:1fr}}.admin-view-layout{align-items:flex-start;gap:28px;width:100%;margin:20px 0 60px;display:flex}.admin-sidebar{width:260px;top:calc(var(--header-height) + 16px);flex-direction:column;flex-shrink:0;gap:16px;display:flex;position:sticky}.admin-sidebar-profile{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-sidebar-avatar{color:#2d6a4f;background:#ebf4e8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 6px #2d6a4f1f}.admin-sidebar-profile-text{flex-direction:column;min-width:0;display:flex}.admin-sidebar-title{color:var(--color-text-title);font-size:.95rem;font-weight:700;line-height:1.25}.admin-sidebar-subtitle{color:var(--color-text-muted);font-size:.78rem}.admin-sidebar-nav{flex-direction:column;gap:4px;display:flex}.admin-sidebar-link{color:var(--color-text-main);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.admin-sidebar-link:hover{color:var(--color-text-title);background:#f4f1ea}.admin-sidebar-link.active{color:#2d6a4f;background:#ebf4e8;font-weight:700}.admin-sidebar-link .nav-icon{flex-shrink:0}.admin-sidebar-support-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;gap:10px;margin-top:6px;padding:16px;display:flex}.admin-support-top{align-items:flex-start;gap:10px;display:flex}.admin-support-icon-box{color:#2d6a4f;background:#ebf4e8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.admin-support-title{color:var(--color-text-title);font-size:.9rem;font-weight:700;line-height:1.2}.admin-support-desc{color:var(--color-text-muted);margin-top:2px;font-size:.78rem;line-height:1.4}.admin-support-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-support-btn:hover{color:var(--color-text-title);background:#faf7f0;border-color:#d5cebe}.admin-main-area{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.admin-breadcrumb{color:#8a8275;align-items:center;gap:6px;font-size:.84rem;display:flex}.admin-breadcrumb-home{color:#8a8275;align-items:center;display:inline-flex}.admin-breadcrumb-sep{color:#b5ad9f;font-size:.8rem}.admin-breadcrumb-current{color:var(--color-text-title);font-weight:600}.admin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-title-group{flex-direction:column;gap:4px;display:flex}.admin-title-h1{font-family:var(--font-display);color:var(--color-text-title);align-items:center;gap:10px;font-size:1.85rem;font-weight:700;line-height:1.2;display:flex}.admin-crown-icon{color:#d4af37;align-items:center;display:flex}.admin-subtitle{color:var(--color-text-muted);font-size:.9rem}.admin-actions-group{align-items:center;gap:10px;display:flex}.admin-btn-pill{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-btn-view-site{color:var(--color-text-title);background:#fff;border:1.5px solid #dcd5c5}.admin-btn-view-site:hover{background:#faf7f0;border-color:#c8bfad;transform:translateY(-1px)}.admin-btn-logout{color:#c85a5a;background:#fff;border:1.5px solid #c85a5a59}.admin-btn-logout:hover{background:#faeeee;border-color:#c85a5a;transform:translateY(-1px)}.admin-tabs-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tabs-row::-webkit-scrollbar{display:none}.admin-tab-btn{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid var(--color-border);color:var(--color-text-main);white-space:nowrap;transition:all var(--transition-fast);background:#fff;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.admin-tab-btn:hover{color:var(--color-text-title);background:#faf7f0;border-color:#d5cebe}.admin-tab-btn.active{color:#fff;background:#4f7a4b;border-color:#4f7a4b;box-shadow:0 4px 12px #4f7a4b38}.admin-tab-btn.active .nav-icon{stroke:#fff}.admin-workspace-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.admin-ai-card{border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:24px;flex-direction:column;gap:20px;padding:24px 28px;display:flex}.admin-ai-card-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.admin-ai-header-left{align-items:center;gap:14px;display:flex}.admin-sparkle-box{color:#d98e32;background:#fef7e6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #d98e3226}.admin-ai-title{font-family:var(--font-display);color:var(--color-text-title);font-size:1.25rem;font-weight:700;line-height:1.2}.admin-ai-desc{color:var(--color-text-muted);margin-top:2px;font-size:.84rem}.admin-status-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-status-badge.badge-connected{color:#2d6a4f;background:#ebf4e8;border:1px solid #c8e3c3}.admin-status-badge.badge-error{color:#c85a5a;background:#faeeee;border:1px solid #f3cece}.admin-status-badge.badge-neutral{color:#7b7368;background:#f4f1ea;border:1px solid #e4ddd1}.admin-field-group{flex-direction:column;gap:6px;display:flex}.admin-field-label-row{color:var(--color-text-title);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.admin-field-link{color:#4f7a4b;cursor:pointer;align-items:center;gap:5px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.admin-field-link:hover{text-decoration:underline}.admin-input-row{align-items:center;gap:10px;display:flex}.admin-key-input-wrap{flex:1;align-items:center;display:flex;position:relative}.admin-key-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-title);transition:all var(--transition-fast);background:#faf8f3;outline:none;padding:12px 44px 12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem}.admin-key-input:focus{background:#fff;border-color:#4f7a4b;box-shadow:0 0 0 3px #4f7a4b1f}.admin-eye-toggle{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:12px}.admin-eye-toggle:hover{color:var(--color-text-title)}.admin-btn-paste{border-radius:var(--radius-md);border:1.5px solid var(--color-border);color:var(--color-text-title);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:11px 18px;font-size:.86rem;font-weight:600;display:inline-flex}.admin-btn-paste:hover{background:#faf7f0;border-color:#d5cebe}.admin-helper-note{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:4px;font-size:.78rem;display:flex}.admin-select-model{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-title);cursor:pointer;transition:all var(--transition-fast);background:#faf8f3;outline:none;padding:12px 16px;font-size:.92rem}.admin-select-model:focus{background:#fff;border-color:#4f7a4b;box-shadow:0 0 0 3px #4f7a4b1f}.admin-action-buttons{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.admin-btn-save-key{border-radius:var(--radius-pill);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#4f7a4b;border:none;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #4f7a4b38}.admin-btn-save-key:hover{background:#3e6336;transform:translateY(-1px)}.admin-btn-test-api{border-radius:var(--radius-pill);color:var(--color-text-title);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:#fff;align-items:center;gap:8px;padding:11px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.admin-btn-test-api:hover{background:#faf7f0;border-color:#d5cebe}.admin-btn-test-api:disabled{opacity:.65;cursor:not-allowed}.admin-connection-result-panel{border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;padding:16px 20px;display:flex}.admin-connection-result-panel.status-success{background:#ebf4e8;border:1px solid #d2e4cc}.admin-connection-result-panel.status-error{background:#faeeee;border:1px solid #f3cece}.admin-conn-left{flex:1;align-items:flex-start;gap:12px;min-width:220px;display:flex}.admin-conn-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.status-success .admin-conn-icon-box{color:#fff;background:#2d6a4f}.status-error .admin-conn-icon-box{color:#fff;background:#c85a5a}.admin-conn-title{font-size:.92rem;font-weight:700;line-height:1.3}.status-success .admin-conn-title{color:#2d6a4f}.status-error .admin-conn-title{color:#c85a5a}.admin-conn-desc{margin-top:2px;font-size:.82rem;line-height:1.45}.status-success .admin-conn-desc{color:#4a6b44}.status-error .admin-conn-desc{color:#943a3a}.admin-conn-right{color:#6e665d;white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.admin-conn-clock-icon{color:#8a8275}.admin-right-column{flex-direction:column;gap:18px;display:flex}.admin-info-card{border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;flex-direction:column;gap:12px;padding:22px;display:flex}.admin-info-card-header{justify-content:space-between;align-items:center;display:flex}.admin-info-card-title{font-family:var(--font-display);color:var(--color-text-title);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.admin-info-card-desc{color:var(--color-text-muted);font-size:.84rem;line-height:1.5}.admin-checklist{flex-direction:column;gap:8px;margin-top:4px;display:flex}.admin-checklist-item{color:var(--color-text-main);align-items:center;gap:10px;font-size:.84rem;line-height:1.4;display:flex}.admin-checklist-icon{color:#4f7a4b;flex-shrink:0}.admin-steps-list{flex-direction:column;gap:10px;margin:4px 0 6px;display:flex}.admin-step-item{color:var(--color-text-main);align-items:center;gap:12px;font-size:.85rem;display:flex}.admin-step-num{color:#2d6a4f;background:#ebf4e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:flex}.admin-btn-open-studio{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);width:100%;color:var(--color-text-title);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-btn-open-studio:hover{background:#faf7f0;border-color:#d5cebe}.admin-tip-card{background:#fffdf0;border:1.5px solid #f5e6b8;border-radius:22px;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 2px 8px #d98e320f}.admin-tip-header{font-family:var(--font-display);color:#a66b32;align-items:center;gap:8px;font-size:.98rem;font-weight:700;display:flex}.admin-tip-text{color:#6e5b3d;font-size:.83rem;line-height:1.5}.admin-recipe-master-view{width:100%;display:block}.admin-recipes-panel{background:#fff;border:1.5px solid #ebe7df;border-radius:24px;padding:26px 30px;box-shadow:0 4px 20px #00000008}.admin-recipes-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.admin-recipes-toolbar-left h2{color:#243322;letter-spacing:-.01em;margin:0 0 4px;font-family:Playfair Display,Georgia,Be Vietnam Pro,serif;font-size:1.45rem;font-weight:700}.admin-recipes-toolbar-left p{color:#647661;margin:0;font-size:.88rem}.admin-recipes-toolbar-right{align-items:center;gap:12px;display:flex}.admin-search-box-wrap{align-items:center;display:flex;position:relative}.admin-search-icon{color:#8c9989;pointer-events:none;position:absolute;left:14px}.admin-recipe-search-input{color:#2d3a29;background:#faf8f4;border:1.5px solid #e2ded5;border-radius:9999px;outline:none;width:280px;padding:10px 16px 10px 40px;font-size:.86rem;transition:all .2s}.admin-recipe-search-input:focus{background:#fff;border-color:#3e6336;box-shadow:0 0 0 3px #3e63361f}.admin-btn-add-recipe{color:#fff;cursor:pointer;white-space:nowrap;background:#3e6336;border:1px solid #3e6336;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #3e633633}.admin-btn-add-recipe:hover{background:#32522b;transform:translateY(-1px)}.admin-filter-section-row{margin-bottom:16px}.admin-filter-row-label{color:#6c7d68;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.admin-pills-scroll-wrap{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:visible}.admin-filter-pill-btn{color:#4c5c4a;cursor:pointer;white-space:nowrap;background:#faf8f5;border:1.5px solid #ebe7df;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-filter-pill-btn:hover{background:#f3f8f2;border-color:#a8c4a0}.admin-filter-pill-btn.active{color:#fff;background:#3e6336;border-color:#3e6336;box-shadow:0 2px 8px #3e633633}.admin-sort-controls-bar{color:#556653;border-bottom:1px solid #f1ece3;align-items:center;gap:20px;margin-bottom:22px;padding:12px 0 18px;font-size:.82rem;display:flex}.admin-sort-item-group{align-items:center;gap:8px;display:flex}.admin-select-clean{color:#2d3a29;cursor:pointer;background:#fff;border:1.5px solid #e4dfd5;border-radius:9999px;outline:none;padding:6px 14px;font-size:.82rem;font-weight:600}.admin-recipe-grid-3col{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;margin-bottom:26px;display:grid}.admin-recipe-card{background:#fff;border:1.5px solid #ebe7df;border-radius:18px;flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000005}.admin-recipe-card:hover{border-color:#a8c4a0;transform:translateY(-3px);box-shadow:0 8px 24px #3e633614}.admin-recipe-card.active-selected{border-color:#3e6336;box-shadow:0 0 0 2.5px #3e6336,0 8px 24px #3e63361f}.admin-recipe-card-img-wrap{aspect-ratio:16/10;background:#faf7f0;width:100%;position:relative;overflow:hidden}.admin-recipe-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.admin-recipe-card:hover .admin-recipe-card-img{transform:scale(1.04)}.admin-badge-on-image{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#2f6027;background:#ffffffeb;border:1px solid #cbe6c7cc;border-radius:9999px;padding:4px 10px;font-size:.74rem;font-weight:700;position:absolute;bottom:10px;left:10px}.admin-btn-fav-heart{color:#d32f2f;cursor:pointer;background:#ffffffeb;border:1px solid #ebe7df;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.admin-btn-fav-heart:hover{background:#fff;transform:scale(1.1)}.admin-recipe-card-body{flex-direction:column;flex:1;padding:16px 16px 14px;display:flex}.admin-recipe-card-title{color:#243322;margin:0 0 6px;font-size:1.15rem;font-weight:700;line-height:1.3}.admin-recipe-card-desc{color:#6c7d68;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.admin-recipe-card-meta{color:#556653;border-bottom:1px solid #f4efe6;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;font-size:.78rem;display:flex}.admin-recipe-card-meta-item{align-items:center;gap:4px;display:inline-flex}.admin-recipe-card-actions{align-items:center;gap:8px;display:flex}.admin-btn-action-pill{color:#374635;cursor:pointer;background:#faf8f5;border:1.5px solid #e5e0d5;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-action-pill:hover{color:#2e5c26;background:#ebf4e8;border-color:#3e6336}.admin-btn-dots-menu{color:#556653;cursor:pointer;background:#faf8f5;border:1.5px solid #e5e0d5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.admin-btn-dots-menu:hover{background:#f1efe8}.admin-pagination-row{border-top:1px solid #efece6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.admin-pagination-info{color:#6c7d68;font-size:.82rem;font-weight:600}.admin-pager-controls{align-items:center;gap:6px;display:flex}.admin-pager-btn{color:#4c5c4a;cursor:pointer;background:#fff;border:1.5px solid #e2ded5;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.admin-pager-btn:hover:not(:disabled){background:#f4f8f2;border-color:#a8c4a0}.admin-pager-btn.active{color:#fff;background:#3e6336;border-color:#3e6336}.admin-pager-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-jump-wrap{color:#6c7d68;align-items:center;gap:8px;font-size:.82rem;display:flex}.admin-page-jump-input{text-align:center;color:#243322;background:#faf8f4;border:1.5px solid #e2ded5;border-radius:8px;outline:none;width:44px;padding:4px 8px;font-size:.84rem;font-weight:700}.admin-recipe-detail-overlay{-webkit-backdrop-filter:blur(8px);z-index:1200;box-sizing:border-box;background:#121c12a6;justify-content:center;align-items:center;padding:20px;animation:.22s ease-out adminModalFadeIn;display:flex;position:fixed;inset:0}.admin-recipe-detail-popup{box-sizing:border-box;background:#fff;border:1.5px solid #ebe7df;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;padding:0;animation:.25s cubic-bezier(.16,1,.3,1) adminModalPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000047,0 0 0 1px #ffffff26}@keyframes adminModalPopIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-detail-header{background:#faf8f4;border-bottom:1.5px solid #f1ece3;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-detail-header-left{align-items:center;gap:12px;display:flex}.modal-detail-header-icon{color:#3e6336;background:#ebf4e8;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-detail-header-text{flex-direction:column;display:flex}.modal-detail-subtitle{text-transform:uppercase;letter-spacing:.04em;color:#7b8a78;font-size:.74rem;font-weight:700}.modal-detail-title{color:#243322;margin:2px 0 0;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:700}.modal-detail-scroll-body{flex:1;padding:24px 28px;overflow-y:auto}.modal-detail-top-split{grid-template-columns:340px 1fr;gap:24px;margin-bottom:22px;display:grid}@media (width<=768px){.modal-detail-top-split{grid-template-columns:1fr;gap:16px}}.modal-detail-hero-frame{aspect-ratio:16/11;background:#faf7f0;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.modal-detail-hero-frame img{object-fit:cover;width:100%;height:100%;display:block}.modal-detail-hero-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#33532c;background:#fffffff0;border-radius:9999px;padding:4px 12px;font-size:.78rem;font-weight:700;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0000001f}.modal-detail-info-col{flex-direction:column;display:flex}.modal-detail-footer{background:#faf8f4;border-top:1.5px solid #f1ece3;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.admin-recipe-drawer{box-sizing:border-box;background:#fff;border:1.5px solid #ebe7df;border-radius:24px;padding:24px;position:relative;box-shadow:0 4px 24px #0000000a}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-header-left{color:#243322;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.drawer-close-btn{color:#556653;cursor:pointer;background:#f4f2ec;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#1a2419;background:#e5e2d8}.drawer-hero-img-wrap{aspect-ratio:16/10;background:#faf7f0;border-radius:16px;width:100%;margin-bottom:16px;overflow:hidden}.drawer-hero-img{object-fit:cover;width:100%;height:100%;display:block}.drawer-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-title-row h3{color:#243322;margin:0;font-size:1.45rem;font-weight:700}.drawer-tags-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.drawer-tag-pill{border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:700}.drawer-tag-pill.tag-green{color:#2e6325;background:#eaf4e8}.drawer-tag-pill.tag-gray{color:#555047;background:#f0ece4}.drawer-tag-pill.tag-peach{color:#c05035;background:#fceee9}.drawer-tag-pill.tag-yellow{color:#8a6715;background:#faf2de}.drawer-desc{color:#556653;margin:0 0 14px;font-size:.86rem;line-height:1.5}.drawer-meta-row{color:#556653;border-top:1px solid #f1ece3;border-bottom:1px solid #f1ece3;align-items:center;gap:16px;margin-bottom:16px;padding:10px 0;font-size:.8rem;display:flex}.drawer-servings-box{background:#faf8f4;border:1px solid #ebe7df;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 14px;display:flex}.drawer-servings-label{color:#3b4b38;font-size:.84rem;font-weight:600}.drawer-servings-stepper{align-items:center;gap:10px;display:flex}.drawer-stepper-btn{color:#243322;cursor:pointer;background:#fff;border:1.5px solid #d5cebe;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.drawer-stepper-btn:hover{color:#fff;background:#3e6336;border-color:#3e6336}.drawer-servings-number{color:#243322;text-align:center;min-width:16px;font-size:.98rem;font-weight:800}.drawer-tabs-nav{border-bottom:1.5px solid #ebe7df;align-items:center;margin-bottom:16px;display:flex}.drawer-tab-btn{color:#6c7d68;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-size:.84rem;font-weight:600;transition:all .2s}.drawer-tab-btn.active{color:#3e6336;border-bottom-color:#3e6336;font-weight:700}.drawer-ing-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer-ing-title{color:#243322;font-size:.92rem;font-weight:700}.drawer-btn-add-shopping{color:#385e32;cursor:pointer;background:#faf8f5;border:1.5px solid #cfe2ca;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.drawer-btn-add-shopping:hover{background:#ebf4e8;border-color:#3e6336}.drawer-ing-group{margin-bottom:14px}.drawer-ing-group-title{color:#a36024;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.78rem;font-weight:700}.drawer-ing-table{border-collapse:collapse;width:100%;font-size:.82rem}.drawer-ing-table tr{border-bottom:1px solid #f6f4ee}.drawer-ing-table td{color:#384a36;padding:6px 4px}.drawer-ing-col-name{color:#243322;font-weight:600}.drawer-ing-col-amt{text-align:right;color:#3e6336;padding-right:4px;font-weight:700}.drawer-ing-col-unit{color:#6c7d68}.drawer-ing-col-prep{text-align:right;color:#8c9989;font-size:.76rem}.drawer-step-item{gap:12px;margin-bottom:14px;font-size:.84rem;line-height:1.45;display:flex}.drawer-step-num-badge{color:#3e6336;background:#ebf4e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.76rem;font-weight:700;display:flex}.drawer-nutrition-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.drawer-nutrition-box{text-align:center;background:#faf8f4;border:1px solid #ece7de;border-radius:12px;padding:10px 8px}.drawer-nut-val{color:#243322;font-size:1.1rem;font-weight:800}.drawer-nut-label{color:#7b8a78;font-size:.72rem;font-weight:600}.drawer-bottom-actions{border-top:1.5px solid #ebe7df;flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;display:flex}.drawer-secondary-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-btn-secondary{color:#3b4b38;cursor:pointer;background:#faf8f5;border:1.5px solid #e5e0d5;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.drawer-btn-secondary:hover{background:#f0f6ee;border-color:#a8c4a0}.drawer-btn-primary-full{color:#fff;cursor:pointer;background:#3e6336;border:1px solid #3e6336;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #3e633633}.drawer-btn-primary-full:hover{background:#32502b}@media (width<=1300px){.admin-recipe-master-view.drawer-open{grid-template-columns:1fr}}@media (width<=992px){.admin-recipe-grid-3col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-recipe-grid-3col{grid-template-columns:1fr}.admin-recipe-search-input{width:100%}.admin-recipes-toolbar-right{flex-direction:column;width:100%}.admin-btn-add-recipe{justify-content:center;width:100%}}.admin-recipe-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#121c117a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-recipe-modal{background:#fff;border:1.5px solid #ebe7df;border-radius:24px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.22s ease-out adminModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes adminModalFadeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-recipe-modal-header{background:#faf8f5;border-bottom:1.5px solid #efece6;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.admin-recipe-modal-title{color:#243322;margin:0;font-size:1.25rem;font-weight:700}.admin-recipe-modal-body{flex-direction:column;gap:18px;padding:24px 26px;display:flex;overflow-y:auto}.admin-recipe-modal-footer{background:#faf8f5;border-top:1.5px solid #efece6;justify-content:flex-end;align-items:center;gap:12px;padding:16px 26px;display:flex}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-form-label{color:#2c3c2a;font-size:.82rem;font-weight:700}.admin-form-input,.admin-form-select,.admin-form-textarea{color:#243322;background:#faf8f4;border:1.5px solid #e2ded5;border-radius:10px;outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:.86rem;transition:all .2s}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{background:#fff;border-color:#3e6336;box-shadow:0 0 0 3px #3e63361f}.admin-ing-builder-row{grid-template-columns:120px 1.2fr 80px 80px 1fr 34px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.admin-step-builder-row{background:#faf8f4;border:1px solid #ece7de;border-radius:12px;grid-template-columns:32px 1fr 100px 34px;align-items:start;gap:10px;margin-bottom:12px;padding:12px;display:grid}.admin-account-panel{background:#fff;border:1.5px solid #ebe7df;border-radius:24px;max-width:760px;padding:28px 32px;box-shadow:0 4px 20px #00000008}.admin-account-section-title{color:#243322;margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:700}.admin-account-section-desc{color:#6c7d68;margin:0 0 22px;font-size:.86rem}.admin-avatar-upload-wrap{background:#faf8f4;border:1.5px dashed #dfd9ce;border-radius:18px;align-items:center;gap:20px;margin-bottom:24px;padding:18px 20px;display:flex}.admin-avatar-preview-box{background:#efece6;border:3px solid #3e6336;border-radius:50%;flex-shrink:0;width:82px;height:82px;position:relative;overflow:hidden;box-shadow:0 4px 12px #3e633626}.admin-avatar-preview-img{object-fit:cover;width:100%;height:100%;display:block}.admin-avatar-upload-meta{flex-direction:column;gap:8px;display:flex}.admin-avatar-upload-btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-avatar-hint{color:#7b8a78;font-size:.78rem}.admin-account-grid-2col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=600px){.admin-account-grid-2col{grid-template-columns:1fr}}.admin-pass-field-wrap{align-items:center;display:flex;position:relative}.admin-pass-field-wrap .admin-form-input{padding-right:42px}.btn-toggle-eye{color:#7b8a78;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-toggle-eye:hover{color:#243322}.btn-random-pass{color:#8c590e;cursor:pointer;background:#fdf6e8;border:1.5px solid #f2dcad;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-random-pass:hover{background:#fbefd5;border-color:#da5;transform:translateY(-1px)}.admin-users-panel{background:#fff;border:1.5px solid #ebe7df;border-radius:24px;padding:26px 30px;box-shadow:0 4px 20px #00000008}.admin-users-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.admin-users-toolbar-left h2{color:#243322;margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:1.45rem;font-weight:700}.admin-users-toolbar-left p{color:#647661;margin:0;font-size:.88rem}.admin-users-filter-bar{border-bottom:1px solid #f1ece3;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0 18px;display:flex}.admin-users-table-wrap{border:1.5px solid #ebe7df;border-radius:16px;width:100%;margin-bottom:20px;overflow-x:auto}.admin-users-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.admin-users-table th{text-transform:uppercase;letter-spacing:.04em;color:#6c7d68;background:#faf8f4;border-bottom:1.5px solid #ebe7df;padding:12px 18px;font-size:.76rem;font-weight:700}.admin-users-table td{color:#374635;vertical-align:middle;border-bottom:1px solid #f1ece3;padding:14px 18px}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-table tr:hover td{background:#fcfbf9}.admin-users-table th:first-child,.admin-users-table td:first-child{min-width:260px}.admin-users-table th:last-child,.admin-users-table td:last-child{text-align:center;width:70px}.user-cell-wrap{align-items:center;gap:12px;display:flex}.user-avatar-mini{object-fit:cover;background:#faf7f0;border:1.5px solid #d5cebe;border-radius:50%;flex-shrink:0;width:40px;height:40px}.user-name-title{color:#243322;white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.user-name-title span{white-space:nowrap}.btn-user-kebab{color:#6c7d68;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:inline-flex}.btn-user-kebab:hover,.btn-user-kebab.active{color:#243322;background:#f0ece1;border-color:#ddd7ca}.user-menu-container{display:inline-block;position:relative}.user-kebab-dropdown{z-index:120;text-align:left;background:#fff;border:1.5px solid #ebe7df;border-radius:12px;flex-direction:column;gap:2px;min-width:195px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #00000024,0 8px 10px -6px #00000014}.user-kebab-item{color:#374635;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.84rem;font-weight:600;transition:background .15s,color .15s;display:flex}.user-kebab-item:hover:not(:disabled){color:#1a2619;background:#f4f1ea}.user-kebab-item.item-delete{color:#c62828}.user-kebab-item.item-delete:hover:not(:disabled){color:#991b1b;background:#fee2e2}.kebab-divider{background:#efece6;height:1px;margin:4px 0}.user-badge-current{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:9999px;padding:1px 7px;font-size:.68rem;font-weight:700}.badge-role-pill{border-radius:9999px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.badge-role-sysadmin{color:#fff;background:#2e5c26}.badge-role-admin{color:#2e6325;background:#eaf4e8;border:1px solid #cfe2ca}.badge-role-parent{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-role-member{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.badge-status-pill{border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-status-pill.status-active{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge-status-pill.status-suspended{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.user-actions-group{align-items:center;gap:6px;display:flex}.btn-user-action{color:#556653;cursor:pointer;background:#faf8f5;border:1.5px solid #e5e0d5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-user-action.action-edit:hover{color:#2e5c26;background:#ebf4e8;border-color:#3e6336}.btn-user-action.action-suspend:hover{color:#92400e;background:#fef3c7;border-color:#d97706}.btn-user-action.action-delete:hover{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.btn-user-action:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}body{width:100%;max-width:100%;margin:0;padding:0}main.app-main{box-sizing:border-box;width:100%;max-width:100%;min-height:auto;padding-bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px) + 16px)}@media (width>=900px){main.app-main{min-height:auto!important;padding-bottom:0!important}.home-reference-canvas,.kitchen-reference-canvas,.shopping-reference-canvas,.kids-reference-canvas,.family-notebook-canvas{min-height:auto!important;padding-bottom:16px!important}.home-reference-canvas>section:last-of-type,.ref-section:last-of-type,#home-kids-section{margin-bottom:16px!important}.app-footer{margin-top:24px!important;padding-top:36px!important}}.app-container,.top-header-inner,.footer-inner,.kitchen-hero-section,.family-notebook-canvas,.shopping-reference-canvas,.kids-reference-canvas{width:100%;max-width:var(--max-content-width,1280px);box-sizing:border-box;margin-inline:auto}.app-container{padding-inline:clamp(12px,3.5vw,24px)}img,video,svg,canvas{max-width:100%;height:auto}.kitchen-hero-title,.family-hero-title,.kids-hero-title,.hero-title,.mobile-page-title{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.015em;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:0 0 10px;font-size:clamp(1.45rem,5.2vw,2.75rem);line-height:1.2}.kitchen-hero-desc,.family-hero-sub,.kids-hero-sub,.mobile-page-sub{color:var(--color-text-muted);max-width:100%;font-size:clamp(.86rem,2.5vw,1rem);line-height:1.55}.top-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);height:var(--header-height,72px);background:#faf7f0f2;align-items:center;transition:height .2s;display:flex;position:sticky;top:0}.top-header-inner{justify-content:space-between;align-items:center;gap:12px;padding-inline:clamp(12px,3vw,24px);display:flex}.brand-wrapper{flex-shrink:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-sage-light) 0%, var(--color-sage) 100%);width:38px;height:38px;color:var(--color-cream-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-title{font-family:var(--font-display);color:var(--color-text-title);white-space:nowrap;font-size:1.15rem;font-weight:700}.brand-tagline{color:var(--color-sage-dark);white-space:nowrap;font-size:.74rem;font-weight:500}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=899px){.top-header{height:var(--header-height-mobile,60px)}.desktop-nav,.brand-tagline{display:none!important}.brand-logo-icon{width:34px;height:34px}.brand-title{font-size:1.05rem}.header-actions{gap:6px}.header-icon-btn{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.user-family-badge{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;border-radius:50%!important;padding:3px!important}.user-family-badge .user-family-text,.user-family-badge .user-family-chevron{display:none!important}.user-avatar-photo{width:30px!important;height:30px!important;margin:0!important}}@media (width>=900px){.desktop-nav{display:flex!important}.mobile-bottom-nav{display:none!important}}.mobile-bottom-nav{z-index:90;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border-light);height:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000a}.mobile-nav-item,.bottom-nav-item{color:#7e766d;min-height:48px;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active,.bottom-nav-item:hover,.bottom-nav-item.active{color:#3e6336;font-weight:700}.mobile-nav-item.active .mobile-nav-icon-wrap{position:relative}.mobile-nav-item.active .mobile-nav-icon-wrap:after{content:"";background:#3e6336;border-radius:50%;width:4px;height:4px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.kitchen-hero-section{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);align-items:center;gap:36px;margin-bottom:28px;display:grid}@media (width<=960px){.kitchen-hero-section{grid-template-columns:1fr;gap:24px}.kitchen-hero-right{width:100%;max-width:480px;margin:0 auto}}.ai-assistant-card{box-sizing:border-box;width:100%}@media (width<=540px){.ai-assistant-card{border-radius:18px;padding:16px}.ai-card-header{gap:10px;margin-bottom:12px}.ai-sparkle-avatar{width:36px;height:36px}.ai-card-title{font-size:1.05rem}.ai-card-subtitle{font-size:.78rem;line-height:1.4}.ai-search-form{background:#f8f7f3;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;padding:8px}.ai-search-form input{width:100%;padding:6px 8px;font-size:.84rem}.btn-ai-suggest{border-radius:12px;justify-content:center;width:100%;padding:10px;font-size:.84rem}.ai-quick-presets-row{flex-wrap:wrap;gap:6px;margin-top:10px}.ai-presets-label{width:100%;font-size:.74rem}.ai-preset-chip{white-space:normal;text-align:left;max-width:100%;padding:4px 10px;font-size:.74rem;line-height:1.35}.kitchen-speech-bubble{border-radius:14px;max-width:190px;padding:6px 12px;top:10px;right:10px}.bubble-heart-text{font-size:.82rem}}@media (width<=900px){.daily-dishes-grid,.suggested-dishes-grid{grid-template-columns:repeat(2,1fr);gap:16px}.bento-split-layout{grid-template-columns:1fr;gap:20px}.pantry-12-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=600px){.daily-dishes-grid,.suggested-dishes-grid{grid-template-columns:1fr;gap:14px}.pantry-12-grid{grid-template-columns:repeat(2,1fr)}.pantry-card-container{box-sizing:border-box!important;border-radius:18px!important;padding:16px 14px!important}.pantry-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important}.pantry-title{font-size:1.25rem!important;line-height:1.35!important}.pantry-header-right{gap:8px!important;width:100%!important;display:flex!important}.pantry-header-right button,.pantry-header-right .btn{text-align:center!important;border-radius:9999px!important;flex:1!important;justify-content:center!important;padding:8px 12px!important;font-size:.85rem!important}.pantry-quick-add-form{flex-direction:column!important;gap:10px!important;width:100%!important;margin-bottom:16px!important}.pantry-quick-add-form input{box-sizing:border-box!important;border-radius:9999px!important;width:100%!important;min-width:0!important;padding:11px 16px!important;font-size:.9rem!important}.btn-pantry-add{box-sizing:border-box!important;border-radius:9999px!important;justify-content:center!important;width:100%!important;padding:11px 18px!important;font-size:.9rem!important}.pantry-category-pills{-webkit-overflow-scrolling:touch!important;margin-bottom:14px!important;padding-bottom:6px!important}.recipes-4-grid{grid-template-columns:1fr}.daily-plan-header-actions{justify-content:space-between;width:100%}}.family-notebook-canvas{width:100%;max-width:var(--max-content-width,1280px);box-sizing:border-box;margin:0 auto}@media (width<=1080px){.family-dashboard-grid{grid-template-columns:1fr;gap:24px}.family-members-row,.nutrition-cards-grid,.family-meals-grid{grid-template-columns:repeat(2,1fr)!important}.family-charts-row{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.family-notebook-hero{flex-direction:column;align-items:stretch;gap:10px;padding:8px 0 6px}.family-botanical-decor{display:none}.family-hero-left{width:100%;margin-bottom:0;padding-left:0;flex:none!important}.family-hero-title{margin-bottom:4px;font-size:1.55rem}.family-hero-sub{margin:0;font-size:.88rem;line-height:1.4}.family-hero-center{box-sizing:border-box;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:4px 0 6px!important;padding:0!important;display:block!important}.family-hero-illustration{aspect-ratio:16/9;object-fit:cover;border:3px solid #fff;border-radius:20px;display:block;box-shadow:0 8px 24px #3e63361f;mix-blend-mode:normal!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}.family-hero-actions{flex-direction:row;gap:8px;width:100%;margin-top:4px;margin-bottom:8px;flex:none!important}.btn-hero-primary,.btn-hero-secondary{border-radius:12px;flex:1;justify-content:center;padding:10px 14px;font-size:.82rem}.family-tabs-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:8px 0 20px;padding-bottom:6px}.family-tabs-bar::-webkit-scrollbar{display:none}.family-members-row,.nutrition-cards-grid,.family-meals-grid{grid-template-columns:1fr!important}.chart-controls-group{flex-wrap:wrap;gap:6px;margin-top:8px}.family-section-box,.family-meals-section{border-radius:18px!important;padding:16px 14px!important}.family-section-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:14px!important}.family-section-title-wrap,.family-section-header>div:first-child{width:100%!important}.family-section-title{flex-wrap:wrap!important;font-size:1.1rem!important;line-height:1.35!important}.family-section-subtitle{margin-top:3px!important;font-size:.82rem!important;line-height:1.45!important}.family-section-actions,.family-meals-header-actions,.family-section-header>div:last-child:not(:first-child){align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}#select-meals-date,#select-nutrition-date{color:#2c2621!important;background-color:#faf8f4!important;border:1.5px solid #e5e0d5!important;border-radius:10px!important;flex:1!important;min-width:0!important;height:40px!important;padding:0 12px!important;font-size:.86rem!important}#btn-quick-log-meal{white-space:nowrap!important;color:#fff!important;background:#527a4e!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:40px!important;padding:0 16px!important;font-size:.84rem!important;font-weight:600!important;display:inline-flex!important}#btn-open-add-member{white-space:nowrap!important;border-radius:9999px!important;justify-content:center!important;width:100%!important;height:38px!important;font-size:.84rem!important}.chart-controls-group{flex-wrap:wrap!important;gap:6px!important;width:100%!important;margin-top:4px!important;display:flex!important}.chart-controls-group .chart-metric-btn{text-align:center!important;flex:1!important;justify-content:center!important;min-width:65px!important;height:34px!important;padding:0 8px!important;font-size:.78rem!important}.chart-controls-group .chart-range-select{width:100%!important;height:36px!important;margin-top:4px!important}}@media (width<=992px){.kids-layout-grid{grid-template-columns:1fr;gap:24px}.botanical-bg-left,.botanical-bg-right{display:none}}@media (width<=640px){.kids-quiz-feedback-container{border-radius:18px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.kids-feedback-left-wrap{align-items:flex-start!important;gap:12px!important;width:100%!important;display:flex!important}.kids-feedback-text-wrap{flex:1!important;min-width:0!important}.kids-feedback-text-wrap strong{color:#23541e!important;margin-bottom:4px!important;font-size:1.05rem!important;display:block!important}.kids-feedback-text-wrap p{color:#385134!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important;font-size:.9rem!important;line-height:1.5!important}.kids-feedback-actions-wrap{border-top:1px dashed #3e633638!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;padding-top:10px!important;display:flex!important}.kids-btn-feedback-speak{border-radius:50%!important;flex-shrink:0!important;width:42px!important;height:42px!important}.kids-btn-next-question{white-space:nowrap!important;border-radius:9999px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:42px!important;padding:0 18px!important;font-size:.92rem!important;font-weight:700!important;display:inline-flex!important}.kids-section-header-row{align-items:center!important;gap:10px!important}.kids-section-title-wrap{flex:1!important;min-width:0!important}.kids-btn-see-all{white-space:nowrap!important;flex-shrink:0!important}.kids-reference-canvas{padding:8px 12px 100px!important}.kids-white-card{box-sizing:border-box!important;border-radius:18px!important;width:100%!important;padding:16px 14px!important;overflow:hidden!important}.kids-produce-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-bottom:12px!important;display:flex!important}.kids-produce-title{margin:0 0 6px!important;font-size:1.35rem!important;line-height:1.3!important}.kids-btn-audio-listen{flex-shrink:0!important;align-self:flex-start!important;padding:6px 14px!important;font-size:.82rem!important}.kids-produce-presentation{grid-template-columns:1fr!important;gap:16px!important;margin:14px 0 18px!important}.kids-produce-bunch-frame{border-radius:16px!important;max-height:240px!important}.kids-produce-info-list{gap:10px!important}.kids-info-item{font-size:.86rem!important;line-height:1.45!important}.kids-counting-subcard{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;padding:14px 12px!important}.kids-counting-subcard-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;margin-bottom:14px!important;display:flex!important}.kids-counting-subcard-title{font-size:1.05rem!important;line-height:1.35!important}.kids-btn-reset-counting{align-self:flex-start!important;padding:6px 14px!important;font-size:.8rem!important}.kids-counting-subcard-body{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:14px!important;width:100%!important}.kids-counting-items-wrap{box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;display:flex!important}.kids-counting-interactive-btn{flex-shrink:0!important;width:58px!important;height:58px!important;padding:4px!important}.kids-counting-carrot-img{width:40px!important;height:40px!important}.kids-counting-badge-number{width:20px!important;height:20px!important;font-size:.72rem!important;bottom:-2px!important;right:-2px!important}.kids-counting-summary-wrap{justify-content:center!important;align-items:center!important;gap:6px!important;margin-top:4px!important;display:flex!important}.kids-counting-summary-score{font-size:1.15rem!important}.kids-quiz-card{box-sizing:border-box!important;border-radius:18px!important;width:100%!important;padding:16px 14px!important}.kids-quiz-top-bar{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:14px!important;display:flex!important}.kids-badge-butter{max-width:100%!important;padding:4px 10px!important;font-size:.76rem!important}.kids-badge-playing-status{padding:4px 8px!important;font-size:.74rem!important}.kids-badge-score-counter{padding:4px 10px!important;font-size:.76rem!important}.kids-quiz-stepper-row{box-sizing:border-box!important;width:calc(100% - 8px)!important;margin:14px 4px 18px!important}.kids-quiz-stepper-step{width:24px!important;height:24px!important;font-size:.75rem!important}.kids-quiz-question-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;margin-bottom:14px!important}.kids-quiz-question-text{font-size:1.15rem!important;line-height:1.35!important}.kids-quiz-interactive-layout{grid-template-columns:1fr!important;gap:16px!important}.kids-quiz-single-art-frame{border-radius:16px!important;max-height:220px!important}.kids-quiz-options-list{gap:8px!important;width:100%!important}.kids-quiz-option-row{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.kids-quiz-option-row .kids-quiz-option-btn{flex:1!important;min-width:0!important;padding:9px 12px!important}.kids-btn-option-voice{border-radius:12px!important;flex-shrink:0!important;width:42px!important;height:44px!important}.kids-btn-audio-voice-circle{width:32px!important;height:32px!important}}@media (width<=1024px){.shopping-left-decor,.shopping-right-decor{display:none}.shopping-container{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.shopping-reference-canvas{padding-inline:12px}.shopping-hero-header{margin-bottom:16px}.shopping-add-form{flex-direction:column;align-items:stretch;gap:8px}.shopping-input-field,.shopping-select-field,.shopping-qty-field{width:100%}.shopping-action-buttons-row{flex-direction:column;gap:8px}.shopping-action-buttons-row .btn{justify-content:center;width:100%}}@media (width<=1024px){.footer-columns-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (width<=768px){.app-footer{padding-bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px) + 20px)}.footer-columns-grid{grid-template-columns:1fr;gap:24px}.footer-col-brand .footer-narrative,.footer-newsletter-form{max-width:100%}.footer-newsletter-input-group{box-sizing:border-box;width:100%}.footer-bottom-bar{text-align:center;flex-direction:column;align-items:center;gap:12px}.footer-legal-links{flex-wrap:wrap;justify-content:center}}.modal-overlay,.modal-backdrop{box-sizing:border-box;justify-content:center;align-items:center;padding:12px;display:flex;z-index:200!important}.modal-dialog,.modal-overlay>.card,.modal-backdrop>.card,.recipe-modal-dialog,.auth-modal-dialog{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;border-radius:20px!important;width:calc(100% - 20px)!important;max-width:520px!important;max-height:calc(100vh - 40px)!important;margin:10px auto!important;padding:clamp(16px,4vw,24px)!important}.onboarding-modal-dialog{box-sizing:border-box!important;border-radius:24px!important;flex-direction:column!important;width:calc(100% - 20px)!important;max-width:480px!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;padding:0!important;display:flex!important;overflow:hidden!important}.onboarding-step-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;overflow-y:auto!important}@media (width<=640px){.modal-card{border-radius:var(--radius-lg,16px)!important;width:calc(100% - 16px)!important;max-height:calc(100dvh - 24px)!important;margin:8px auto!important}.modal-header{padding:var(--space-md) var(--space-lg)!important}.modal-body{padding:var(--space-lg) var(--space-md)!important}.modal-ingredient-item{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;padding:10px 14px!important}.ingredient-main-info{flex:none!important;align-items:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.ingredient-check-indicator{flex-shrink:0!important;margin-top:2px!important}.ingredient-title-text{word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;color:#243322!important;flex:1!important;font-size:.94rem!important;font-weight:600!important;line-height:1.4!important}.ingredient-measurement-info{box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;width:100%!important;margin-left:0!important;padding-left:34px!important;display:flex!important}.ingredient-measurement-badge{white-space:normal!important;word-break:break-word!important;max-width:100%!important;padding:3px 8px!important;font-size:.8rem!important;line-height:1.35!important}.ingredient-stock-status{white-space:nowrap!important;padding:2px 8px!important;font-size:.74rem!important;line-height:1.35!important}.ingredients-prep-guide-note{padding:8px 12px!important;font-size:.8rem!important;line-height:1.45!important}.cooking-step-card{border-radius:16px!important;padding:16px 14px!important}.cooking-nav-buttons{flex-direction:row!important;gap:8px!important}.cooking-nav-buttons .btn{padding:8px 12px!important;font-size:.84rem!important}}@media (width<=360px){.brand-title{font-size:.95rem}.top-header-inner{gap:4px;padding-inline:8px}.header-actions{gap:4px}.kitchen-hero-title,.family-hero-title{font-size:1.35rem}.pantry-12-grid{grid-template-columns:1fr}.btn{padding:8px 12px;font-size:.8rem}}@media (width<=1024px){.admin-view-layout{gap:20px}.admin-sidebar{width:220px}.admin-workspace-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.admin-view-layout{flex-direction:column;gap:16px;margin:12px 0 40px}.admin-sidebar{width:100%;position:static}.admin-sidebar-nav{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.admin-sidebar-link{padding:8px 12px;font-size:.82rem}.admin-title-h1{font-size:1.45rem}.admin-header-row{flex-direction:column;align-items:flex-start;gap:12px}.admin-actions-group{justify-content:flex-start;width:100%}.admin-btn-pill{padding:7px 14px;font-size:.82rem}.admin-ai-card{border-radius:18px;padding:18px 16px}.admin-ai-card-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-input-row{flex-direction:column;align-items:stretch}.admin-btn-paste{justify-content:center;width:100%}.admin-action-buttons{flex-direction:column;align-items:stretch}.admin-btn-save-key,.admin-btn-test-api{justify-content:center;width:100%}.admin-connection-result-panel{flex-direction:column;align-items:flex-start}}@media (width<=480px){.admin-sidebar-nav{grid-template-columns:1fr}}.mobile-filter-select-card{box-sizing:border-box;background:#fff;border:1.5px solid #eae5d9;border-radius:16px;width:100%;margin-bottom:16px;padding:12px 14px;display:none;box-shadow:0 2px 10px #4b463f0a}.mobile-filter-select-label{color:#4c5c4a;letter-spacing:.2px;align-items:center;gap:7px;margin-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.mobile-filter-select-label svg{color:#3e6336;flex-shrink:0}.mobile-filter-select-wrap{width:100%;position:relative}.mobile-custom-select{appearance:none;color:#2d3a2c;cursor:pointer;box-sizing:border-box;background:#fdfcf9;border:1.5px solid #d8d2c4;border-radius:12px;outline:none;width:100%;padding:11px 40px 11px 14px;font-size:.92rem;font-weight:600;line-height:1.3;transition:all .2s}.mobile-custom-select:focus{background:#fff;border-color:#3e6336;box-shadow:0 0 0 3px #3e633626}.mobile-select-arrow{pointer-events:none;color:#556653;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}select,input,textarea{box-sizing:border-box!important;max-width:100%!important}.custom-dropdown-card{box-sizing:border-box;background:#fff;border:1.5px solid #eae5d9;border-radius:16px;width:100%;max-width:100%;margin-bottom:16px;padding:12px 14px;display:none;box-shadow:0 2px 10px #4b463f0a}.custom-dropdown-label{color:#4c5c4a;letter-spacing:.2px;align-items:center;gap:7px;margin-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.custom-dropdown-label-icon svg{color:#3e6336;flex-shrink:0}.custom-dropdown-box{box-sizing:border-box;width:100%;max-width:100%;position:relative}.custom-dropdown-trigger{box-sizing:border-box;cursor:pointer;text-align:left;background:#fdfcf9;border:1.5px solid #d8d2c4;border-radius:12px;outline:none;align-items:center;gap:10px;width:100%;max-width:100%;padding:10px 14px;transition:all .2s;display:flex;overflow:hidden}.custom-dropdown-trigger:hover,.custom-dropdown-box.open .custom-dropdown-trigger{background:#fff;border-color:#3e6336;box-shadow:0 0 0 3px #3e63361f}.custom-dropdown-current-icon{color:#3e6336;flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-dropdown-current-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.custom-dropdown-current-tag{color:#556653;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;line-height:1;overflow:hidden}.custom-dropdown-current-title{color:#2d3a2c;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;line-height:1.25;overflow:hidden}.custom-dropdown-arrow{color:#7b8a78;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.custom-dropdown-box.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-menu{box-sizing:border-box;z-index:1000;background:#fff;border:1.5px solid #d8d2c4;border-radius:14px;width:100%;max-width:100%;max-height:280px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) dropdownSlideIn;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 30px #322d2626}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-box.open .custom-dropdown-menu{display:block}.custom-dropdown-item{cursor:pointer;box-sizing:border-box;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:100%;padding:9px 12px;transition:background .15s;display:flex;overflow:hidden}.custom-dropdown-item:hover{background:#f4f8f2}.custom-dropdown-item.selected{background:#ebf4e8}.custom-dropdown-item-icon{color:#3e6336;flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-dropdown-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.custom-dropdown-item-tag{color:#6c7d68;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.custom-dropdown-item-title{color:#2d3a2c;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;line-height:1.25;overflow:hidden}.custom-dropdown-item.selected .custom-dropdown-item-title{color:#284422;font-weight:700}.custom-dropdown-item-check{color:#3e6336;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=768px){.mobile-filter-select-card,.custom-dropdown-card{display:block!important}.ref-features-row,.daily-plan-filters-row,.pantry-category-pills,.kitchen-filter-section-row .kitchen-pills-scroll-wrap,.kitchen-filter-section-row .kitchen-filter-row-label,.family-tabs-bar,.kids-filter-pills-row .kids-filter-pill,.kids-explore-toolbar-right .kids-filter-dropdown-select,.admin-tabs-row{display:none!important}.ref-ingredients-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding-bottom:0!important;display:grid!important;overflow-x:visible!important}.ref-ingredient-card{width:100%!important;min-width:0!important;max-width:none!important;padding:10px 6px!important}.ref-ing-illustration{width:38px!important;height:38px!important}.ref-ing-illustration svg{width:32px!important;height:32px!important}.ref-ing-name{font-size:.78rem!important}.ref-ing-qty{font-size:.72rem!important}main.app-main{min-height:auto!important;padding-bottom:0!important}.home-reference-canvas{padding-top:10px!important;padding-bottom:12px!important}.app-footer{padding-top:24px!important;padding-bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px) + 20px)!important;margin-top:16px!important}}@media (width<=480px){.ref-ingredients-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}