.CookieSettingsModal_overlay__wxC7F{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.CookieSettingsModal_modal__G1IX2{background-color:#f5f3ef;background-color:var(--background-color,#f5f3ef);border:1px solid #e8e4dc;border:1px solid var(--border-color,#e8e4dc);border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;font-family:Roboto,sans-serif;max-height:90vh;max-width:660px;overflow:hidden;width:100%}.CookieSettingsModal_header__aL4xR{align-items:center;border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--border-color,#e8e4dc);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.CookieSettingsModal_headerTitle__wyWIe{align-items:center;display:flex;gap:.625rem}.CookieSettingsModal_headerIcon__VsrvH{color:#10b981;color:var(--lp-emerald,#10b981);font-size:1.25rem}.CookieSettingsModal_title__dU38U{color:#0d1f17;color:var(--header-text-color,#0d1f17);font-size:1.15rem;font-weight:700;margin:0}.CookieSettingsModal_closeBtn__aNMzz{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--secondary-text-color,#6b7280);cursor:pointer;font-size:1.6rem;line-height:1;padding:.25rem .5rem;transition:background-color .15s ease,color .15s ease}.CookieSettingsModal_closeBtn__aNMzz:hover{background-color:#e8e4dc;background-color:var(--panel-background,#e8e4dc);color:#0d1f17;color:var(--header-text-color,#0d1f17)}.CookieSettingsModal_closeBtn__aNMzz:focus-visible{outline:3px solid #10b981;outline:3px solid var(--lp-emerald,#10b981);outline-offset:2px}.CookieSettingsModal_intro__hR4LT{flex-shrink:0;padding:1rem 1.5rem .75rem}.CookieSettingsModal_intro__hR4LT p{color:#6b7280;color:var(--secondary-text-color,#6b7280);font-size:.9rem;line-height:1.55;margin:0}.CookieSettingsModal_categoryList__M-dfJ{flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.CookieSettingsModal_categoryRow__CIYJc{align-items:flex-start;border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--border-color,#e8e4dc);display:flex;gap:1.25rem;justify-content:space-between;padding:1.1rem 0}.CookieSettingsModal_categoryRow__CIYJc:last-child{border-bottom:none}.CookieSettingsModal_categoryInfo__-\+juf{flex:1 1 auto}.CookieSettingsModal_categoryHeader__uKUko{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}.CookieSettingsModal_categoryIcon__vUGdX{color:#10b981;color:var(--lp-emerald,#10b981);flex-shrink:0;font-size:.95rem}.CookieSettingsModal_categoryLabel__pqLnH{color:#0d1f17;color:var(--header-text-color,#0d1f17);font-size:.95rem;font-weight:600}.CookieSettingsModal_alwaysOnBadge__UrHGm{background-color:#10b9811a;border:1px solid #10b9814d;border-radius:20px;color:#10b981;color:var(--lp-emerald,#10b981);font-size:.72rem;font-weight:600;padding:.15rem .55rem;white-space:nowrap}.CookieSettingsModal_categoryDesc__\+dT7k{color:#6b7280;color:var(--secondary-text-color,#6b7280);font-size:.84rem;line-height:1.5;margin:0}.CookieSettingsModal_toggleWrapper__QGJc6{flex-shrink:0;padding-top:.1rem}.CookieSettingsModal_toggle__024ek{align-items:center;border:none;border-radius:13px;cursor:pointer;display:inline-flex;height:26px;padding:0;position:relative;transition:background-color .2s ease;width:48px}.CookieSettingsModal_toggleOn__PabA6{background-color:#10b981;background-color:var(--lp-emerald,#10b981)}.CookieSettingsModal_toggleOff__EKo0F{background-color:#d1cdc4;background-color:var(--border-color,#d1cdc4)}.CookieSettingsModal_toggleLocked__D7NcF{cursor:not-allowed;opacity:.75}.CookieSettingsModal_toggle__024ek:focus-visible{outline:3px solid #10b981;outline:3px solid var(--lp-emerald,#10b981);outline-offset:3px}.CookieSettingsModal_toggleThumb__UbJO5{background-color:#fff;border-radius:50%;box-shadow:0 1px 4px #00000040;height:20px;left:3px;position:absolute;transition:transform .2s ease;width:20px}.CookieSettingsModal_toggleOn__PabA6 .CookieSettingsModal_toggleThumb__UbJO5{transform:translateX(22px)}.CookieSettingsModal_toggleOff__EKo0F .CookieSettingsModal_toggleThumb__UbJO5{transform:translateX(0)}.dark-mode .CookieSettingsModal_toggleOn__PabA6{background-color:#6252e1}.dark-mode .CookieSettingsModal_toggleOff__EKo0F{background-color:#444}.dark-mode .CookieSettingsModal_alwaysOnBadge__UrHGm{background-color:#6252e126;border-color:#6252e159;color:#af99e5}.dark-mode .CookieSettingsModal_categoryIcon__vUGdX,.dark-mode .CookieSettingsModal_headerIcon__VsrvH{color:#af99e5}.CookieSettingsModal_srOnly__yZxjN{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.CookieSettingsModal_footer__1urX7{border-top:1px solid #e8e4dc;border-top:1px solid var(--border-color,#e8e4dc);display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1.1rem 1.5rem}.CookieSettingsModal_primaryActions__xWrC7{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.CookieSettingsModal_btn__0QK40{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;justify-content:center;padding:.6rem 1.1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.CookieSettingsModal_btn__0QK40:focus-visible{outline:3px solid #10b981;outline:3px solid var(--lp-emerald,#10b981);outline-offset:3px}.CookieSettingsModal_btnOutline__R-jZO{background-color:initial;border-color:#d1cdc4;border-color:var(--border-color,#d1cdc4);color:#0d1f17;color:var(--header-text-color,#0d1f17)}.CookieSettingsModal_btnOutline__R-jZO:hover{background-color:#e8e4dc;background-color:var(--panel-background,#e8e4dc);border-color:#6b7280;border-color:var(--secondary-text-color,#6b7280)}.CookieSettingsModal_btnFilled__ooZN9{background-color:#10b981;background-color:var(--lp-emerald,#10b981);border-color:#10b981;border-color:var(--lp-emerald,#10b981);color:#fff}.CookieSettingsModal_btnFilled__ooZN9:hover{background-color:#0d9668;border-color:#0d9668}.CookieSettingsModal_btnSave__oaIKP{background-color:#0d1f17;background-color:var(--header-text-color,#0d1f17);border-color:#0d1f17;border-color:var(--header-text-color,#0d1f17);color:#fff;margin-left:auto}.CookieSettingsModal_primaryActions__xWrC7 .btnPersist{margin-left:auto}.CookieSettingsModal_btnSave__oaIKP:hover{opacity:.85}.dark-mode .CookieSettingsModal_btnFilled__ooZN9{background-color:#6252e1;border-color:#6252e1}.dark-mode .CookieSettingsModal_btnFilled__ooZN9:hover{background-color:#5847da;border-color:#5847da}.dark-mode .CookieSettingsModal_btnSave__oaIKP{background-color:#6252e1;border-color:#6252e1}.dark-mode .CookieSettingsModal_btnSave__oaIKP:hover{background-color:#5847da}.dark-mode .CookieSettingsModal_btnOutline__R-jZO{color:var(--text-color)}.CookieSettingsModal_withdrawBtn__6hlr8{background:none;border:none;color:#6b7280;color:var(--secondary-text-color,#6b7280);cursor:pointer;font-family:inherit;font-size:.8rem;padding:0;text-align:left;text-decoration:underline;transition:color .2s ease}.CookieSettingsModal_withdrawBtn__6hlr8:hover{color:#d32f2f;color:var(--error-color,#d32f2f)}.CookieSettingsModal_withdrawBtn__6hlr8:focus-visible{border-radius:2px;outline:2px solid #d32f2f;outline:2px solid var(--error-color,#d32f2f);outline-offset:2px}@media (max-width:540px){.CookieSettingsModal_modal__G1IX2{align-self:flex-end;border-radius:12px 12px 0 0;margin-bottom:0;max-height:95vh}.CookieSettingsModal_overlay__wxC7F{align-items:flex-end;padding:0}.CookieSettingsModal_primaryActions__xWrC7{align-items:stretch;flex-direction:column}.CookieSettingsModal_btn__0QK40{padding:.75rem 1rem;width:100%}.CookieSettingsModal_btnSave__oaIKP{margin-left:0}}@media (prefers-reduced-motion:reduce){.CookieSettingsModal_btn__0QK40,.CookieSettingsModal_closeBtn__aNMzz,.CookieSettingsModal_toggleThumb__UbJO5,.CookieSettingsModal_toggle__024ek{transition:none}}.CookieBanner_banner__ZA8i6{background-color:#e8e4dc;background-color:var(--panel-background,#e8e4dc);border-top:2px solid #d1cdc4;border-top:2px solid var(--border-color,#d1cdc4);bottom:0;box-shadow:0 -4px 24px #0000001f;font-family:Roboto,sans-serif;left:0;padding:1.25rem 1.5rem;position:fixed;right:0;z-index:9999}.CookieBanner_inner__gVw4p{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 auto;max-width:1200px}.CookieBanner_textBlock__-LCdr{align-items:flex-start;display:flex;flex:1 1 320px;gap:.875rem}.CookieBanner_icon__j-yu5{color:#10b981;color:var(--lp-emerald,#10b981);flex-shrink:0;font-size:1.75rem;margin-top:.1rem}.CookieBanner_title__VBTh0{color:#0d1f17;color:var(--header-text-color,#0d1f17);font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:.3rem}.CookieBanner_description__ExMqu{color:#6b7280;color:var(--secondary-text-color,#6b7280);font-size:.875rem;line-height:1.5;margin:0}.CookieBanner_privacyLink__xW8oM{color:#10b981;color:var(--lp-emerald,#10b981);text-decoration:underline;white-space:nowrap}.CookieBanner_privacyLink__xW8oM:focus-visible,.CookieBanner_privacyLink__xW8oM:hover{border-radius:2px;opacity:.8;outline:2px solid #10b981;outline:2px solid var(--lp-emerald,#10b981);outline-offset:2px}.CookieBanner_actions__0bmfD{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.CookieBanner_btn__ca1zh{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;line-height:1;min-width:120px;padding:.6rem 1.25rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.CookieBanner_btn__ca1zh:focus-visible{outline:3px solid #10b981;outline:3px solid var(--lp-emerald,#10b981);outline-offset:3px}.CookieBanner_btnSecondary__jL9O9{background-color:initial;border-color:#d1cdc4;border-color:var(--border-color,#d1cdc4);color:#0d1f17;color:var(--header-text-color,#0d1f17)}.CookieBanner_btnSecondary__jL9O9:hover{background-color:#f5f3ef;background-color:var(--background-color,#f5f3ef);border-color:#6b7280;border-color:var(--secondary-text-color,#6b7280)}.CookieBanner_btnPrimary__h4zTe{background-color:#10b981;background-color:var(--lp-emerald,#10b981);border-color:#10b981;border-color:var(--lp-emerald,#10b981);color:#fff}.CookieBanner_btnPrimary__h4zTe:hover{background-color:#0d9668;border-color:#0d9668}.dark-mode .CookieBanner_btnPrimary__h4zTe{background-color:#6252e1;border-color:#6252e1}.dark-mode .CookieBanner_btnPrimary__h4zTe:hover{background-color:#5847da;border-color:#5847da}.dark-mode .CookieBanner_btnSecondary__jL9O9{border-color:#444;color:#b4bcca}.dark-mode .CookieBanner_btnSecondary__jL9O9:hover{background-color:#2c2c2c}.CookieBanner_customiseBtn__TyXBT{background:none;border:none;color:#6b7280;color:var(--secondary-text-color,#6b7280);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.4rem 0;text-decoration:underline;transition:color .2s ease;white-space:nowrap}.CookieBanner_customiseBtn__TyXBT:hover{color:#0d1f17;color:var(--header-text-color,#0d1f17)}.CookieBanner_customiseBtn__TyXBT:focus-visible{border-radius:2px;outline:2px solid #10b981;outline:2px solid var(--lp-emerald,#10b981);outline-offset:2px}@media (max-width:640px){.CookieBanner_banner__ZA8i6{padding:1rem}.CookieBanner_inner__gVw4p{align-items:stretch;flex-direction:column;gap:1rem}.CookieBanner_actions__0bmfD{flex-direction:column;width:100%}.CookieBanner_btn__ca1zh{font-size:.95rem;padding:.75rem 1rem;width:100%}.CookieBanner_customiseBtn__TyXBT{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.CookieBanner_btn__ca1zh,.CookieBanner_customiseBtn__TyXBT,.CookieBanner_privacyLink__xW8oM{transition:none}}.groceryListContainer{color:#e5e5e5;position:relative}.contentContainer{transition:all .3s ease-in-out}.leftPanelFlipContainer{perspective:1200px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.leftPanelFlipInner{position:relative;transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.68,-.15,.32,1.15)}.leftPanelFlipInner.flipped{transform:rotateY(180deg)}.leftPanelBack,.leftPanelFront{align-items:stretch;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;height:100%;left:0;padding:15px;position:absolute;top:0;width:100%}.leftPanelFront{background:#1a1631;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 40px #0000004d;scroll-behavior:smooth;scrollbar-width:none;transform:rotateY(0deg)}.leftPanelFront:before{background-image:var(--grocery-bg);background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:40%;left:0;opacity:.15;pointer-events:none;position:absolute;right:0;z-index:0}.leftPanelFront::-webkit-scrollbar{display:none}.leftPanelBack{background:#1a1631;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 40px #0000004d;transform:rotateY(180deg)}.leftPanelBack h2{margin:24px 0 32px}.leftPanelBack h2,.leftPanelFront h2{color:#fff;font-size:1.1em;font-weight:800;letter-spacing:3px;opacity:.9;text-align:center;text-transform:uppercase}.leftPanelFront h2{align-items:center;display:flex;height:32px;justify-content:center;margin:0 0 1.5rem;padding:0;position:relative;z-index:1}.hidden{flex:0 0!important;height:0!important;margin:0!important;max-height:0!important;opacity:0;overflow:hidden;transition:all .3s ease;width:0!important}.fullWidth{transition:all .3s ease-in-out;width:100%}.newListFooterBtn{align-items:center;background:#1a1631;border:1px dashed #ffffff1f;border-radius:12px;bottom:8px;color:#ffffff59;cursor:pointer;display:flex;flex-shrink:0;font-size:.78em;font-weight:600;gap:8px;justify-content:center;letter-spacing:1.5px;margin:1.5rem 12px 12px;padding:11px 0;position:-webkit-sticky;position:sticky;text-transform:uppercase;transition:all .2s ease;width:calc(100% - 24px);z-index:2}.newListFooterBtn:hover{background:#10b9811a;border-color:#10b98166;border-style:solid;color:#6ee7b7}.newListFooterBtn:active{transform:scale(.98)}.newListIcon{font-size:.9em}.groceryListItems{gap:10px;padding:0 12px 8px;text-transform:capitalize}.groceryListItems,.listSection{display:flex;flex-direction:column;position:relative}.listSection{gap:8px;margin-bottom:4px}.listSectionHeader{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:none;box-shadow:none;color:#ffffff80;display:flex;font-size:.7em;font-weight:700;gap:8px;letter-spacing:1.5px;margin:8px 0 0 4px;padding:0;text-transform:uppercase}.sectionIcon{color:inherit;font-size:1em;opacity:.8}.groceryListItem{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;margin-bottom:0;min-height:3.25rem;padding:12px 16px;position:relative;transition:all .2s ease}.groceryListItem:hover{background:#ffffff0d;color:#ffffffe6}.groceryListItem:active{transform:scale(.98)}.selected{background:#ffffff1a!important;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0000001a;color:#fff!important;font-weight:600}.selected:before{background:#6366f1;background:var(--primary-color,#6366f1);border-radius:0 4px 4px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.listName{flex:1 1}.arrowContainer{align-items:center;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:2}.groceryListItem:hover .arrowContainer,.selected .arrowContainer{opacity:1}.arrowIcon{color:#fff6;font-size:.7em;transition:all .2s ease}.arrowContainer:hover{background:#ffffff1a}.arrowContainer:hover .arrowIcon{color:#fff}.backPanelButtons{align-items:center;display:flex;gap:8px;justify-content:center;margin:0 auto 24px}.backButton{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;font-size:.8em;font-weight:600;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .2s ease}.backButton:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.backButton:active{transform:scale(.98)}.editListButton{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:12px;color:#a5b4fc;cursor:pointer;display:flex;font-size:.8em;font-weight:600;gap:6px;letter-spacing:1px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.editListButton:hover{background:#6366f14d;border-color:#6366f180;color:#c7d2fe}.editListButton:active{transform:scale(.98)}.mealsList{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:8px 12px}.mealsList li{margin:0;padding:0}.mealLink{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;color:#ffffffb3;display:block;font-size:.9em;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mealLink:hover{background:#ffffff14;border-color:#ffffff1a;color:#fff}.groceryListContainer .ingredientsPanel{border-radius:16px;padding:28px 32px}.groceryListContainer .ingredientsPanel,.rightNavPanel{background:#1a1631;border:1px solid #ffffff0d;box-shadow:0 10px 40px #0000004d;position:relative}.rightNavPanel{align-items:stretch;border-left:none;border-radius:0 16px 16px 0;margin-left:0;padding:20px 10px 20px 8px;z-index:10}.groceryListNameContainer{align-items:center;border-bottom:none;display:grid;grid-template-columns:minmax(0,1fr);margin:8px 0;padding-bottom:0;position:relative}.groceryListContainer .ingredientsPanel h2.groceryListName,.groceryListName{border-bottom:none;color:#fff;font-size:1.5em;font-weight:600;grid-area:1/1;letter-spacing:.5px;line-height:1.15;margin:0;max-width:100%;min-width:0;overflow:hidden;padding:0 4.75rem;text-align:center;text-overflow:ellipsis;text-transform:capitalize;width:100%}.totalCost{align-items:flex-end;align-self:center;background:none;border:none;display:flex;flex-direction:column;gap:1px;grid-area:1/1;justify-content:center;justify-self:end;line-height:1.05;padding:0;pointer-events:none;position:static;right:auto;text-align:right;top:auto;transform:none}.totalCostLabel{color:#ffffff6b;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.totalCostAmount{font-feature-settings:"tnum";color:#86efac;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em}.totalCost:after{display:none}.ingredientGroup{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:24px;max-width:100%;min-width:0;overflow:hidden}.ingredientGroup h3{align-items:center;border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:1em;font-weight:600;gap:10px;letter-spacing:.3px;margin:0;padding:14px 20px;width:auto}.snack-header{background-color:#ff8c00!important}.snack-header,.snack-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.snack-ingredientHeader{background:linear-gradient(180deg,#ff8c00,#ffa040 80%,#ffb733)!important}.fruit-header{background-color:#ff8c00!important}.fruit-header,.fruit-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.fruit-ingredientHeader{background:linear-gradient(180deg,#ff8c00,#ffa040 80%,#ffb733)!important}.dairy-header{background-color:#4fc3f7!important}.dairy-header,.dairy-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.dairy-ingredientHeader{background:linear-gradient(180deg,#4fc3f7,#73d4fc 80%,#a5e2ff)!important}.flask-header{background-color:#ba55d3!important}.flask-header,.flask-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.flask-ingredientHeader{background:linear-gradient(180deg,#ba55d3,#c77ee0 80%,#d4a8f0)!important}.vegetable-header{background-color:#50c878!important}.vegetable-header,.vegetable-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.vegetable-ingredientHeader{background:linear-gradient(180deg,#50c878,#6edc8b 80%,#8cf0a5)!important}.grain-header{background-color:#8b6e58!important}.grain-header,.grain-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.grain-ingredientHeader{background:linear-gradient(180deg,#8b6e58,#a38c6f 80%,#bba488)!important}.meat-header{background-color:#f06292!important}.meat-header,.meat-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.meat-ingredientHeader{background:linear-gradient(180deg,#f06292,#f483a9 80%,#f7a5c0)!important}.processed-header{background-color:#9e9e9e!important}.processed-header,.processed-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.processed-ingredientHeader{background:linear-gradient(180deg,#9e9e9e,#b0b0b0 80%,#c2c2c2)!important}.spice-header{background-color:peru!important}.spice-header,.spice-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.spice-ingredientHeader{background:linear-gradient(180deg,peru,#d99f5c 80%,#e5b979)!important}.other-header{background-color:#b0b0b0!important}.other-header,.other-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.other-ingredientHeader{background:linear-gradient(180deg,#b0b0b0,#c2c2c2 80%,#d4d4d4)!important}.extras-header{background-color:#9370db!important}.extras-header,.extras-ingredientHeader{color:#fff!important;text-shadow:1px 1px 0 #00000080!important}.extras-ingredientHeader{background:linear-gradient(180deg,#9370db,#a58adf 80%,#b8a2e3)!important}.ingredientHeader{border:none;color:#fff9;font-size:.8em;font-weight:500;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase}.ingredientHeader,.ingredientItem{grid-gap:12px;align-items:center;background:#0000;display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);min-width:0}.ingredientItem{border-bottom:1px solid #ffffff0d;border-radius:0;color:#ffffffe6;cursor:pointer;font-size:.95em;font-weight:400;margin:0;padding:14px 20px;text-transform:capitalize;transition:background .2s ease}.ingredientItem:hover{background:#ffffff0a}.ingredientItem:nth-child(odd){background:hsla(0,0%,100%,.015)}.ingredientItem:nth-child(2n){background:#0000}.ingredientItem:last-child{border-bottom:none;border-radius:0 0 12px 12px}.selectedIngredient{background-color:#4caf5014!important;border-left:3px solid #4caf5099;color:#ffffff73;text-decoration:line-through}.selectedIngredient .ingredientName,.selectedIngredient .ingredientPrice,.selectedIngredient .ingredientQuantity,.selectedIngredient .ingredientStore,.selectedIngredient .mealName{color:#ffffff73!important;text-decoration:line-through}.ingredientNameCondensed{align-items:center;color:inherit;display:flex;font-size:inherit;font-weight:400;gap:8px;line-height:1.25;min-width:0;overflow:hidden}.groceryListContainer .ingredientItem .mealName,.ingredientName,.mealName{align-self:center;color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:400;line-height:1.25;margin:0;min-width:0;overflow:hidden;padding:0;text-align:left}.groceryListContainer .ingredientItem .mealName{color:#ffffffe6}.ingredientPrice,.ingredientQuantity,.ingredientStore{color:inherit;font-size:inherit;font-weight:400;text-align:left}.ingredientNameHeader,.ingredientPriceHeader,.ingredientQuantityHeader,.ingredientStoreHeader{text-align:left}.ingredientGroup ul{color:#ccc;list-style:none;margin:0;padding:0}.noSelection{color:#ccc;margin-top:50px;text-align:center}.error,.loader,.noData{font-size:1.2em;text-align:center}.scrollableList::-webkit-scrollbar{display:none}.customScrollbar::-webkit-scrollbar{display:block;width:10px}.customScrollbar::-webkit-scrollbar-track{background:#3a3a3a;border-radius:5px}.customScrollbar::-webkit-scrollbar-thumb{background:#6a5acd;border-radius:5px}.customScrollbar::-webkit-scrollbar-thumb:hover{background:#7a67ee}.customScrollbar{scrollbar-color:#6a5acd #3a3a3a;scrollbar-width:thin}.eyeIcon{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 8px #00000026,inset 0 1px 0 #ffffff14;color:#ffffffb3;cursor:pointer;display:flex;font-size:1em;height:32px;justify-content:center;left:15px;position:absolute;top:15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:10}.eyeIcon:hover{background:#9370db33;border-color:#9370db4d;box-shadow:0 4px 15px #9370db40,0 2px 6px #00000026,inset 0 1px 0 #ffffff1f;color:#b8a2ff;transform:scale(1.08)}.eyeIcon:active{transform:scale(.95)}.loadingContainer{min-height:50vh}.loadingContainer,.noGroceryListsContainer{align-items:center;display:flex;justify-content:center}.noGroceryListsContainer{color:#ccc;flex-direction:column}.noGroceryListsAvailableImage{margin:0 auto;max-width:400px;width:100%}.createGroceryButton{background-color:var(--save-button-background);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.checkmarkIcon{align-items:center;align-self:center;display:flex;flex-shrink:0;font-size:.85rem;height:1.15em;justify-content:center;line-height:1;margin:0;transition:all .2s ease;width:1.15em}.checkmarkIcon svg{display:block;height:1em;width:1em}.checkmarkIcon.unchecked{color:#fff3}.checkmarkIcon.checked{color:#66bb6a}.checkmarkIcon.checked svg{color:#fff}.checkmarkIcon.hiddenCheckmark{display:inline-flex;visibility:hidden}.pantryIcon{color:#66bb6a;cursor:pointer;font-size:.75em;margin-left:10px;transition:all .2s ease}.pantryIcon:hover{transform:scale(1.2)}.removeIcon{color:#ff4d4d;cursor:pointer;font-size:.8em;margin-left:8px;transition:color .3s ease}.removeIcon:hover{color:#ff1a1a;transform:scale(1.2)}.filtersAndActionsContainer{align-items:center;border-bottom:1px solid #ffffff0f;container-name:grocery-toolbar;container-type:inline-size;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:24px;min-width:0;padding-bottom:16px}.filterButtons{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:2px;min-width:0;padding:3px}.actionButtons{flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-left:auto;min-width:0;position:relative}.groceryListContainer .filterButtons .viewToggleIcon{background:#0000;border:none;border-radius:9px;transition:background .2s ease,color .2s ease}.groceryListContainer .filterButtons .viewToggleIcon,.viewToggleIcon{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;gap:8px;height:42px;justify-content:center;min-width:42px;padding:0 12px;position:relative}.viewToggleIcon{background:#ffffff0f;border:1px solid #ffffff14}.viewToggleIcon,.viewToggleIconButton{border-radius:10px;transition:all .2s ease}.viewToggleIconButton{align-items:center;background:#4caf5033;border:1px solid #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:42px;justify-content:center;min-width:42px;padding:8px 12px;position:relative}.btnIcons{align-items:center;display:flex;gap:3px}.actionLabel,.toggleLabel{font-size:.8rem;font-weight:600;line-height:1;white-space:nowrap}.viewToggleIconButton:hover{background:#4caf504d;transform:translateY(-1px)}.viewToggleIcon:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff}.groceryListContainer .filterButtons .viewToggleIcon:hover{background:#ffffff14;border-color:#0000;color:#fff;transform:none}.activeToggle{background:#6366f133;border-color:#6366f166;color:#818cf8}.groceryListContainer .filterButtons .viewToggleIcon.activeToggle{background:#6366f147;border-color:#0000;color:#a5b4fc}.ingredientHeader.twoColumns,.ingredientItem.twoColumns{align-items:center;grid-template-columns:1.15em minmax(0,1fr) minmax(0,1fr)}.ingredientHeader.storeColumns,.ingredientItem.storeColumns{align-items:center;grid-template-columns:1.15em minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)}.checkmarkCol{width:1.15em}.ingredientHeader.condensed,.ingredientItem.condensed{grid-template-columns:1.15em minmax(0,1fr) minmax(0,1fr)}.ingredientHeader.condensed .ingredientQuantityHeader,.ingredientItem.condensed .ingredientQuantity{text-align:left}.notificationBubble{align-items:center;background-color:#ef4444;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.mobileActionBar{background-color:#333;bottom:0;box-shadow:0 -2px 5px #0003;display:flex;justify-content:space-around;left:0;padding:10px;position:fixed;width:100%;z-index:100}.mobileActionBar .resetButton,.mobileActionBar .viewToggleIconButton{flex-direction:column;gap:4px;height:auto;padding:6px 10px}.mobileActionBar .actionLabel{font-size:.65rem}.undoToast{align-items:center;animation:fadeIn .2s ease-in-out;background:linear-gradient(145deg,#2d2d45,#222235);border:1px solid #ffffff1f;border-radius:10px;bottom:20px;box-shadow:0 8px 24px #0006;color:#fff;display:flex;gap:14px;left:20px;padding:12px 16px;position:fixed;z-index:1600}.undoToastText{font-size:.9rem}.undoButton{background:#6366f140;border:1px solid #6366f180;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:6px 14px;transition:background .2s ease}.undoButton:hover{background:#6366f166}.ingredientNameCondensed{text-align:left}.selectedMealBreakdown{background-color:#19502380!important;border-left:4px solid #28a745;color:#aaa;text-decoration:line-through}.selectedMealBreakdown .ingredientName,.selectedMealBreakdown .ingredientPrice,.selectedMealBreakdown .ingredientQuantity,.selectedMealBreakdown .ingredientStore,.selectedMealBreakdown .mealName{color:#aaa!important;text-decoration:line-through}.desktopOnly{display:flex}.mobileOnly{display:none}.pantryGroup{display:flex;flex-direction:column;gap:10px}.pantryGroupTitle{color:#fffffff2;font-size:1rem;font-weight:600;margin:0}.pantryItemTable{border:1px solid #ffffff14;border-collapse:initial;border-radius:12px;border-spacing:0;max-width:100%;overflow:hidden;width:100%}.pantryItemTable th{background:#ffffff0f;border-bottom:1px solid #ffffff14;color:#ffffffe6;font-size:.85rem;font-weight:600;padding:12px 14px;text-align:left}.pantryItemTable td{border-bottom:1px solid #ffffff0f;color:#ffffffd9;font-size:.9rem;padding:12px 14px;transition:background-color .15s ease}.pantryItemTable tr:nth-child(odd) td{background-color:#ffffff05}.pantryItemTable tr:nth-child(2n) td{background-color:#ffffff0a}.pantryItemTable tr:hover td{background-color:#4f46e51f}.pantryItemTable tr:last-child td{border-bottom:none}.expired{color:#ff5252}.expired,.expiringSoon{align-items:center;display:flex;font-weight:600;gap:6px}.expiringSoon{color:#ffa726}.expiringThisWeek{color:#ffcc80}.expiringThisWeek,.notExpiringSoon{align-items:center;display:flex;gap:6px}.notExpiringSoon{color:#66bb6a}.categoryNavContainer{flex-direction:column;flex-wrap:nowrap;gap:8px;margin-bottom:0;padding:0}.categoryNavButton,.categoryNavContainer{display:flex;justify-content:flex-start;width:100%}.categoryNavButton{align-items:center;background-color:var(--purple-border);border:none;border-radius:0 20px 20px 0;box-shadow:2px 2px 5px #0003;color:var(--button-text-color);cursor:pointer;font-size:.9rem;gap:12px;min-width:0;padding:8px 12px;text-align:left;transition:all .2s ease}.categoryNavLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categoryNavButton:hover{background-color:var(--icon-selection-hover);color:#fff}.categoryNavButton:active{transform:translateX(0)}.resetButton{align-items:center;background:#4caf5033;border:1px solid #4caf504d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:42px;justify-content:center;min-width:42px;padding:8px 12px;position:relative;transition:all .2s ease}.resetButton:hover{background:#4caf504d;transform:translateY(-1px)}.calendarListItem{background:#6366f11a!important;border:1px solid #6366f133!important;box-shadow:none!important;overflow:hidden;position:relative}.calendarListItem:hover{background:#6366f126!important;border-color:#6366f14d!important}.calendarListItem.selected{background:#6366f133!important;border-color:#6366f166!important}.calendarListItem.selected:before{background:#818cf8!important}.calendarNameContainer{align-items:center;display:flex;flex-direction:row;gap:14px;position:relative;z-index:1}.calendarIcon{color:#818cf8;flex-shrink:0;font-size:18px;margin:0}.calendarTextContainer{display:flex;flex-direction:column;gap:1px;justify-content:center;min-height:0}.calendarTitle{color:#e0e7ff;font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1.2}.calendarDate{color:#a5b4fc;font-size:11px;font-weight:500;letter-spacing:.3px;line-height:1.2;opacity:.85}.noMealsContainer{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:2px dashed #fff3;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 40px;text-align:center}.noMealsIcon{color:#3b82f6;color:var(--primary-color,#3b82f6);margin-bottom:24px;opacity:.7}.noMealsTitle{color:var(--header-text-color);font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px}.noMealsMessage{color:var(--text-color);font-size:1rem;line-height:1.5;margin:0 0 32px;max-width:500px;opacity:.9}.goToCalendarButton{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color,#3b82f6),#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:14px 28px;transition:all .3s ease}.goToCalendarButton:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.goToCalendarButton:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.purchaseUnits{background:#4caf5033;border:1px solid #4caf504d;border-radius:6px;color:#81c784;display:inline-block;font-size:.75em;font-weight:600;margin-left:8px;min-width:24px;padding:2px 8px;text-align:center;transition:all .2s ease}@container grocery-toolbar (max-width: 820px){.actionLabel,.toggleLabel{display:none}.filterButtons .viewToggleIcon,.resetButton,.viewToggleIconButton{gap:0;min-width:42px;padding:8px;width:42px}}@container workspace (min-width: 901px){.groceryListContainer .filtersAndActionsContainer,.groceryListContainer .groceryListNameContainer,.groceryListContainer .ingredientGroups{padding-right:9rem}}@container workspace (max-width: 1100px){.categoryNavButton{border-radius:10px;gap:0;justify-content:center;padding:8px}.resetButton,.viewToggleIcon,.viewToggleIconButton{gap:0;min-width:42px;padding:8px;width:42px}}@container workspace (min-width: 901px) and (max-width: 1100px){.groceryListContainer .filtersAndActionsContainer,.groceryListContainer .groceryListNameContainer,.groceryListContainer .ingredientGroups{padding-right:2.75rem}}@container workspace (max-width: 900px){.groceryListContainer .ingredientsPanel{border-radius:16px;padding:16px}.groceryListName{font-size:1.2em;padding:0 4.5rem}.totalCostLabel{font-size:.55rem;letter-spacing:.12em}.totalCostAmount{font-size:.85rem}.groceryListNameContainer{margin:0 0 8px;padding-bottom:0;padding-right:0}.filtersAndActionsContainer{margin-bottom:12px;padding-bottom:12px;padding-right:0}.ingredientGroups{padding-right:0}.groceryListContainer .ingredientHeader.storeColumns,.groceryListContainer .ingredientItem.storeColumns{align-items:center;column-gap:12px;grid-template-columns:1.15em minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;row-gap:6px}.groceryListContainer .ingredientHeader.storeColumns .checkmarkCol,.groceryListContainer .ingredientItem.storeColumns .checkmarkIcon{align-self:center;grid-column:1;grid-row:1/span 2}.groceryListContainer .ingredientHeader.storeColumns .mealNameHeader,.groceryListContainer .ingredientItem.storeColumns .mealName{grid-column:2;grid-row:1;min-width:0}.groceryListContainer .ingredientHeader.storeColumns .ingredientStoreHeader,.groceryListContainer .ingredientItem.storeColumns .ingredientStore{grid-column:2;grid-row:2;min-width:0}.groceryListContainer .ingredientHeader.storeColumns .ingredientNameHeader,.groceryListContainer .ingredientHeader.storeColumns .ingredientPriceHeader,.groceryListContainer .ingredientItem.storeColumns .ingredientName,.groceryListContainer .ingredientItem.storeColumns .ingredientPrice{grid-column:3;justify-self:stretch;margin-left:0;min-width:0;padding-left:0;text-align:left}.groceryListContainer .ingredientHeader.storeColumns .ingredientNameHeader,.groceryListContainer .ingredientItem.storeColumns .ingredientName{grid-row:1}.groceryListContainer .ingredientHeader.storeColumns .ingredientPriceHeader,.groceryListContainer .ingredientItem.storeColumns .ingredientPrice{grid-row:2}}@container workspace (max-width: 520px){.filterButtons .viewToggleIcon,.resetButton,.viewToggleIcon,.viewToggleIconButton{height:36px;min-width:36px;padding:6px;width:36px}.filtersAndActionsContainer{gap:6px}.actionButtons{gap:4px}}*,:after,:before{box-sizing:border-box}:root{--lp-forest:#0d1f17;--lp-forest-light:#1a3326;--lp-emerald:#10b981;--lp-emerald-glow:#10b98126;--lp-cream:#f5f3ef;--lp-cream-dark:#e8e4dc;--lp-gold:#d4a853;--lp-text:#1f2937;--lp-text-muted:#6b7280;--lp-white:#fff;--lp-black:#0a0a0a;--lp-gradient:linear-gradient(135deg,var(--lp-forest) 0%,var(--lp-forest-light) 100%);--secondary-color:var(--lp-gold);--background-color:var(--lp-cream);--inverse-background-color:var(--lp-black);--text-color:var(--lp-text);--text-muted:var(--lp-text-muted);--header-text-color:var(--lp-forest);--nav-background-color:var(--lp-forest);--nav-text-color:var(--lp-white);--button-background-color:var(--lp-emerald);--button-text-color:var(--lp-white);--button-hover-background-color:#0d9668;--border-color:var(--lp-cream-dark);--input-background-color:var(--lp-white);--input-text-color:var(--lp-text);--sidebar-background:var(--lp-cream);--navigation-text-color:var(--lp-text-muted);--navigation-header-text-color:var(--lp-emerald);--navigation-menu-selection:linear-gradient(180deg,#10b981,#0d9668);--navigation-menu-selection-hover:#0d9668;--user-sign-in-border:var(--lp-emerald);--primary-color:#6252e1;--nav-text-hover-color:#ccc;--transition-default:0.3s ease;--shadow-default:0 4px 6px -1px #0000001a;--modal-opacity:0.75;--purple-panel:var(--lp-gradient);--purple-border:#0d1f171a;--secondary-text-color:var(--lp-text-muted);--panel-background:var(--lp-cream-dark);--error-color:#d32f2f;--input-black-opacity-background:#fffc;--star-review-color:var(--lp-gold);--star-review-color-empty:var(--lp-cream-dark);--meal-selection-color:var(--lp-emerald-glow);--meal-selection-condensed-color:var(--lp-emerald);--addeditview-color:var(--lp-cream);--pill-button-color:var(--lp-text-muted);--pill-button-hover-color:var(--lp-forest);--pill-toggle-color:var(--lp-gradient);--bg-color:var(--background-color);--card-bg:var(--lp-white);--text-secondary:var(--text-muted);--shell-footer-gap:calc(1.5rem + env(safe-area-inset-bottom, 0px));--measure-prose:40rem;--measure-cluster:75rem;--measure-gallery:90rem;--card-min:16rem;color-scheme:light}.dark-mode{--background-color:#020817;--inverse-background-color:#fff;--text-color:#b4bcca;--text-muted:#999;--header-text-color:#fff;--nav-background-color:#000;--nav-text-color:#e0e0e0;--button-background-color:#333;--button-text-color:#e0e0e0;--button-hover-background-color:#555;--border-color:#444;--input-background-color:#2c2c2c;--input-text-color:#e0e0e0;--sidebar-background:#000;--navigation-text-color:#a0a0a0;--navigation-header-text-color:#af99e5;--navigation-menu-selection:linear-gradient(180deg,#6b5de7,#5745d9);--navigation-menu-selection-hover:#5745d9;--user-sign-in-border:#fff;--primary-color:#6252e1;--nav-text-hover-color:#ccc;--purple-panel:radial-gradient(circle,#59417b,#301c51);--purple-border:#6050df4d;--input-black-opacity-background:#00000080;--star-review-color:gold;--star-review-color-empty:#777;--meal-selection-color:#6b5de7;--meal-selection-condensed-color:#6b5de7;--submenu-menu-selection:linear-gradient(to bottom right,#e8cbff,#c9aeff,#a992ff,#8a77ff,#6b5de7);--secondary-text-color:#b0b0b0;--panel-background:#303030;--addeditview-color:#212121;--pill-button-color:#b7b7b7;--pill-button-hover-color:#fff;--pill-toggle-color:linear-gradient(to bottom right,#e8cbff,#c9aeff,#a992ff,#8a77ff,#6b5de7);--bg-color:var(--background-color);--card-bg:var(--panel-background);--text-secondary:var(--text-muted);color-scheme:dark}.btnPersist{align-items:center;background:#10b981;background:var(--lp-emerald,#10b981);border:1px solid #0d9668;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;height:38px;justify-content:center;letter-spacing:.02em;padding:0 22px;text-decoration:none;text-transform:none;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btnPersist:hover:not(:disabled){background:#0d9668;border-color:#047857;color:#fff}.btnPersist:active:not(:disabled){background:#047857;border-color:#047857}.btnPersist:focus-visible{outline:2px solid #34d399;outline-offset:2px}.btnPersist:disabled{cursor:not-allowed;opacity:.45}.btnPersist svg{flex-shrink:0;height:14px;width:14px}.btnPersist--block{width:100%}.btnPersist--grow{flex:1 1;min-width:0}.btnPersist--compact{font-size:.8rem;gap:6px;height:32px;padding:0 14px}.btnPersist--compact svg{height:12px;width:12px}.btnPersist--icon{gap:0;height:36px;padding:0;width:36px}.btnPersist--icon svg{height:14px;width:14px}.btnRow{align-items:stretch;display:flex;flex-wrap:wrap;gap:.75rem}.btnRow>a,.btnRow>button{flex:1 1;min-width:0}.btnDanger,.btnQuiet{align-items:center;border-radius:8px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;height:38px;justify-content:center;letter-spacing:.02em;padding:0 22px;text-decoration:none;text-transform:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.btnDanger svg,.btnQuiet svg{flex-shrink:0;height:14px;width:14px}.btnQuiet{background:#0000;border:1px solid #e8e4dc;border:1px solid var(--border-color,#fff3)}.btnQuiet,.btnQuiet:hover:not(:disabled){color:#0d1f17;color:var(--header-text-color,#fff)}.btnQuiet:hover:not(:disabled){background:color-mix(in srgb,#0d1f17 12%,#0000);background:color-mix(in srgb,var(--header-text-color,#fff) 12%,#0000);border-color:#0d1f17;border-color:var(--header-text-color,#fff)}.btnDanger{background:#dc2626;border:1px solid #b91c1c;color:#fff}.btnDanger:hover:not(:disabled){background:#b91c1c;border-color:#991b1b;color:#fff}.btnDanger:active:not(:disabled){background:#991b1b}.btnDanger:focus-visible,.btnQuiet:focus-visible{outline:2px solid #34d399;outline-offset:2px}.btnDanger:disabled,.btnQuiet:disabled{cursor:not-allowed;opacity:.45}.btnDanger.btnPersist--compact,.btnPersist.btnPersist--compact,.btnQuiet.btnPersist--compact{font-size:.8rem;gap:6px;height:32px;padding:0 14px}.btnDanger.btnPersist--compact svg,.btnPersist.btnPersist--compact svg,.btnQuiet.btnPersist--compact svg{height:12px;width:12px}.btnDanger.btnPersist--icon,.btnPersist.btnPersist--icon,.btnQuiet.btnPersist--icon{gap:0;height:36px;padding:0;width:36px}.btnRow>.btnPersist--icon{flex:0 0 36px;width:36px}.App,html:has(.App) body{background-color:#f5f3ef;background-color:var(--background-color);color:#1f2937;color:var(--text-color);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root,body,html{height:100%;margin:0}html:has(.App),html:has(.App) #root,html:has(.App) body{height:100dvh;overflow:hidden}.App{flex-direction:row;height:100dvh;position:relative;width:100%}.App,.App>.sidebar{display:flex;overflow:hidden}.App>.sidebar{background-color:#f5f3ef;background-color:var(--sidebar-background);box-sizing:border-box;color:#1f2937;color:var(--text-color);flex-direction:column;flex-shrink:0;height:100%;min-height:0;min-width:0;padding:20px 24px;transition:width .2s ease,transform .2s ease,padding .3s ease;width:16rem;z-index:20}.App>.sidebar.sidebarCollapsed{padding:20px 10px;width:4.5rem}.App>.sidebar.sidebarCollapsed .freshLogo,.App>.sidebar.sidebarCollapsed .navLink span,.App>.sidebar.sidebarCollapsed .sectionHeader,.App>.sidebar.sidebarCollapsed .versionDisplay{display:none}.content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:0}.nav-bar{align-items:center;background-color:#0d1f17;background-color:var(--nav-background-color);color:#fff;color:var(--nav-text-color);display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;min-width:0;padding:.75rem clamp(.75rem,2vw,2rem);transition:background-color .5s ease,padding .3s ease}.nav-bar--collapsed{padding-left:.35rem}.nav-bar__left-controls,.nav-bar__links{align-items:center;display:flex;min-width:0}.nav-bar__links{gap:.5rem;list-style:none;margin:0 0 0 auto;padding:0}.nav-bar__sidebar-toggle{align-items:center;background:none;border:none;color:#fff;color:var(--nav-text-color);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px}.nav-bar__sidebar-toggle:hover{color:#ccc;color:var(--nav-text-hover-color)}.nav-bar__item{margin-left:20px}.nav-bar__link{border-radius:4px;color:#fff;color:var(--nav-text-color);font-size:1rem;font-weight:700;padding:10px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-bar__link:hover{background-color:#2a2d36;color:#fff}.nav-bar__user{align-items:center;display:flex;gap:10px;position:relative}.nav-bar__user-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.nav-bar__user-button:hover{opacity:.8}.nav-bar__profile-pic{border:2px solid #10b981;border:2px solid var(--user-sign-in-border);border-radius:50%;height:36px;object-fit:cover;width:36px}.nav-bar__user-button:hover .nav-bar__profile-pic{border-color:#256aff}.nav-bar__user-menu{background:#f5f3ef;background:var(--background-color);border:1px solid #e8e4dc;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 6px 12px #00000040;flex-direction:column;gap:8px;margin-top:10px;min-width:180px;padding:10px;position:absolute;right:0;top:100%;z-index:100}.nav-bar__user-menu,.user-menu__item{color:#1f2937;color:var(--text-color);display:flex}.user-menu__item{align-items:center;border-radius:8px;font-weight:500;gap:10px;padding:10px 15px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.user-menu__item:hover{background-color:#0d9668;background-color:var(--navigation-menu-selection-hover);color:#0a0a0a;color:var(--inverse-background-color)}button.user-menu__item{background:none;border:none;cursor:pointer;font:inherit;text-align:left;width:100%}.nav-bar__notification{margin:0 20px;position:relative}.nav-bar__notification-button{align-items:center;background:none;border:none;color:#fff;color:var(--nav-text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative}.nav-bar__notification-button:hover{background-color:#2a2d36;color:#fff}.nav-bar__notification-panel{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #6b7280;border-radius:12px;box-shadow:0 6px 12px #00000026;color:#1f2937;max-width:min(320px,90vw);min-width:280px;padding:20px;position:absolute;right:0;top:100%;z-index:100}.nav-bar__notification-panel:before{border-bottom:2px solid #93c5fd;color:#1e3a8a;content:"Notifications";display:block;font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-bottom:8px}.nav-bar__notification-panel p{color:#374151;font-size:1rem;font-weight:500;margin:0;padding:8px 0}.notification-count{align-items:center;background:#ef4444;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;height:16px;justify-content:center;line-height:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;width:16px}.notification-count--wide{border-radius:999px;min-width:16px;padding:0 5px;width:auto}.notification-count-num{display:block;font-size:10px;font-weight:700;line-height:1;transform:translateY(-1px)}.notification-item{margin-bottom:15px}.notification-button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin:5px 5px 0 0;padding:5px 10px}.main-content{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}@media (min-width:701px){.main-content{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));padding-bottom:var(--shell-footer-gap)}}.main-content>*{max-width:100%;min-width:0}.workspace{container-name:workspace;container-type:inline-size;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.workspace>.breadcrumb{align-items:center;align-self:stretch;background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-shrink:0;margin:.15rem .75rem .5rem;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}.workspace>.breadcrumb::-webkit-scrollbar{display:none}.breadcrumbList{flex-wrap:nowrap;list-style:none;margin:0;padding:0;width:-webkit-max-content;width:max-content}.breadcrumbItem,.breadcrumbList{align-items:center;display:flex;gap:.1rem}.breadcrumbItem{flex-shrink:0;min-width:0}.breadcrumbActive,.breadcrumbLink{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;gap:.3rem;letter-spacing:.01em;line-height:1.2;padding:.12rem .2rem;text-decoration:none;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.breadcrumbLink{color:#6b7280;color:var(--secondary-text-color);font-weight:500}.breadcrumbLink:hover{background:color-mix(in srgb,#6252e1 12%,#0000);background:color-mix(in srgb,var(--primary-color) 12%,#0000);color:#0d1f17;color:var(--header-text-color)}.breadcrumbActive:focus-visible,.breadcrumbLink:focus-visible{outline:2px solid #6252e1;outline:2px solid var(--primary-color);outline-offset:1px}.breadcrumbActive{background:none;box-shadow:none;color:#0d1f17;color:var(--header-text-color);font-weight:600;pointer-events:none}.crumbIcon{align-items:center;display:flex;font-size:.7rem;line-height:1}.crumbLabel{min-width:0}.breadcrumbSeparator{align-items:center;color:#6b7280;color:var(--secondary-text-color);display:flex;font-size:.45rem;margin:0 .12rem;opacity:.55;-webkit-user-select:none;user-select:none}.workspace>.adminDashboardContainer,.workspace>.calendarPageContainer,.workspace>.contactPageContainer,.workspace>.container,.workspace>.familySharingPage,.workspace>.faqContainer,.workspace>.homeContainer,.workspace>.page,.workspace>.pageContainer,.workspace>.pricingPage,.workspace>.privacyContainer,.workspace>.remindersPage,.workspace>.settingsLayout,.workspace>.surveyPageContainer,.workspace>.tagsPageContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.workspace>.settingsLayout{container-name:workspace;container-type:inline-size}.workspace>.adminDashboardContainer,.workspace>.calendarPageContainer,.workspace>.contactPageContainer,.workspace>.container,.workspace>.faqContainer,.workspace>.page,.workspace>.pageContainer,.workspace>.pricingPage,.workspace>.privacyContainer,.workspace>.remindersPage,.workspace>.settingsLayout,.workspace>.surveyPageContainer,.workspace>.tagsPageContainer{overflow:hidden}.workspace>.pricingPage{min-height:0!important}.workspace>.familySharingPage,.workspace>.homeContainer{overflow-x:hidden;overflow-y:auto}.workspace>.pricingPage>.settingsHeader{flex-shrink:0;min-width:0}.workspace>.pricingPage>.pricingContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.workspace>.pricingPage>.pricingContainer::-webkit-scrollbar{display:none}.workspace>.homeContainer{container-name:workspace;container-type:inline-size}.navHeader{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,420px) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,var(--section-nav-pill-width,420px)) minmax(0,1fr);min-width:0;padding:.35rem .75rem}.workspace>.container>.navHeader{padding:.5rem .75rem 1.5rem}.sectionNavCard{display:flex;grid-column:2;height:auto;justify-self:center;min-width:0}.pillContainer{display:flex;flex:1 1;min-width:0;overflow:hidden;position:relative}.headerAction{grid-column:3;justify-self:end;max-width:100%;min-width:0}.contentArea{container-name:workspace;container-type:size;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:auto}.contentArea:has(>.addPantryPage),.contentArea:has(>.groceryListContainer),.contentArea:has(>.managePantriesPage){scrollbar-width:none}.contentArea:has(>.addPantryPage)::-webkit-scrollbar,.contentArea:has(>.groceryListContainer)::-webkit-scrollbar,.contentArea:has(>.managePantriesPage)::-webkit-scrollbar{display:none}.contentArea>*{display:flex;flex:1 0 auto;flex-direction:column;max-width:100%;min-height:0;min-width:0}.contentArea>.addCookbookContainer,.contentArea>.addGroceryContainer,.contentArea>.addPantryPage,.contentArea>.container,.contentArea>.dashboardContainer,.contentArea>.editCookbookContainer,.contentArea>.editGroceryContainer,.contentArea>.groceryListContainer,.contentArea>.mealPlanner,.contentArea>.pageContainer,.contentArea>.panelContainer,.contentArea>.splitLayout,.contentArea>.storesContainer,.contentArea>.viewMealsContainer,.contentArea>.viewMealsPage{flex:1 1 auto;min-height:0;overflow:hidden}.contentArea>.groceryListContainer{flex:1 1}.homeContainer{overflow-x:hidden;overflow-y:auto}.dashboard{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));min-width:0;padding:.75rem}.dashboardCard{max-width:100%;min-width:0}.workspace>.homeContainer>.dashboard{align-content:start;align-self:stretch;display:grid;flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;max-width:none;min-height:0;min-width:0;padding:0;width:100%}.workspace>.homeContainer>.dashboard>.dashboardCard{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.workspace>.homeContainer>.dashboard>.expirationTrackerCard{--expiration-tracker-height:32rem;align-self:start;height:var(--expiration-tracker-height);max-height:var(--expiration-tracker-height);min-height:var(--expiration-tracker-height);overflow:hidden}@container workspace (max-width: 900px){.workspace>.homeContainer>.dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:none;min-height:0}.workspace>.homeContainer>.dashboard>.dashboardCard{height:auto;min-height:auto}.workspace>.homeContainer>.dashboard>.expirationTrackerCard{height:var(--expiration-tracker-height);max-height:var(--expiration-tracker-height);min-height:var(--expiration-tracker-height)}}.addCookbookContainer,.addGroceryContainer,.editCookbookContainer,.editGroceryContainer,.editMealContainer,.mealPlanner,.panelContainer,.splitLayout{display:flex;flex:1 1;flex-direction:row;gap:.5rem;min-height:0;min-width:0;overflow:hidden}.aiSection,.changeIngredientsContainer,.consoleContent,.consolePanel,.consoleWrapper,.cookbookListSection,.editInterface,.editMeal,.formPanel,.ingredientsPanel,.ingredientsSection,.ingredientsSelection,.leftPanel,.mealArea,.mealConsoleArea,.mealConsoleContainer,.panelContent,.rightPanel,.selectionPanel,.topHalf{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.aiFooter,.editMealTabSelector,.mealConsoleForm,.mealConsoleTitleRow,.mealHeader,.mealMetadata,.navHeader,.panelTitleRow,.searchContainer,.toggleSidebar,.typeTagsContainer{flex-shrink:0}.typeTagsContainer{display:flex;flex-wrap:nowrap;gap:.35rem;min-width:0;overflow-x:auto;overflow-y:hidden}.chatArea,.detailContent,.editorForm,.groceryList,.guidanceContent,.ingredientsContainer,.ingredientsList,.ingredientsListContainer,.mealPlanList,.panelBody,.scrollableList,.storeListScroll{flex:1 1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.aiSection .chatArea{display:flex;flex-direction:column}.aiSection .aiResponse{flex:1 1 auto;min-height:-webkit-min-content;min-height:min-content;overflow:visible}.categoryList:after,.chatArea:after,.condensedList:after,.contentsList:after,.dashboardGrid:after,.detailContent:after,.editorForm:after,.extraPanel:after,.faqList:after,.groceryList:after,.guidanceContent:after,.ingredientsContainer:after,.ingredientsGrid:after,.ingredientsList:after,.itemsContainer:after,.itemsList:after,.listContainer:after,.mealDetailContent:after,.mealPlanList:after,.mealsGrid:after,.panelBody:after,.pantriesGrid:after,.resultsSection:after,.scrollableList:after,.storeListScroll:after,.tagGrid:after,.workspace>.familySharingPage:after,.workspace>.homeContainer:after,.workspace>.pricingPage>.pricingContainer:after{content:"";display:block;flex:0 0 auto;flex-shrink:0;height:calc(1.5rem + env(safe-area-inset-bottom, 0px));height:var(--shell-footer-gap);pointer-events:none;width:100%}.dashboardGrid:after,.ingredientsGrid:after,.mealsGrid:after,.pantriesGrid:after,.tagGrid:after{grid-column:1/-1}.ingredientsListContainer{display:flex;min-height:0}.alphabetIndex{flex-shrink:0}.workspace canvas,.workspace img,.workspace video{max-width:100%}.workspace button,.workspace input,.workspace select,.workspace textarea{max-width:100%;min-width:0}.workspace .centerCircle,.workspace .purchaseQuantityBubble,.workspace .purchaseQuantityInput,.workspace .quantityBubble,.workspace .quantityInput{max-width:32px;min-width:30px}.workspace table{max-width:100%}.workspace code,.workspace pre{max-width:100%;overflow-x:auto}.footer{flex-shrink:0;max-width:100%;min-width:0}.adminDashboardContainer>.dashboardGrid,.categoryOrderContainer,.dashboardContainer>.layout,.faqContainer>.content,.groceryListContainer>.contentContainer,.listContainer,.page>.container,.pageContainer>.mainContent,.pantriesSection,.privacyContainer>.content,.profileContainer,.settingsLayout>.content,.settingsLayout>.content>.storesLayoutContainer,.storesContainer,.storesLayoutContainer,.viewMealsPage>.mealDetailContent,.viewMealsPage>.resultsSection{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.calendarPageContainer .calendarContainer,.categoryList,.condensedList,.contentsList,.dashboardGrid,.faqList,.groceryListItems,.itemsContainer,.itemsList,.listContainer,.mealDetailContent,.mealsGrid,.page .tableShell,.pageContainer>.mainContent,.pantriesGrid,.resultsSection,.settingsLayout>.content,.tagGrid{min-height:0;min-width:0}.calendarPageContainer .calendarContainer,.categoryList,.categoryOrderContainer,.condensedList,.contentsList,.faqList,.groceryListItems,.itemsContainer,.itemsList,.listContainer,.mealDetailContent,.mealsGrid,.pantriesGrid,.privacyContainer>.content,.profileContainer,.resultsSection,.settingsLayout>.content{overflow-x:hidden;overflow-y:auto}.workspace .remindersPage{margin-inline:auto;max-width:40rem;max-width:var(--measure-prose);width:100%}.workspace .remindersPage>.addFooter,.workspace .remindersPage>.header{flex-shrink:0}.workspace .remindersPage>.listContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.workspace .remindersPage>.listContainer::-webkit-scrollbar{display:none}.workspace .profileContainer,.workspace>.contactPageContainer>.contentWrapper,.workspace>.contactPageContainer>.header,.workspace>.familySharingPage,.workspace>.faqContainer>.content,.workspace>.faqContainer>.header,.workspace>.pricingPage.settingsView>.pricingContainer,.workspace>.pricingPage.settingsView>.settingsHeader,.workspace>.tagsPageContainer{margin-inline:auto;max-width:75rem;max-width:var(--measure-cluster);width:100%}.workspace .categoryOrderContainer,.workspace>.faqContainer>.content,.workspace>.privacyContainer,.workspace>.surveyPageContainer>.formCard,.workspace>.surveyPageContainer>.header{margin-inline:auto;max-width:40rem;max-width:var(--measure-prose);width:100%}.workspace .storesLayoutContainer,.workspace>.adminDashboardContainer,.workspace>.homeContainer{margin-inline:auto;max-width:90rem;max-width:var(--measure-gallery);width:100%}.bookLayout,.dashboardContainer>.layout,.groceryListContainer>.contentContainer,.tagsPageContainer>.tagsContent{display:flex;flex:1 1;flex-direction:row;min-height:0;min-width:0;overflow:hidden}.workspace .groceryListContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.workspace .groceryListContainer>.contentContainer{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:.75rem;justify-content:flex-start;min-height:0;min-width:0;overflow:hidden;position:relative}.workspace .groceryListContainer .leftPanelFlipContainer{flex:0 0 22rem;flex-basis:22rem;max-width:100%;min-height:0;min-width:22rem;width:22rem}.workspace .groceryListContainer .leftPanelFlipInner{flex:1 1;height:100%;min-height:0;width:100%}.workspace .groceryListContainer .leftPanelBack,.workspace .groceryListContainer .leftPanelFront{height:100%}.workspace .groceryListContainer .backPanelButtons,.workspace .groceryListContainer .leftPanelFront h2,.workspace .groceryListContainer .newListFooterBtn{flex-shrink:0}.workspace .groceryListContainer .groceryListItems,.workspace .groceryListContainer .leftPanelBack .scrollableList{flex:0 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.workspace .groceryListContainer .groceryListItems::-webkit-scrollbar,.workspace .groceryListContainer .leftPanelBack .scrollableList::-webkit-scrollbar{display:none}.workspace .groceryListContainer .ingredientsPanel{background:#1a1631;border:1px solid #ffffff0d;border-radius:16px;display:flex;flex:1 1;flex-direction:column;max-width:none;min-height:0;min-width:0;overflow:hidden;width:auto}.workspace .groceryListContainer .filtersAndActionsContainer,.workspace .groceryListContainer .groceryListNameContainer{flex-shrink:0;max-width:100%;min-width:0}.workspace .groceryListContainer .groceryListNameContainer,.workspace .groceryListContainer .ingredientsPanel h2.groceryListName{border-bottom:none}.workspace .groceryListContainer .ingredientGroups{flex:1 1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));padding-bottom:var(--shell-footer-gap)}.workspace .groceryListContainer .ingredientGroup{overflow:visible}.workspace .groceryListContainer .ingredientGroup .scrollableList{flex:none;overflow:visible}.workspace .groceryListContainer .ingredientGroup .scrollableList:after{content:none;display:none;height:0}.workspace .groceryListContainer .rightNavPanel{bottom:0;display:flex;flex:none;flex-direction:column;margin-left:0;max-height:none;min-height:0;min-width:0;overflow:hidden;position:absolute;right:0;top:0;width:10rem;z-index:12}.workspace .groceryListContainer .categoryNavContainer{flex:1 1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));padding-bottom:var(--shell-footer-gap)}.settingsLayout>.content:has(.storesLayoutContainer){overflow:hidden}.storesLayoutContainer>.container{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.contentArea>.infoContainer{flex:0 0 auto}.splitLayout>.detailPane,.splitLayout>.listPane{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.splitLayout>.listPane{flex:0 1 23.75rem;width:min(100%,23.75rem)}.splitLayout>.detailPane{flex:1 1}.detailPane>.actionFooter,.detailPane>.detailHeader,.detailPane>.editorFooter,.guidancePane>.guidanceFooter,.listPane>.paneHeader{flex-shrink:0}.storesContainer>.splitLayout{gap:0}.bookLayout>.leftPage,.bookLayout>.rightPage,.dashboardContainer aside,.editCookbookContainer>.editInterface,.leftPanelFlipContainer,.mainContentWrapper{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.bookLayout>.leftPage,.bookLayout>.rightPage,.dashboardContainer aside,.editCookbookContainer>.editInterface,.mainContentWrapper{flex:1 1}.leftPanelBack,.leftPanelFront{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.bookLayout>.rightPage{overflow-x:hidden;overflow-y:auto}.calendarPageContainer>.pageHeader,.controlsSection,.createSection,.dashboardContainer>.mobileHeader,.filterBar,.filterBarTop,.filterTabs,.page>.pageHeader,.pageContainer>.header,.privacyContainer>.header,.tocToggle,.viewMealsPage>.filtersSection,.viewMealsPage>.header{flex-shrink:0}.dashboardGrid,.ingredientsGrid,.mealsGrid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));min-width:0}@container workspace (max-width: 900px){.addGroceryContainer,.bookLayout,.dashboardContainer>.layout,.editCookbookContainer,.editGroceryContainer,.editMealContainer,.groceryListContainer>.contentContainer,.mealPlanner,.mealViewPanel,.panelContainer,.splitLayout,.tagsPageContainer>.tagsContent,.workspace .groceryListContainer>.contentContainer{flex-direction:column}.workspace .groceryListContainer>.contentContainer{flex:1 0 auto;height:auto;min-height:0;overflow:visible}.contentArea>.groceryListContainer,.contentArea>.pageContainer.managePantriesPage,.workspace .groceryListContainer{flex:1 0 auto;height:auto;min-height:100%;overflow:visible}.contentArea>.pageContainer.managePantriesPage .pantriesGrid,.contentArea>.pageContainer.managePantriesPage .pantriesSection,.contentArea>.pageContainer.managePantriesPage>.mainContent{flex:1 0 auto;height:auto;min-height:auto;overflow:visible}.workspace .groceryListContainer:after{content:"";display:block;flex:0 0 auto;flex-shrink:0;height:calc(1.5rem + env(safe-area-inset-bottom, 0px));height:var(--shell-footer-gap);pointer-events:none;width:100%}.workspace .groceryListContainer .leftPanelFlipContainer{flex:0 0 auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;position:relative;width:100%}.workspace .groceryListContainer .leftPanelFlipInner{height:auto;transform:none}.workspace .groceryListContainer .leftPanelBack,.workspace .groceryListContainer .leftPanelFront{height:auto;position:relative;transform:none}.workspace .groceryListContainer .leftPanelFlipInner.flipped .leftPanelFront,.workspace .groceryListContainer .leftPanelFlipInner:not(.flipped) .leftPanelBack{display:none}.workspace .groceryListContainer .groceryListItems,.workspace .groceryListContainer .leftPanelBack .scrollableList{flex:none;overflow:visible}.workspace .groceryListContainer .rightNavPanel{display:none}.workspace .groceryListContainer .ingredientsPanel{border-radius:16px;flex:1 0 auto;height:auto;min-height:0;overflow:visible;padding:16px;width:100%}.workspace .groceryListContainer .ingredientGroups{flex:none;height:auto;min-height:0;overflow:visible;padding-bottom:0}.workspace .groceryListContainer .actionLabel,.workspace .groceryListContainer .toggleLabel{display:none}.workspace .groceryListContainer .filtersAndActionsContainer{align-items:center;flex-wrap:nowrap;gap:8px;justify-content:space-between;overflow:visible}.workspace .groceryListContainer .filterButtons{flex:0 1 auto;flex-wrap:nowrap;gap:2px;min-width:0}.workspace .groceryListContainer .actionButtons{flex:0 0 auto;flex-wrap:nowrap;gap:8px;min-width:0}.workspace .groceryListContainer .resetButton,.workspace .groceryListContainer .viewToggleIcon,.workspace .groceryListContainer .viewToggleIconButton{flex-shrink:0;min-width:42px;padding:8px;width:42px}.workspace .groceryListContainer .leftPanelFront h2{font-size:.85em;height:32px;justify-content:center;margin:0 2.5rem 1.15rem;padding-left:0}.workspace .groceryListContainer .newListFooterBtn{margin:1.5rem .5rem .5rem;padding:.5rem 0}.contentArea>.addCookbookContainer,.contentArea>.addGroceryContainer,.contentArea>.addPantryPage,.contentArea>.mealPlanner,.contentArea>.panelContainer,.contentArea>.splitLayout{flex:1 0 auto;height:auto;min-height:100%;overflow:visible}.contentArea>.addPantryPage .addForm,.contentArea>.addPantryPage .aiResponse,.contentArea>.addPantryPage .aiSection,.contentArea>.addPantryPage .chatArea,.contentArea>.addPantryPage .consolePanel,.contentArea>.addPantryPage .formPanel,.contentArea>.addPantryPage .panelBody,.contentArea>.addPantryPage .panelContainer,.contentArea>.addPantryPage .topHalf,.contentArea>.addPantryPage .welcomeScreen,.contentArea>.storesWorkspace{flex:0 0 auto;height:auto;min-height:auto;overflow:visible}.contentArea>.viewMealsContainer:has(>.editMealContainer){flex:1 0 auto;height:auto;min-height:100%;overflow-x:hidden;overflow-y:visible}.addGroceryContainer>.leftPanel,.addGroceryContainer>.rightPanel,.editGroceryContainer>.leftPanel,.editGroceryContainer>.rightPanel,.editMealContainer>.editMeal,.editMealContainer>.ingredientsSelection,.mealPlanner>.leftPanel,.mealPlanner>.rightPanel,.panelContainer>.leftPanel,.panelContainer>.rightPanel,.splitLayout>.leftPanel,.splitLayout>.rightPanel{flex:0 0 auto;min-height:100cqh}.splitLayout>.detailPane,.splitLayout>.listPane{max-width:100%;width:100%}.splitLayout>.listPane{flex:0 1 auto;max-height:45%;min-height:14rem}.storeSplitLayout>.storeListPane{max-height:none;max-width:100%}.storeSplitLayout>.storeDetailPane,.storeSplitLayout>.storeListPane{flex:0 0 auto;height:auto;min-height:0;min-width:0;overflow:visible;width:100%}.splitLayout>.detailPane{flex:1 1 auto;min-height:0}.editCookbookContainer>.cookbookListSection{flex:0 0 auto;height:auto;max-height:none;max-width:100%;min-height:0;width:100%}.editCookbookContainer>.editInterface{flex:0 0 auto;height:auto;max-width:100%;min-height:0;overflow:visible;width:100%}}@container workspace (max-width: 1100px){.workspace .groceryListContainer .rightNavPanel{flex-basis:3.5rem;width:3.5rem}.workspace .groceryListContainer .actionLabel,.workspace .groceryListContainer .categoryNavLabel,.workspace .groceryListContainer .toggleLabel{display:none}.workspace .groceryListContainer .resetButton,.workspace .groceryListContainer .viewToggleIcon,.workspace .groceryListContainer .viewToggleIconButton{flex-shrink:0;gap:0;min-width:42px;padding:8px;width:42px}}@container workspace (max-width: 520px){.sectionTitle,.workspace .groceryListContainer .actionLabel,.workspace .groceryListContainer .categoryNavLabel,.workspace .groceryListContainer .toggleLabel{display:none}}.App>.sidebar .sidebarInternalClose{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;font-size:1.25rem;height:30px;justify-content:center;padding:0;position:absolute;right:0;top:0;z-index:10}.App>.sidebar .logoContainer{align-items:center;display:flex;gap:.75rem;height:30px;justify-content:space-between;min-width:0;padding-left:15px;position:relative}.App>.sidebar.sidebarCollapsed .logoContainer{justify-content:center;padding-left:0}.App>.sidebar .logoText{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;min-width:0;text-decoration:none}.App>.sidebar .zeraLogo{color:#fff}.App>.sidebar .freshLogo{color:#e164ff}.App>.sidebar .versionDisplay{color:#ffffff80;font-family:monospace;font-size:.75rem;letter-spacing:.05rem;margin-bottom:24px;padding:0 15px 15px;text-align:left}.App>.sidebar .sidebarScrollableContent{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:2rem;scrollbar-width:none}.App>.sidebar .sidebarScrollableContent::-webkit-scrollbar{display:none}.App>.sidebar .sectionHeader{color:#10b981;color:var(--navigation-header-text-color);font-size:.75rem;font-weight:600;letter-spacing:.1rem;margin-bottom:1rem;padding-left:15px;text-transform:uppercase}.App>.sidebar .navList{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0 0 64px;padding:0}.App>.sidebar .navList>li{width:100%}.App>.sidebar .navLink{align-items:center;border-radius:8px;box-sizing:border-box;color:#6b7280;color:var(--navigation-text-color);display:flex;font-size:.95rem;gap:.75rem;min-width:0;padding:.6rem .8rem;text-decoration:none;width:100%}.App>.sidebar .navLink:hover{background-color:#0d9668;background-color:var(--navigation-menu-selection-hover);color:#0a0a0a;color:var(--inverse-background-color)}.App>.sidebar .activeLink{font-weight:600}.App>.sidebar .activeLink,.App>.sidebar .navLink:hover.activeLink{background:linear-gradient(180deg,#10b981,#0d9668);background:var(--navigation-menu-selection);color:#0a0a0a;color:var(--inverse-background-color)}.App>.sidebar .navIcon{flex-shrink:0;font-size:1.2rem}.App>.sidebar.sidebarCollapsed .navLink{justify-content:center;padding:.6rem .5rem}.sidebar-backdrop{background:#00000073;border:0;cursor:pointer;inset:0;padding:0;position:absolute;z-index:15}.App.shell-overlay>.sidebar,.App.shell-rail.shell-overlay-open>.sidebar{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);width:min(16rem,90vw)}.App.shell-overlay.shell-overlay-open>.sidebar,.App.shell-rail.shell-overlay-open>.sidebar{pointer-events:auto;transform:translateX(0)}.App.shell-rail.shell-overlay-open>.content-wrapper{margin-left:4.5rem}.workspace>.container{background-color:#f5f3ef;background-color:var(--background-color);color:#1f2937;color:var(--text-color);container-name:category;container-type:inline-size;position:relative}.navHeader{position:relative}.headerAction{position:static;transform:none}@container category (max-width: 900px){.headerAction .headerActionLabel{display:none}}@container category (max-width: 700px){.navHeader{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:.5rem}.headerAction,.sectionNavCard{grid-column:1}.headerAction{justify-self:center}.headerAction .headerActionLabel{display:inline}}.contentArea{border-radius:8px}.sectionNavCard{background:#f5f3ef;background:var(--addeditview-color);border:1px solid #ffffff1a;border-radius:999px;max-width:420px;max-width:var(--section-nav-pill-width,420px);overflow:hidden;width:100%}.pillContainer{background:#0000;border-radius:999px}.pillIndicator{background:linear-gradient(135deg,#0d1f17,#1a3326);background:var(--pill-toggle-color);border-radius:999px;box-shadow:inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff4d;height:100%;position:absolute;top:0;transition:left .35s ease,width .35s ease;z-index:1}.pillButton{align-items:center;background:#0000;border:none;color:#6b7280;color:var(--pill-button-color);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem .5rem;position:relative;white-space:nowrap;z-index:2}.pillButton:hover:not(:disabled){background-color:initial;color:#0d1f17;color:var(--pill-button-hover-color)}.pillButton:disabled{cursor:not-allowed;opacity:.45}.activePillButton{color:#0a0a0a;color:var(--inverse-background-color)}.sectionTitle{font-weight:600;margin:0}.navHeader .sectionTitle:after{content:none}.navHeader .icon{flex-shrink:0;font-size:.8rem;margin-right:.3rem}.input-field,.select-field{background-color:#fffc;background-color:var(--input-black-opacity-background);border:1px solid #fffc;border:1px solid var(--input-black-opacity-background);border-radius:.3125rem;box-sizing:border-box;color:#1f2937;color:var(--input-text-color);font-family:inherit;font-size:1rem;line-height:1.25;max-width:100%;min-width:0;padding:.5rem;width:100%}.select-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.78)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:.75rem;color-scheme:dark;cursor:pointer;padding-right:2rem}.input-field:focus,.select-field:focus{border-color:#0d9668;border-color:var(--button-hover-background-color);box-shadow:0 0 .3125rem #604fdf;outline:none}.select-field option{background-color:#fffc;background-color:var(--input-black-opacity-background);color:#1f2937;color:var(--input-text-color)}.editMealContainer .consoleWrapper,.mealPlanner .consoleWrapper{flex-direction:column}.viewMealsContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.viewMealsContainer>.viewMeals{flex:1 1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.viewMealsContainer>.editMealContainer{flex:1 1}.editMeal .extraPanel,.editMeal .instructionsContent,.editMeal .mealPlanList{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.mealPlanner .consoleContent{flex:1 1}.mealPlanner .mealConsoleArea{overflow:hidden}.mealPlanner .ingredientsContainer{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.mealPlanner .ingredientsWrapper{justify-content:space-between}.mealPlanner .mealPlanIngredient{flex:0 1 18.75rem;max-width:18.75rem}.mealPlanner .ingredientInfo{flex-shrink:0;margin-left:auto}.mealPlanner .emptyMealPlan,.mealPlanner .mealPlanList{flex:1 1;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}.mealPlanner .mealIngredientTags{flex-shrink:0;margin-top:auto}.mealPlanner .ingredientsContainer:after{display:none}.mealPlanner .mealConsoleTitleRow{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:space-between;min-width:0}.mealPlanner .mealConsoleWithTags{display:flex;flex:1 1;flex-direction:row;gap:8px;min-height:0;min-width:0;overflow:hidden}.mealPlanner .stickyTagColumn{flex-shrink:0;min-height:0;overflow-x:hidden;overflow-y:auto}.micButton{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #6366f1;border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;position:relative;width:44px}.micButton.micButtonCompact{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;box-shadow:0 2px 8px #7c3aed66;height:36px;width:36px}.micButton.micButtonCompact:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #7c3aed80;transform:scale(1.07)}.micButton.micButtonCompact.recording,.micButton.micButtonCompact.transcribing{background:linear-gradient(135deg,#ef4444,#dc2626)}.micButton.micButtonCompact.connected{box-shadow:0 2px 8px #10b98173}.micButton .micIcon,.micIconCompact{font-size:16px}.mealPlanner{background-color:var(--background-color);color:var(--text-color);gap:.75rem;margin:0;padding:.75rem}.leftPanel{animation:fadeIn .3s ease-in-out}.toggleSidebar{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:.35rem auto;min-height:0;padding:.25rem;width:auto}.mealConsoleWithTags{gap:8px}.stickyTagColumn{align-items:stretch;background:var(--purple-panel);border:1px solid var(--purple-border);border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px;position:-webkit-sticky;position:sticky;top:20px;width:130px}.tagColumnLabel{color:var(--text-color);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;opacity:.5;text-align:center;text-transform:uppercase}.stickyTagItem{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:999px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;justify-content:center;padding:6px 10px;text-align:center;transition:background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:100%}.stickyTagText{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stickyTagItem:hover{background:linear-gradient(135deg,#ff4c4c,#ff7a7a);box-shadow:inset 0 0 0 2px #fffffff2,0 2px 6px #00000040}.stickyTagSelected{background:#4caf50!important;box-shadow:0 2px 6px #00000040}.stickyTagSelected:hover{background:#43a047!important;box-shadow:inset 0 0 0 2px #fff,0 2px 6px #00000040}.stickyTagAdd{background:#0000!important;border:2px dashed #ffffff4d!important;box-shadow:none!important;color:#ffffff80!important;font-size:1rem;padding:5px 10px}.stickyTagAdd:hover{background:#ffffff14!important;border-color:#ffffffb3!important;color:#ffffffe6!important;transform:none!important}.spinnerContainer{flex:1 1;min-height:0}@media (min-width:99999px){.mealPlanner{gap:24px;padding:10px}.stickyTagColumn{border-radius:8px;flex-direction:row;flex-wrap:wrap;gap:6px;height:auto;justify-content:flex-start;padding:8px 10px;position:static;width:100%}.tagColumnLabel{align-self:center;writing-mode:horizontal-tb}.stickyTagItem{font-size:.72rem;height:28px;padding:0 10px;width:auto}.stickyTagAdd{height:28px;width:36px}.toggleSidebar{align-items:center;border-radius:10px 10px 0 0;flex-direction:column;height:auto;margin:0;min-height:0;padding:10px 0;width:100%}.consoleWrapper{flex:none}}.mealConsoleArea{background:var(--purple-panel);border:1px solid var(--purple-border);border-radius:8px;color:var(--text-color);padding:16px 0 0;transition:background-color .3s ease}.mealConsoleTitleRow{margin:0 16px 12px}.mealConsoleArea h2{font-size:1.5rem;margin:0;min-width:0}.mealPlanner .mealConsoleTitleRow .modeSelector.horizontal{flex-shrink:0;height:36px;width:84px}.mealPlanner .mealConsoleTitleRow .modeSelector.horizontal .indicator{height:30px;width:30px}.mealPlanner .mealConsoleTitleRow .modeSelector .aiModeIcon{display:block;height:1.55em;width:1.55em}.mealPlanner .mealConsoleTitleRow .modeSelector .manualModeIcon{font-size:1em;height:1em;width:1em}.mealConsoleForm{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:0 16px;width:100%}.mealConsoleForm .input-field,.mealConsoleForm input{flex:1 1 auto;min-width:0}.actionButtons{align-items:center;display:flex;flex-shrink:0;gap:10px}.mealNameInput{background-color:var(--input-black-opacity-background);border:1px solid var(--input-black-opacity-background);border-radius:5px;color:var(--input-text-color);font-size:16px;margin-bottom:16px;padding:8px;transition:background-color .3s ease,color .3s ease,border-color .3s ease;width:100%}.buttonSave:disabled,.buttonUndo:disabled{cursor:not-allowed;opacity:.35}.buttonUndo{align-items:center;background:#0000;border:1px solid #ffffff24;border-radius:8px;color:#ffffff80;cursor:pointer;display:inline-flex;font-size:.9rem;height:38px;justify-content:center;padding:0;transition:all .2s ease;width:38px}.buttonUndo:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff59;color:#ffffffe6}.buttonUndo:hover:not(:disabled) svg{transform:rotate(-25deg);transition:transform .2s ease}.buttonSave{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed80;border-radius:8px;box-shadow:0 2px 8px #6d28d94d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;height:38px;justify-content:center;letter-spacing:.3px;padding:0 22px;transition:all .2s ease;white-space:nowrap}.buttonSave:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 14px #6d28d980;transform:translateY(-1px)}.tagSelector{margin-bottom:8px;text-align:left}.tagLabel{font-weight:600;margin:0 0 8px}.tagOptions{gap:8px}.mealMetadata,.tagOptions{display:flex;flex-wrap:wrap}.mealMetadata{align-items:center;background-color:initial;border-radius:0;font-size:14px;gap:16px;justify-content:center;margin:0 0 8px;opacity:.8;padding:8px 16px}.metadataItem{align-items:center;display:flex;gap:6px}.difficultyIcon,.servingsIcon{color:#667eea;font-size:14px}.cookTimeIcon,.prepTimeIcon{font-size:14px}.metadataValue{color:var(--text-color);font-size:13px;font-weight:600}.tagItem{align-items:center;background-color:#5458b1;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:12px;border-radius:999px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.tagItem:hover{background-color:#3022a0;background:linear-gradient(135deg,#ff4c4c,#ff7a7a)}.selectedTag{background-color:#4caf50!important;background:linear-gradient(135deg,#4caf50,#388e3c)!important}.tagItem input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.ingredientsContainer{border:none;border-radius:0;border-top:1px solid #fff3;display:flex;flex-direction:column;margin:0;padding:12px;position:relative}.emptyMealPlan{flex:1 1;margin:0;min-height:0}.addIngredientsHint{align-items:center;color:#ffffffeb;display:flex;flex-direction:column;gap:.6rem;justify-content:center;padding:8px 12px 12px;text-align:center}.addIngredientsHintSvg{height:auto;max-height:11.5rem;overflow:visible;width:min(100%,17.5rem)}.hintStepLabel{fill:currentColor;font-size:11px;font-weight:700;letter-spacing:.02em}.hintToggleTrack{fill:#212121;stroke:#ffffff1f;stroke-width:1}.hintToggleIdle{fill:#0000}.hintToggleActive{fill:#6b5de7}.hintToggleActive:not(.hintToggleSettled){animation:hintTogglePulse 5.5s ease-in-out infinite}.hintCarrot{color:#fff}.hintChip{stroke:#ffffff8c;stroke-width:1.4}.hintChipMeat{fill:#e57373}.hintChipVeg{fill:#66bb6a}.hintChipDairy{fill:#4a90e2}.hintChipTarget{transform-box:fill-box;transform-origin:center}.hintChipTarget:not(.hintToggleSettled){animation:hintChipPulse 5.5s ease-in-out infinite}.hintFlowArrow{opacity:.7}.hintRipple{fill:none;stroke:#fff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.hintRippleCarrot,.hintRippleChip{animation:hintRipple 5.5s ease-out infinite}.hintRippleChip{animation-delay:2.5s}.hintCursor{animation:hintCursorTour 5.5s ease-in-out infinite;pointer-events:none}.hintCursor.hintCursorManual{animation:hintCursorChipOnly 5.5s ease-in-out infinite}.addIngredientsHintAction,.addIngredientsHintCaption{color:#ffffffe0;font-size:.82rem;line-height:1.35;margin:0;max-width:18rem}.addIngredientsHintAction{-webkit-appearance:none;appearance:none;background:#6b5de7;border:1px solid #ffffff2e;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.4rem .9rem}.addIngredientsHintAction:hover{filter:brightness(1.08)}.modeSelector .modeItem.modeItemHint{animation:modeCarrotHint 1.6s ease-in-out infinite}@keyframes hintTogglePulse{0%,18%,to{fill:#6b5de7}22%,36%{fill:#8b80f0}}@keyframes hintChipPulse{0%,48%,to{transform:scale(1)}54%,70%{transform:scale(1.08)}}@keyframes hintRipple{0%,18%{opacity:0;transform:scale(.4)}22%{opacity:.85;transform:scale(.7)}36%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}@keyframes hintCursorTour{0%{transform:translate(186px,58px)}12%{transform:translate(174px,50px)}16%{transform:translate(172px,52px)}20%{transform:translate(174px,50px)}38%{transform:translate(174px,50px)}52%{transform:translate(152px,146px)}56%{transform:translate(150px,148px)}60%{transform:translate(152px,146px)}78%{transform:translate(152px,146px)}to{transform:translate(186px,58px)}}@keyframes hintCursorChipOnly{0%,to{transform:translate(168px,128px)}18%{transform:translate(152px,146px)}24%{transform:translate(150px,148px)}30%{transform:translate(152px,146px)}70%{transform:translate(152px,146px)}}@keyframes modeCarrotHint{0%,to{color:#b7b7b7}50%{color:#fff;filter:drop-shadow(0 0 6px rgba(255,138,61,.9))}}@media (prefers-reduced-motion:reduce){.hintChipTarget:not(.hintToggleSettled),.hintCursor,.hintCursor.hintCursorManual,.hintRippleCarrot,.hintRippleChip,.hintToggleActive:not(.hintToggleSettled),.modeSelector .modeItem.modeItemHint{animation:none}}.mealIngredientTags{background:#0000;border-top:1px solid #ffffff47;flex-shrink:0;margin-top:8px;padding:12px 0 4px}.mealIngredientTagsRow{--tag-chip-height:2.05rem;--tag-chip-gap:6px;align-items:center;display:flex;flex-wrap:wrap;gap:var(--tag-chip-gap);max-height:calc(var(--tag-chip-height)*2 + var(--tag-chip-gap));overflow:hidden}.mealIngredientTags .stickyTagItem{width:auto}.stickyTagMoreSpacer,.stickyTagOverflowHidden{display:none!important}.stickyTagMore{background:#ffffff24!important;box-shadow:none!important;color:#ffffffeb!important;font-weight:700;letter-spacing:.01em}.stickyTagMore:hover{background:#ffffff38!important;box-shadow:inset 0 0 0 2px #ffffffd9!important}.stickyTagMoreMenu{align-content:flex-start;background:#2a2448;background:var(--purple-panel,#2a2448);border:1px solid #ffffff38;border:1px solid var(--purple-border,#ffffff38);border-radius:10px;box-shadow:0 10px 28px #0006;display:flex;flex-wrap:wrap;gap:6px;max-height:min(12rem,40vh);overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;scrollbar-width:thin;width:min(22rem,calc(100vw - 16px));z-index:40}.stickyTagMoreMenu .stickyTagItem{width:auto}.imageGenerationSpinner{animation:spin 1s linear infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:20px;position:absolute;right:12px;top:12px;width:20px;z-index:10}.mealPlanList{height:auto;scrollbar-color:#ffffff4d #0000001a;scrollbar-width:thin}.mealPlanList::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.mealPlanList::-webkit-scrollbar-track{background-color:#0000001a}.mealPlanListHasScroll .purchaseQuantitySection{margin-right:14px}.mealPlanIngredient{flex:0 1 300px;margin-bottom:10px;max-width:300px;padding:15px 35px;text-align:center;transition:background-color .3s ease,transform .08s ease}.categoryPickerOverlay{z-index:999}.categoryPicker{z-index:1000}@keyframes popIn{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.ingredientPopIn{animation:popIn .3s ease-out forwards;opacity:0}.ingredientsWrapper{justify-content:space-between}.ingredientDetails{margin-left:0;padding-right:0;width:100%}.ingredientsWrapper .ingredientName{font-weight:700;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.ingredientInfo{margin-left:auto}.primaryQuantityGroup{margin-right:0}@media (min-width:99999px){.ingredientsWrapper{align-items:stretch;background:#ffffff0d;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.ingredientDetails{flex-direction:column;gap:12px;margin-left:0;width:100%}.ingredientInfo{align-items:center;gap:0;justify-content:space-between;width:100%}.primaryQuantityGroup{background:#ffffff14;border-radius:20px;flex:0 1 auto;gap:8px;margin-right:0;padding:6px 12px}.purchaseQuantitySection{background:#10b9811a;border-left:none;border-radius:20px;flex:0 0 auto;margin-left:auto;padding:6px 12px}.primaryQuantityGroup>div:first-child{flex:0 0 auto}.ingredientsWrapper{margin-bottom:10px}.mealPlanIngredient{margin-bottom:0;margin-right:auto;max-width:250px}.ingredientInfo{flex:1 1;gap:16px;justify-content:flex-end;margin-left:12px}.ingredientDetails{gap:12px;justify-content:flex-start;margin-left:0}.primaryQuantityGroup{margin-right:0}.purchaseQuantitySection{border-left:1px solid #fff3;margin-left:0;padding-left:16px}}.quantityBubble{aspect-ratio:1;box-shadow:0 0 0 0 #fff0,0 2px 4px #0000004d;box-sizing:border-box;flex:0 0 32px;min-height:32px;min-width:32px;transition:background-color .2s ease,box-shadow .2s ease}.quantityBubble:hover{background-color:#5e4ede50;box-shadow:0 0 0 2px #ffffff80,0 2px 4px #0000004d}.quantityInput{aspect-ratio:1;background-color:#ffffff21;border:none;box-sizing:border-box;flex:0 0 32px;min-height:32px;min-width:32px}.quantityInput:focus{box-shadow:0 0 0 3px #5e4ede4d;outline:none}.purchaseQuantityBubble{aspect-ratio:1;box-shadow:0 0 0 0 #fff0,0 2px 4px #0000004d;box-sizing:border-box;flex:0 0 32px;min-height:32px;min-width:32px;transition:background .2s ease,box-shadow .2s ease}.purchaseQuantityBubble:hover{box-shadow:0 0 0 2px #ffffff80,0 2px 4px #0000004d}.purchaseQuantityInput{aspect-ratio:1;border:none;box-shadow:0 2px 4px #0000004d;box-sizing:border-box;flex:0 0 32px;font-weight:700;min-height:32px;min-width:32px}.purchaseQuantityInput:focus{box-shadow:0 0 0 3px #34d39966}.addTagButton{background:#0000;border:2px dashed #888;color:#888}.addTagButton:hover{background-color:#3a3a3c;border-color:#f5f5f7;color:#f5f5f7}.confirmationDialog{background-color:#333;border-radius:8px;box-shadow:0 0 10px #00000080;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.confirmationDialog p{margin:0 0 15px}.confirmationDialog button{border:none;border-radius:4px;cursor:pointer;margin-right:10px;padding:8px 12px}.confirmationDialog button:first-of-type{background-color:#d9534f;color:#fff}.confirmationDialog button:last-of-type{background-color:#5bc0de;color:#fff}@media (min-width:99999px){.mealConsoleArea{padding:16px}.mealConsoleForm{align-items:stretch;flex-direction:column;gap:16px}.actionButtons{flex-wrap:nowrap;gap:10px;justify-content:flex-end;width:100%}.buttonUndo{flex-shrink:0;height:44px;width:44px}.buttonSave{flex:1 1;font-size:.9rem;height:44px;padding:0 16px}.mealNameInput{font-size:16px;height:44px}.tagOptions{gap:10px}.tagItem{min-height:32px;padding:8px 12px}.mealConsoleArea{border:none;border-radius:0;padding:12px}.mealConsoleArea h2{font-size:1.25rem}.mealMetadata{gap:10px;justify-content:space-between;padding:10px}.metadataItem{font-size:.85rem}.ingredientsWrapper{align-items:stretch;background:#ffffff0d;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.mealPlanIngredient{align-items:center;display:flex;justify-content:flex-start;margin-bottom:0;max-width:none;min-height:44px;padding:12px 16px 12px 44px;text-align:left;width:100%}.iconSticker{left:12px}.ingredientDetails{margin-left:0;width:100%}.ingredientInfo{align-items:center;gap:12px;justify-content:space-between;width:100%}.primaryQuantityGroup{flex:1 1;gap:8px;justify-content:flex-start}.purchaseQuantitySection{border-left:1px solid #ffffff1a;flex:0 0 auto;margin-left:auto;padding-left:12px}.purchaseQuantityBubble,.purchaseQuantityInput,.quantityBubble,.quantityInput{font-size:1rem;height:44px;width:44px}.primaryQuantityGroup>div:first-child{flex:1 1}.confirmationDialog{padding:24px;width:90%}.confirmationDialog button{display:block;height:44px;margin:8px 0 0;width:100%}}.aiSection{background:var(--purple-panel);border:1px solid var(--purple-border);border-radius:8px;color:var(--text-color);gap:0;padding:0}.topHalf{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:0}.newChatBar{display:flex;flex-shrink:0;justify-content:flex-end;padding:8px 14px 0}.newChatBtn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:4px 11px;transition:color .15s,background .15s,border-color .15s}.newChatBtn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6}.aiFooter{box-sizing:border-box;flex-shrink:0;padding:0 16px 16px;width:100%}.footerToolbar{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin:0;min-height:40px;padding:0 0 12px}.utilityBarTools{align-items:center;display:flex;gap:16px}.utilityBarStatus{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.voiceLiveBadge{align-items:center;display:inline-flex;gap:8px}.voiceLiveLabel{background:#ef44441f;border:1px solid #ef444459;border-radius:16px;color:#ef4444;font-size:.8rem;font-weight:700;letter-spacing:.06em;line-height:1.2;padding:4px 10px}.voiceLiveDots{align-items:center;display:inline-flex;gap:4px}.voiceLiveDot{animation:voiceLivePulse 1.5s infinite;background:#ef4444;border-radius:50%;height:6px;width:6px}.voiceLiveDot:nth-child(2){animation-delay:.5s}.voiceLiveDot:nth-child(3){animation-delay:1s}@keyframes voiceLivePulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.utilityAttach{cursor:pointer;overflow:hidden;position:relative}.utilityAttach:has(input:disabled){cursor:not-allowed;opacity:.5}.utilityAttach:hover:not(:has(input:disabled)){background:#a855f733;border-color:#a855f780;box-shadow:0 4px 12px #a855f733;color:#fff}.utilityAttachActive{background:linear-gradient(135deg,#a855f7d9,#8b5cf6d9);border-color:#a855f799;box-shadow:0 4px 12px #a855f74d;color:#fff}.utilityCircle{align-items:center;background:#0000004d;border:2px solid #ffffff2e;border-radius:50%;color:#ffffffa6;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;width:40px}.utilityGenerate{cursor:pointer;font:inherit;padding:0}.utilityGenerate:disabled{cursor:not-allowed;opacity:.5}.utilityGenerate:hover:not(:disabled):not(.utilityGenerateActive){background:#10b98133;border-color:#10b98180;box-shadow:0 4px 12px #10b98133;color:#fff}.utilityGenerateActive{background:linear-gradient(135deg,#10b981d9,#059669d9);border-color:#10b98199;box-shadow:0 4px 12px #10b9814d;color:#fff}.utilityCircleIcon{flex-shrink:0;height:18px;width:18px}.chatArea{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-color:#a8edea00 #0000;scrollbar-width:thin;transition:scrollbar-color .3s ease}.chatArea:before{background:radial-gradient(circle at 20% 50%,#ffffff08 0,#0000 60%),radial-gradient(circle at 80% 20%,#ffffff05 0,#0000 60%),radial-gradient(circle at 40% 90%,#ffffff03 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.chatArea:hover{scrollbar-color:#a8edea99 #0000}.chatArea::-webkit-scrollbar-track{background:#0000;border-radius:3px}.chatArea::-webkit-scrollbar-thumb{background-color:#a8edea00;border-radius:3px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.chatArea:hover::-webkit-scrollbar-thumb{background-color:#a8edea99}.chatArea::-webkit-scrollbar-thumb:hover{background-color:#a8edeacc!important}.aiResponse{box-sizing:border-box;color:var(--text-color);flex:1 1 auto;font-size:1rem;gap:4px;line-height:1.5;min-height:-webkit-min-content;min-height:min-content;overflow:visible;padding:24px 20px 16px;z-index:1}.aiResponse>*{z-index:1}.aiResponse:hover{scrollbar-color:#64b5f699 #0000}.aiResponse::-webkit-scrollbar-track{background:#0000;border-radius:3px}.aiResponse::-webkit-scrollbar-thumb{background-color:#64b5f600;border-radius:3px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.aiResponse:hover::-webkit-scrollbar-thumb{background-color:#64b5f699}.aiResponse::-webkit-scrollbar-thumb:hover{background-color:#64b5f6cc!important}.aiResponse p{padding:8px 0}.aiResponse h1,.aiResponse h2,.aiResponse h3,.aiResponse h4,.aiResponse h5,.aiResponse h6{margin:0}.aiResponse ul{margin:8px 0;padding-left:20px}.aiResponse li{padding:4px 0}.instructionsList{background:#ffffff14;border-left:3px solid #64b5f699;border-radius:10px;box-shadow:0 2px 6px #0003;font-size:1rem;margin-bottom:10px;margin-top:12px;padding:14px 16px;text-align:left}.instructionsList li{align-items:center;color:var(--instruction-text-color);display:flex;font-size:16px;gap:10px;line-height:1.8;margin-bottom:12px}.instructionsList li:before{color:#64b5f6cc;content:"🍳";font-size:.9em;margin-right:6px}.inputWrapper{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;padding:8px 0 0;transition:none;width:100%}.textInputSection{background:#00000038;border:1px solid #ffffff14;border-radius:12px;margin-bottom:10px;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.textInputSection:hover{background:#00000047;border-color:#ffffff1f}.textInputSection:focus-within{background:#00000052;border-color:#667eea73;box-shadow:0 0 0 3px #667eea1f}.inlineMicSlot{-webkit-tap-highlight-color:transparent;align-items:center;bottom:8px;display:flex;justify-content:center;position:absolute;right:50px;z-index:2}.mainTextarea{background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:var(--text-color);display:block;font-family:inherit;font-size:1rem;line-height:1.5;max-height:160px;min-height:52px;overflow-y:auto;padding:14px 94px 14px 14px;resize:none;scrollbar-color:#667eea00 #0000;scrollbar-width:thin;width:100%}.textInputSection:hover .mainTextarea{scrollbar-color:#667eea4d #0000}.textInputSection:focus-within .mainTextarea{outline:none;scrollbar-color:#667eea80 #0000}.inlineSendBtn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:50%;bottom:8px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .2s ease;width:36px;z-index:2}.inlineSendBtn.sendMode{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 8px #7c3aed66;color:#fff}.inlineSendBtn.sendMode:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #7c3aed80;transform:scale(1.07)}.inlineSendBtn.analyzeMode{background:linear-gradient(135deg,#6252e1,#5847da);box-shadow:0 2px 8px #6252e166;color:#fff}.inlineSendBtn.analyzeMode:hover:not(:disabled){background:linear-gradient(135deg,#7060f0,#6252e1);box-shadow:0 4px 16px #6252e180;transform:scale(1.07)}.inlineSendBtn:active:not(:disabled){transform:scale(.96)}.inlineSendBtn:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.mainTextarea::placeholder{color:#ffffff80;font-style:italic}.mainTextarea::-webkit-scrollbar{width:4px}.mainTextarea::-webkit-scrollbar-track{background:#0000;border-radius:2px}.mainTextarea::-webkit-scrollbar-thumb{background-color:#667eea00;border-radius:2px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.mainTextarea:hover::-webkit-scrollbar-thumb{background-color:#667eea4d}.mainTextarea:focus::-webkit-scrollbar-thumb{background-color:#667eea80}.imagePreviewSection{margin-bottom:10px}.imagePreviewCard{align-items:center;background:#00000038;border:1px solid #ffffff14;border-radius:10px;display:inline-flex;gap:10px;max-width:100%;padding:8px 10px}.imagePreviewThumb{border-radius:6px;display:block;flex-shrink:0;height:52px;object-fit:cover;width:52px}.imagePreviewInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.imagePreviewName{color:#ffffffd9;font-size:.82rem;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imagePreviewSize{color:#fff6;font-size:.72rem}.imagePreviewRemove{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:28px}.imagePreviewRemove:hover{background:#ef444433;border-color:#ef444466;color:#ef4444e6}.actionsRow,.leftActions{align-items:center;display:flex;gap:12px}.actionsRow{justify-content:flex-start;margin-top:4px}.imageUploadBtn{align-items:center;background:linear-gradient(135deg,#a855f7cc,#8b5cf6cc);border:2px solid #a855f74d;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:44px}.imageUploadBtn:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);border-color:#a855f799;box-shadow:0 8px 20px #a855f766;transform:translateY(-2px)}.imageUploadBtn:active{transform:translateY(0)}.hiddenFileInput{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.voiceInputWrapper{align-items:center;display:flex;flex-shrink:0;gap:12px}.quotaBadge{background:#0000004d;border:1px solid #a8edea33;border-radius:20px;color:#a8edea;font-size:.8rem;font-weight:600;padding:4px 10px;white-space:nowrap}.speechToggleBtn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:2px solid #fff3;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;height:44px;justify-content:center;padding:4px;transition:all .3s ease;width:44px}.speechToggleBtn.speechEnabled{background:#10b98133;border-color:#10b98166;color:#10b981}.speechToggleBtn.speechEnabled:hover:not(:disabled){background:#10b98166;border-color:#10b98199;box-shadow:0 8px 20px #10b9814d;color:#fff;transform:translateY(-2px)}.speechToggleBtn.speechDisabled{background:#6b728033;border-color:#6b728066;color:#9ca3af}.speechToggleBtn.speechDisabled:hover:not(:disabled){background:#6b728066;border-color:#6b728099;box-shadow:0 8px 20px #6b72804d;color:#fff;transform:translateY(-2px)}.speechToggleBtn.speechLoading{animation:speechLoadingPulse 1.5s infinite;background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}.speechToggleBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.primaryActionBtn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:44px}.primaryActionBtn.sendMode{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 8px #7c3aed66;color:#fff}.primaryActionBtn.sendMode:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #7c3aed80;transform:scale(1.07)}.primaryActionBtn.analyzeMode{background:linear-gradient(135deg,#6252e1,#5847da);box-shadow:0 2px 8px #6252e166;color:#fff}.primaryActionBtn.analyzeMode:hover:not(:disabled){background:linear-gradient(135deg,#7060f0,#6252e1);box-shadow:0 4px 16px #6252e180;transform:scale(1.07)}.primaryActionBtn:active:not(:disabled){transform:scale(.96)}.primaryActionBtn:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.buttonIcon{flex-shrink:0;height:18px;width:18px}.buttonSpinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.aiSection .analyzeBtn,.aiSection .buttonRow,.aiSection .fullWidthTextarea,.aiSection .imageUploadInput,.aiSection .inputContainer,.aiSection .label,.aiSection .sendBtn,.aiSection .speechToggleInput,.aiSection .textareaWrapper,.aiSection .uploadWrapper{display:none}.aiSection .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;margin-right:8px;width:18px}.aiSection .overlay{align-items:center;background-color:#0006;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}.transcriptionBubble{align-items:flex-start;background-color:var(--input-background-color);border-radius:15px;display:flex;gap:10px;margin-bottom:10px;max-width:100%;padding:10px}.avatarPlaceholder{background-color:#777;border-radius:50%;height:40px;width:40px}.userNamePlaceholder{color:#ffffff73;font-size:.78rem;font-weight:600;letter-spacing:.01em;margin:0}.userMessage{color:var(--text-color);font-size:.95rem;line-height:1.4;margin:5px 0 0}.userBubble{align-items:flex-end;animation:bubbleAppear .2s ease-out;display:flex;flex-direction:row-reverse;gap:0;margin:2px 16px 2px auto;max-width:72%;position:relative}.userBubble .avatarPlaceholder,.userBubble .userNamePlaceholder{display:none}.userBubble .bubbleContent{background:linear-gradient(135deg,#6d28d9,#7c3aed);border-radius:20px 20px 4px 20px;box-shadow:0 2px 8px #6d28d959;padding:10px 16px}.userBubble .bubbleMeta{display:none}.userBubble .userMessage{word-wrap:break-word;color:#fffffff7;font-size:.94rem;line-height:1.55;margin:0}.aiBubble{align-items:flex-start;animation:bubbleAppear .25s ease-out;display:flex;gap:10px;margin:6px 16px;max-width:94%;position:relative}.aiBubble .avatarPlaceholder{align-items:center;background:radial-gradient(circle at 30% 30%,#ffffff40 0,#fff0 55%),linear-gradient(135deg,#f5e6b447,#caa76338);border:1px solid #e6c88c8c;border-radius:50%;box-shadow:0 2px 8px #caa7634d;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;width:28px}.aiBubble .avatarPlaceholder:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff8e1,#f5d38a 45%,#c9a24b);-webkit-background-clip:text;background-clip:text;content:"Z";filter:drop-shadow(0 1px 3px rgba(201,162,75,.45));font-size:.85rem;font-weight:800;letter-spacing:-.5px}.aiBubble .userNamePlaceholder{color:#a8edea8c;font-size:.76rem;font-weight:600;letter-spacing:.01em;margin:0}.aiBubble .userMessage{word-wrap:break-word;color:#ffffffeb;font-size:.95rem;line-height:1.65;margin:0}.aiBubble .userMessage p{margin:8px 0}.aiBubble .userMessage p:first-child{margin-top:0}.aiBubble .userMessage p:last-child{margin-bottom:0}.aiBubble .userMessage h1,.aiBubble .userMessage h2,.aiBubble .userMessage h3,.aiBubble .userMessage h4,.aiBubble .userMessage h5,.aiBubble .userMessage h6{color:#fffffff2;font-weight:600;margin:14px 0 6px}.aiBubble .userMessage h1{font-size:1.2rem}.aiBubble .userMessage h2{color:#a8edeae6;font-size:1.08rem}.aiBubble .userMessage h3{color:#a8edeacc;font-size:1rem}.aiBubble .userMessage ol,.aiBubble .userMessage ul{color:#ffffffeb;margin:8px 0;padding-left:20px}.aiBubble .userMessage li{color:#ffffffe6;margin:4px 0;position:relative}.aiBubble .userMessage ul li::marker{color:#fffc;font-weight:700}.aiBubble .userMessage ol li::marker{color:#fffc;font-weight:700}.aiBubble .userMessage code{background:#a8edea26;border:1px solid #a8edea33;border-radius:4px;color:#a8edea;font-family:Courier New,monospace;font-weight:500;padding:2px 6px}.aiBubble .userMessage pre{background:#a8edea14;border:1px solid #a8edea26;border-radius:8px;color:#ffffffeb;font-family:Courier New,monospace;margin:8px 0;overflow-x:auto;padding:12px}.aiBubble .userMessage b,.aiBubble .userMessage strong{color:#fffffff7;font-weight:600}.aiBubble .userMessage em,.aiBubble .userMessage i{color:#ffffffd9;font-style:italic}.aiBubble .userMessage blockquote{background:#a8edea14;border-left:3px solid #a8edea;border-radius:0 8px 8px 0;color:#ffffffe6;font-style:italic;margin:12px 0;padding:8px 16px}.aiBubble .userMessage a{color:#7dd3fc;text-decoration:underline;-webkit-text-decoration-color:#7dd3fc80;text-decoration-color:#7dd3fc80;transition:all .2s ease}.aiBubble .userMessage a:hover{color:#a8edea;-webkit-text-decoration-color:#a8edea;text-decoration-color:#a8edea;text-shadow:0 1px 4px #a8edea66}.aiBubble .instructionsList{background:linear-gradient(135deg,#f5e6b414,#caa7630d),#ffffff05;border:1px solid #e6c88c38;border-left:2px solid #e6c88c8c;border-radius:10px;box-shadow:inset 0 1px 0 #fff8e10d,0 2px 10px #caa7630f;counter-reset:step-counter;list-style:none;margin-bottom:0;margin-top:14px;padding:14px 16px 14px 18px}.aiBubble .instructionsList li{align-items:flex-start;color:#ffffffe0;counter-increment:step-counter;display:flex;font-size:.92rem;gap:10px;line-height:1.6;margin-bottom:8px}.aiBubble .instructionsList li:last-child{margin-bottom:0}.aiBubble .instructionsList li:before{align-items:center;background:radial-gradient(circle at 30% 30%,#ffffff4d 0,#fff0 55%),linear-gradient(135deg,#f5d38a59,#caa76347);border:1px solid #e6c88c8c;border-radius:50%;box-shadow:0 1px 4px #caa76359;color:#fff8e1;content:counter(step-counter);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;margin-top:2px;min-width:1.5rem;text-shadow:0 1px 2px #785a1e59}.noteBubble{background-color:#ffffff26;border-left:4px solid #fc0;border-radius:8px;color:var(--text-color);font-style:italic;margin-top:16px;padding:12px 16px}.aiGenerated{font-weight:700}.ongoingTranscription{background-color:#ffffff1a;border-radius:8px;color:gray;font-style:italic;margin-bottom:10px;padding:8px}.welcomeScreen{flex:1 1;flex-direction:column;gap:0;min-height:0;padding:40px 32px;text-align:center}.welcomeIconRing,.welcomeScreen{align-items:center;display:flex;justify-content:center}.welcomeIconRing{animation:pulseRing 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffff38 0,#fff0 55%),linear-gradient(135deg,#f5e6b438,#caa7632e);border:1.5px solid #e6c88c8c;border-radius:50%;box-shadow:0 0 0 6px #e6c88c14,0 8px 32px #caa76340;height:72px;margin-bottom:20px;width:72px}.welcomeAvatarLarge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff8e1,#f5d38a 45%,#c9a24b);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 6px rgba(201,162,75,.4));font-size:2rem;font-weight:800;line-height:1}.welcomeTitle{color:#fff;font-size:1.65rem;font-weight:650;letter-spacing:-.3px;margin:0 0 10px}.welcomeSubtitle{color:#ffffff8c;font-size:.95rem;font-weight:400;margin:0 0 36px}.suggestionGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-width:480px;width:100%}.suggestionChip{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-family:inherit;font-size:.84rem;font-weight:450;gap:8px;line-height:1.3;padding:11px 14px;text-align:left;transition:all .2s ease}.suggestionChip:hover{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 4px 16px #8b5cf626;color:#fffffff2;transform:translateY(-1px)}.suggestionChip:active{transform:translateY(0)}.chipIcon{fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;height:14px;opacity:.6;width:14px}@keyframes pulseRing{0%,to{box-shadow:0 0 0 6px #e6c88c14,0 8px 32px #caa76340}50%{box-shadow:0 0 0 10px #e6c88c0d,0 8px 32px #f5d38a59}}.tutorialContainer{display:none}.aiSection .section{margin-bottom:28px}.aiSection .capabilitiesList,.aiSection .capabilityItem,.aiSection .exampleItem,.aiSection .examplesList,.aiSection .inputMethods,.aiSection .methodIcon,.aiSection .methodItem,.aiSection .noteIcon,.aiSection .noteSection,.aiSection .sectionTitle{display:none}.thinkingContainer{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px;margin-top:2px;opacity:.8;position:relative}.thinkingDots{align-items:center;display:flex;gap:3px}.thinkingDots .dot{animation:thinking 1.4s ease-in-out infinite;background-color:#ffffffb3;border-radius:50%;height:6px;width:6px}.thinkingDots .dot:first-child{animation-delay:0s}.thinkingDots .dot:nth-child(2){animation-delay:.2s}.thinkingDots .dot:nth-child(3){animation-delay:.4s}.thinkingText{color:#ffffffb3;font-size:.9rem;font-style:italic}.bubbleContent{display:flex;flex:1 1;flex-direction:column;min-width:0}.bubbleMeta{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.messageTime{color:#ffffff4d;font-size:.72rem;font-weight:400;opacity:0;transition:opacity .2s ease}.aiBubble:hover .messageTime,.userBubble:hover .messageTime{opacity:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes speechLoadingPulse{0%,to{background:#f59e0b33;border-color:#f59e0b66}50%{background:#f59e0b66;border-color:#f59e0b99}}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thinking{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (min-width:99999px){.aiSection{border:1px solid var(--purple-border);border-radius:8px;margin:0 auto;padding:0;width:100%}.chatArea{margin-bottom:0}.aiResponse{font-size:.95rem;padding:20px}.aiFooter{padding:0 12px 12px}.inputWrapper{padding:6px 0 0}.mainTextarea{font-size:16px;min-height:48px;padding:12px 94px 12px 14px}.inlineMicSlot{right:50px}.inlineMicSlot,.inlineSendBtn{bottom:0;margin-bottom:auto;margin-top:auto;top:0}.inlineSendBtn{height:38px;right:6px;width:38px}.inlineSendBtn.analyzeMode:hover:not(:disabled),.inlineSendBtn.sendMode:hover:not(:disabled){transform:scale(1.05)}.inlineSendBtn:disabled{background:linear-gradient(135deg,#7c3aed73,#6d28d973);color:#ffffff8c;opacity:.55}.inlineSendBtn.analyzeMode:disabled{background:linear-gradient(135deg,#6252e173,#5847da73)}.inlineSendBtn .buttonIcon{height:18px;width:18px}.footerToolbar{min-height:44px;padding:0 0 10px}.utilityBarTools{gap:14px}.utilityCircle{height:44px;width:44px}.imageUploadBtn,.speechToggleBtn{border-radius:12px;height:44px;min-width:44px;width:44px}.userBubble{max-width:82%}.aiBubble{margin:4px 10px;max-width:96%}.aiSection{border:none;border-radius:0;min-height:500px}.aiResponse{padding:16px}.suggestionGrid{grid-template-columns:1fr}.welcomeTitle{font-size:1.3rem}.welcomeIconRing{height:60px;width:60px}.aiFooter{padding:0 8px 8px}.inputWrapper{padding:4px 0 0}.mainTextarea{font-size:16px;min-height:48px;padding:12px 89px 12px 12px}.inlineMicSlot{right:47px}.inlineSendBtn{height:36px;right:5px;width:36px}.voiceLiveLabel{font-size:.75rem;padding:3px 8px}.inlineSendBtn .buttonIcon{height:17px;width:17px}.imageUploadBtn,.speechToggleBtn{height:44px;width:44px}.transcriptionBubble{max-width:100%}.userBubble{margin-right:8px;max-width:90%}.aiBubble{margin-left:8px;max-width:95%}}.changeReviewCard{background:#0000002e;border:1px solid #ffffff1a;border-radius:10px;margin-top:4px;padding:12px 14px}.changeReviewTitle{color:#ffffffeb;font-size:.9rem;font-weight:600;margin:10px 0 8px}.changeReviewList{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 10px;padding:0}.changeReviewItem{align-items:flex-start;color:#ffffffe0;display:flex;font-size:.85rem;gap:8px;line-height:1.35}.changeReviewBadge{flex-shrink:0;text-align:center;width:18px}.changeMatched .changeReviewBadge{color:#7dffb2}.changeSuspicious .changeReviewBadge{color:#ffd27d}.changeReviewWarning{color:#ffffff8c;font-size:.75rem;margin:0 0 10px}.changeReviewActions{display:flex;flex-wrap:wrap;gap:8px}.changeReviewBtnGhost,.changeReviewBtnPrimary,.changeReviewBtnSecondary{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;padding:7px 12px;transition:background .15s,border-color .15s,opacity .15s}.changeReviewBtnPrimary{background:#7dffb22e;border-color:#7dffb259;color:#dfffee}.changeReviewBtnSecondary{background:#ffd27d24;border-color:#ffd27d59;color:#fff1d6}.changeReviewBtnGhost{background:#0000;border-color:#ffffff2e;color:#ffffffb8}.changeReviewBtnGhost:disabled,.changeReviewBtnPrimary:disabled,.changeReviewBtnSecondary:disabled{cursor:not-allowed;opacity:.45}.changeReviewResolved{color:#ffffffd1;font-size:.85rem;margin:8px 0 0}.undoLink{background:none;border:none;color:#a8edeaf2;cursor:pointer;font-size:.78rem;font-weight:600;margin-top:6px;padding:0;text-decoration:underline;text-underline-offset:2px}.undoLink:hover{color:#dffffc}.ingredientsSelection .consoleContent>.ingredientsPanel,.mealPlanner>.rightPanel>.ingredientsPanel{background:var(--purple-panel);border:1px solid var(--purple-border);border-radius:8px;padding:20px}.ingredientsSection{overflow:hidden}.searchContainer{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.searchWrapper{position:relative;width:100%}.searchIcon{color:#888;font-size:1.2rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ingredientsPanel .input-field--search{padding-left:2.5rem}.searchInput{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--input-text-color);font-size:1rem;padding:10px 10px 10px 50px;width:100%}.typeTagsContainer{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.typeTag{border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;gap:5px;justify-content:center;overflow:hidden;padding:6px 4px;text-shadow:1px 1px 2px #00000073;transition:all .18s ease;white-space:nowrap}.typeTag,.typeTagIcon{align-items:center;display:flex}.typeTagIcon{flex-shrink:0;font-size:.72rem}.typeTag.allTag{background:#ffffff1a;border:2px solid #fff3;color:#ffffffd9;text-shadow:none}.typeTag.allTag.selectedTypeTag{background:#fff3;border-color:#ffffffb3;color:#fff;font-weight:700}.typeTag.allTag:hover{background:#ffffff2e;border-color:#ffffff73}.typeTag:not(.allTag){color:#fff}.typeTag:not(.allTag):hover{box-shadow:0 3px 8px #0000004d;filter:brightness(115%);transform:translateY(-1px)}.selectedTypeTag{border-color:#fff;box-shadow:0 0 0 1px #fff6,0 3px 10px #00000059;font-weight:700}.selectedTypeTag:not(.allTag):hover{filter:brightness(110%);transform:translateY(-1px)}.ingredientsHeader{color:var(--text-color);font-size:1.5rem;margin:0 0 16px}.ingredientsListContainer{gap:12px}.alphabetIndex{align-items:stretch;display:flex;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:8px 0;scrollbar-width:none;width:1.5rem}.alphabetIndex::-webkit-scrollbar{display:none}.alphabetLetter{align-items:center;aspect-ratio:1/1;background:#0000;border:none;border-radius:4px;box-sizing:border-box;color:#999;cursor:default;display:flex;flex:0 0 auto;font-size:11px;font-weight:600;height:auto;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.alphabetLetterActive{background:#d05ce31a;color:#333;color:var(--text-color,#333);cursor:pointer}.alphabetLetterActive:hover{background:#d05ce340;transform:scale(1.15)}.alphabetLetterHighlight{background:#d05ce3cc!important;box-shadow:0 2px 8px #d05ce366;color:#fff!important;font-weight:700}.alphabetLetterHighlight:hover{background:#d05ce3e6!important;transform:scale(1.2)}.ingredientsList{padding-right:8px;scrollbar-color:#d05ce380 #0000;scrollbar-width:thin}.ingredientsList::-webkit-scrollbar-track{background:#0000}.ingredientsList::-webkit-scrollbar-thumb{background:#d05ce380;border-radius:4px}.ingredientsList::-webkit-scrollbar-thumb:hover{background:#d05ce3b3}.letterSection{margin-bottom:24px}.letterHeader{align-items:center;color:#666;color:var(--text-color,#666);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px;opacity:.7;padding-left:4px}.letterCount{background:#ffffff14;border-radius:999px;font-size:.7rem;font-weight:600;opacity:.7;padding:1px 7px}.ingredientsGrid{flex-direction:column;gap:8px}.ingredientContainer,.ingredientsGrid{display:flex;max-width:100%;width:100%}.ingredientContainer{align-items:center;height:50px;justify-content:center}.ingredientContainer.added .ingredientCircle,.ingredientContainer.added .ingredientImage{cursor:not-allowed;filter:grayscale(1);opacity:.5}.ingredientCircle{align-items:center;border:3px solid #ffffff80;border-radius:10px;box-shadow:inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff4d;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:15px;font-weight:700;gap:12px;height:50px;justify-content:flex-start;line-height:1.2;padding:4px 12px 4px 60px;position:relative;text-align:left;transition:opacity .2s,transform .2s;white-space:nowrap;width:100%}.ingredientCircle:hover{border-color:#fffc;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff4d;opacity:.9;transform:scale(.99)}.ingredientImage{border:3px solid #ffffff80;border-radius:50%;flex-shrink:0;height:38px;left:8px;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);width:38px}.ingredientImage:hover{border-color:#fffc}.ingredientIcon{align-items:center;background-color:#ffffff21;border-radius:50%;box-shadow:0 1px 4px #0000004d;color:#fff;display:flex;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));height:24px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:2}.ingredientName{flex:1 1}.dairy,.flask,.fruit,.grain,.meat,.processed,.snack,.spice,.vegetable{color:#fff;font-family:sans-serif;font-weight:700;text-shadow:1px 1px 2px #000;text-transform:capitalize}@media (min-width:99999px){.ingredientsGrid{display:flex;flex-direction:column;gap:8px}.ingredientContainer{height:50px;max-width:100%;width:100%}.ingredientCircle{align-items:center;border-radius:10px;display:flex;flex-direction:row;font-size:15px;font-weight:700;gap:12px;height:50px;justify-content:flex-start;padding-left:60px;position:relative;text-align:left;width:100%}.ingredientIcon{height:24px;left:10px;width:24px}.ingredientImage{border-radius:50%;flex-shrink:0;height:38px;left:8px;margin-right:0;position:absolute;top:50%;transform:translateY(-50%);width:38px}.ingredientName{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchContainer{margin-bottom:24px;order:2}.typeTagsContainer{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;order:1}.typeTag{border-radius:16px;flex:0 0 auto;font-size:.75rem;gap:4px;padding:5px 10px;width:auto}.alphabetIndex{display:none}.ingredientsListContainer{order:3}.ingredientsList{padding-right:0}.letterHeader{display:none}.ingredientsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;order:3}.ingredientCircle,.ingredientContainer{height:50px;width:100%}.ingredientCircle{align-items:center;border-radius:25px;display:flex;flex-direction:row;font-size:16px;font-weight:700;gap:12px;justify-content:flex-start;padding-left:60px;position:relative;text-align:left}.ingredientIcon{height:20px;left:10px;width:20px}.ingredientImage{border-radius:50%;flex-shrink:0;height:40px;left:8px;margin-right:0;position:absolute;top:50%;transform:translateY(-50%);width:40px}.ingredientName{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchWrapper{max-width:none;width:100%}.searchIcon{color:#666;font-size:1.4rem;left:18px}.searchInput,.searchWrapper input{background-color:#f8f9fa;border:2px solid #ddd;border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:16px;height:50px;padding:0 20px 0 55px;transition:all .3s ease}.searchWrapper input:focus{background-color:#fff;border-color:#d05ce3;box-shadow:0 0 0 3px #d05ce333;outline:none}}.panelTitleRow{gap:10px;justify-content:space-between;margin-bottom:4px}.panelTitleRow,.quickAddBtn{align-items:center;display:flex}.quickAddBtn{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:1px solid #8b5cf680;border-radius:20px;color:#a78bfa;cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.quickAddBtn:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed33);border-color:#8b5cf6cc;box-shadow:0 4px 12px #8b5cf64d;color:#c4b5fd;transform:translateY(-1px)}.emptyState{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:40px 20px;text-align:center}.emptyStateIcon{color:#8b5cf666;font-size:2.5rem}.emptyStateText{color:#ffffff8c;font-size:.95rem;margin:0}.emptyStateText strong{color:#fffc}.emptyStateAddBtn{align-items:center;background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);border:1px solid #8b5cf680;border-radius:22px;color:#c4b5fd;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.emptyStateAddBtn:hover{background:linear-gradient(135deg,#8b5cf659,#7c3aed40);border-color:#8b5cf6cc;box-shadow:0 4px 16px #8b5cf64d;transform:translateY(-1px)}.quickAddOverlay{animation:overlayFadeIn .25s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a14f7;border:1px solid #8b5cf64d;border-radius:8px;display:flex;flex-direction:column;inset:0;overflow-x:hidden;overflow-y:auto;position:absolute;scrollbar-color:#8b5cf64d #0000;scrollbar-width:thin;z-index:100}@keyframes overlayFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.overlayHeader{align-items:center;background:#0a0a14f7;border-bottom:1px solid #8b5cf633;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.overlayTitle{color:#e2d9f3;font-size:1.1rem;font-weight:700;letter-spacing:.3px;margin:0}.overlayCloseBtn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50%;color:#a78bfa;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.overlayCloseBtn:hover{background:#8b5cf640;border-color:#8b5cf699;color:#c4b5fd;transform:rotate(90deg)}.overlayBody{flex:1 1;overflow-y:auto;padding:16px 16px 24px}.overlayDuplicateSection{border-top:1px solid #8b5cf633;margin-top:28px;padding-top:20px}.overlayDuplicateHeader{align-items:center;display:flex;gap:10px;margin-bottom:12px}.overlayDuplicateIcon{color:#a78bfa;flex-shrink:0;height:18px;width:18px}.overlayDuplicateTitle{align-items:center;color:#e2d9f3;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0}.overlayDuplicateCount{align-items:center;background:#ef444440;border:1px solid #ef444466;border-radius:10px;color:#fca5a5;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.overlayDuplicateHint{color:#fff6;font-size:.82rem;font-style:italic;margin:0}.overlayDuplicateNone{align-items:center;color:#6ee7b7;display:flex;font-size:.82rem;margin:0}.overlayDuplicateList{display:flex;flex-direction:column;gap:8px}.overlayDuplicateItem{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;display:flex;gap:10px;padding:10px 14px}.overlayDupItemIcon{color:#fca5a5;flex-shrink:0;height:16px;width:16px}.overlayDupName{color:#ffffffd9;flex:1 1;font-size:.88rem;font-weight:500;text-transform:capitalize}.overlayDupBadge{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#fff9;font-size:.75rem;font-weight:700;letter-spacing:.4px;padding:3px 8px}.overlayDupBadge.weight{background:#eab30826;border-color:#eab3084d;color:#fde047}.overlayDupBadge.liquid{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.overlayDupBadge.volume{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.overlayDupBadge.pieces{background:#9ca3af26;border-color:#9ca3af4d;color:#d1d5db}.modeSelector{background-color:#212121;border:1px solid #ffffff1a;border-radius:30px;display:flex;overflow:hidden;position:relative}.vertical{flex-direction:column;height:122px;width:60px}.horizontal{flex-direction:row;height:48px;width:112px}.modeSelector.horizontal .indicator{height:42px;top:50%;transform:translate(-50%,-50%);width:42px}.modeSelector.horizontal .indicator.ai{left:25%}.modeSelector.horizontal .indicator.manual{left:75%}.modeSelector .aiModeIcon{display:block;height:1.55em;width:1.55em}.modeSelector .manualModeIcon{font-size:1em;height:1em;width:1em}.modeItem{align-items:center;color:#b7b7b7;cursor:pointer;display:flex;flex:1 1;justify-content:center;transition:color .3s ease;z-index:1}.modeItem.active{color:#fff}.indicator{background-color:#6b5de7;border-radius:50%;height:50px;position:absolute;transition:all .3s ease;width:50px;z-index:0}.modeSelector.vertical .indicator{left:50%;transform:translateX(-50%)}.modeSelector.vertical .indicator.ai{top:5px}.modeSelector.vertical .indicator.manual{top:65px}@media (min-width:99999px){.modeSelector{flex-direction:row;height:60px;width:122px}.modeSelector.vertical .indicator{transform:translate(-50%,-50%)}.modeSelector.vertical .indicator.ai{left:25%;top:50%}.modeSelector.vertical .indicator.manual{left:75%;top:50%}}.wrapper{display:inline-flex}.centerCircle,.wrapper{align-items:center;justify-content:center;position:relative}.centerCircle{aspect-ratio:1;background:linear-gradient(180deg,#4caf50,#388e3c);border-radius:50%;box-shadow:0 0 0 0 #fff0,0 2px 5px #00000040;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex:0 0 30px;font-size:13px;font-weight:700;height:30px;min-height:30px;min-width:30px;text-shadow:1px 1px 2px #00000080;transition:background .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;width:30px;z-index:10}.centerCircle>*{pointer-events:none}.centerCircle:hover,.centerCircleOpen{background:linear-gradient(180deg,#43a047,#2e7d32);box-shadow:0 0 0 2px #ffffff8c,0 2px 5px #00000040}.overlay{inset:0;position:fixed;z-index:999}.picker{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161030fa;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 2px 8px #00000059,0 12px 32px #0000008c;padding:12px;width:-webkit-max-content;width:max-content;z-index:1000}.pickerLabel{color:#ffffff73;font-size:.7rem;font-weight:700;letter-spacing:.08em;margin:0 0 0 2px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.pickerDivider{background:#ffffff1a;height:1px;margin:8px 0}.groupLabel{color:#ffffff61;display:block;font-size:.65rem;font-weight:700;letter-spacing:.09em;margin:0 0 5px 2px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.groupDivider{background:#ffffff12;height:1px;margin:8px 0}.pickerGrid{grid-gap:5px;display:grid;gap:5px;margin-bottom:4px}.unitBtn{align-items:center;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;height:36px;justify-content:center;letter-spacing:.02em;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;width:52px}.unitBtn:hover{background:#ffffff24;border-color:#ffffff47;color:#fff;transform:translateY(-1px)}.unitBtnActive{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#ffffff4d;color:#fff}.unitBtnActive:hover{background:linear-gradient(135deg,#43a047,#2e7d32);transform:translateY(-1px)}.mobileContainer{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.mobileTrigger{align-items:center;background:linear-gradient(180deg,#4caf50,#388e3c);border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;text-shadow:1px 1px 2px #00000080;-webkit-user-select:none;user-select:none;width:44px;z-index:5}.mobileBackdrop{background:#0000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:90}.mobileOptionsRow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1efa;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #00000080;left:50%!important;max-width:400px;overflow:visible;padding:8px 32px;position:fixed;transform:translateX(-50%)!important;width:90vw;z-index:100}.mobileScrollContainer{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding:4px;scrollbar-width:none}.mobileScrollContainer::-webkit-scrollbar{display:none}.mobileOption{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;min-width:44px;transition:all .2s;width:44px}.mobileOption:active{background:#4caf5099;transform:scale(.95)}.scrollArrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:101}.scrollArrow:active{background:#fff6}.scrollArrowLeft{left:4px}.scrollArrowRight{right:4px}.formContainer{--af-text:#e5e7eb;--af-text-muted:#e5e7eba6;--af-text-faint:#e5e7eb73;--af-surface:#ffffff08;--af-surface-alt:#ffffff0d;--af-surface-strong:#ffffff14;--af-border:#ffffff14;--af-border-strong:#ffffff29;background:#0000;box-sizing:border-box;gap:22px;padding:0;width:100%}.formContainer,.formGroup{display:flex;flex-direction:column}.formGroup{position:relative}.formGroup label{color:var(--af-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.9px;margin-bottom:8px;text-transform:uppercase}.formGroup label:before{display:none}.inlineFormGroup{align-items:flex-start;display:flex;gap:14px}.inlineFormGroup .formGroup{margin-bottom:0}.nameGroup{flex:3 1}.quantityGroup{flex:1 1;min-width:110px}.inputField{background:#0a0e14;border:1px solid var(--af-border);border-radius:10px;box-sizing:border-box;color:var(--af-text);font-size:.95rem;font-weight:500;padding:12px 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.inputField:hover:not(:focus){background:#0c1119;border-color:#22c55e4d}.inputField:focus{background:#0c1119;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26;outline:none}.inputField::placeholder{color:var(--af-text-faint);font-style:normal;font-weight:400}.typeSection,.unitSection{background:var(--af-surface);border:1px solid var(--af-border);border-radius:14px;padding:18px}.typeSection{overflow:hidden;position:relative}.typeSectionHeader{margin-bottom:14px;text-align:left}.typeSectionTitle{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--af-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.9px;margin:0 0 4px;text-transform:uppercase}.typeSectionSubtitle{color:var(--af-text-faint);font-size:.82rem;font-style:normal;margin:0}.panelContainer{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:0;max-width:100%}.panel{background:#0a0e14;border:1px solid var(--af-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.panel:hover{transform:translateY(-2px)}.panel:first-child{border-color:#22c55e47;box-shadow:0 0 0 1px #22c55e0d,0 6px 18px #22c55e1a}.panel:first-child:hover{border-color:#22c55e8c;box-shadow:0 0 0 1px #22c55e1a,0 10px 24px #22c55e33}.panel:nth-child(2){border-color:#3b82f647;box-shadow:0 0 0 1px #3b82f60d,0 6px 18px #3b82f61a}.panel:nth-child(2):hover{border-color:#3b82f68c;box-shadow:0 0 0 1px #3b82f61a,0 10px 24px #3b82f633}.panel:nth-child(3){border-color:#7c3aed47;box-shadow:0 0 0 1px #7c3aed0d,0 6px 18px #7c3aed1a}.panel:nth-child(3):hover{border-color:#7c3aed8c;box-shadow:0 0 0 1px #7c3aed1a,0 10px 24px #7c3aed33}.panel:nth-child(4){border-color:#f9731647;box-shadow:0 0 0 1px #f973160d,0 6px 18px #f973161a}.panel:nth-child(4):hover{border-color:#f973168c;box-shadow:0 0 0 1px #f973161a,0 10px 24px #f9731633}.panelHeader{align-items:center;border:none;color:#fff;display:flex;gap:8px;justify-content:center;overflow:hidden;padding:8px 12px;position:relative}.panel:first-child .panelHeader{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:inset 0 -1px 0 #00000040,inset 0 1px 0 #ffffff1f}.panel:nth-child(2) .panelHeader{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:inset 0 -1px 0 #00000040,inset 0 1px 0 #ffffff1f}.panel:nth-child(3) .panelHeader{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:inset 0 -1px 0 #00000040,inset 0 1px 0 #ffffff1f}.panel:nth-child(4) .panelHeader{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:inset 0 -1px 0 #00000040,inset 0 1px 0 #ffffff1f}.panelHeader:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);content:"";display:block;height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.panel:hover .panelHeader:before{left:100%}.panelIcon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));flex-shrink:0;font-size:.95rem}.panel h4{color:#fff;font-size:.72rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 1px 2px #00000040;text-transform:uppercase}.weightUnitsGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.panel .tag{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--af-text);cursor:pointer;display:flex;font-size:.78rem;font-weight:700;justify-content:center;letter-spacing:.8px;min-height:36px;padding:9px 6px;position:relative;text-align:center;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .1s ease,box-shadow .18s ease;width:100%}.panel .tag:active{transform:scale(.97)}.panel:first-child .tag{background:#22c55e14;border:1px solid #22c55e4d;color:#86efac}.panel:first-child .tag:hover:not(.selectedTag){background:#22c55e2e;border-color:#22c55e8c;box-shadow:0 2px 10px #22c55e2e;color:#bbf7d0}.panel:first-child .tag.selectedTag{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55e!important;box-shadow:0 3px 12px #22c55e73,inset 0 1px 0 #ffffff2e!important;color:#fff!important}.panel:nth-child(2) .tag{background:#3b82f614;border:1px solid #3b82f64d;color:#93c5fd}.panel:nth-child(2) .tag:hover:not(.selectedTag){background:#3b82f62e;border-color:#3b82f68c;box-shadow:0 2px 10px #3b82f62e;color:#bfdbfe}.panel:nth-child(2) .tag.selectedTag{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#3b82f6!important;box-shadow:0 3px 12px #3b82f673,inset 0 1px 0 #ffffff2e!important;color:#fff!important}.panel:nth-child(3) .tag{background:#7c3aed14;border:1px solid #7c3aed4d;color:#c4b5fd}.panel:nth-child(3) .tag:hover:not(.selectedTag){background:#7c3aed2e;border-color:#7c3aed8c;box-shadow:0 2px 10px #7c3aed2e;color:#ddd6fe}.panel:nth-child(3) .tag.selectedTag{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border-color:#7c3aed!important;box-shadow:0 3px 12px #7c3aed73,inset 0 1px 0 #ffffff2e!important;color:#fff!important}.panel:nth-child(4) .tag{background:#f9731614;border:1px solid #f973164d;color:#fdba74}.panel:nth-child(4) .tag:hover:not(.selectedTag){background:#f973162e;border-color:#f973168c;box-shadow:0 2px 10px #f973162e;color:#fed7aa}.panel:nth-child(4) .tag.selectedTag{background:linear-gradient(135deg,#f97316,#ea580c)!important;border-color:#f97316!important;box-shadow:0 3px 12px #f9731673,inset 0 1px 0 #ffffff2e!important;color:#fff!important}.tagContainer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.tag{align-items:center;background:#ffffff08;border:1px solid var(--af-border);border-radius:10px;box-sizing:border-box;color:var(--af-text);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.4px;min-width:35px;padding:14px 8px;position:relative;text-align:center;text-transform:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .1s ease;width:100%}.typeIcon{font-size:1.25rem;transition:transform .2s ease,color .2s ease}.typeLabel{font-size:.78rem;font-weight:600;letter-spacing:.2px;text-transform:none}.tag:hover:not(.selectedTag){background:#ffffff0f;border-color:var(--af-border-strong);transform:translateY(-1px)}.tag:hover .typeIcon{transform:scale(1.08)}.tag:active:not(.selectedTag){transform:translateY(0)}.tag.dairy .typeIcon{color:#3b82f6}.tag.flask .typeIcon{color:#a855f7}.tag.fruit .typeIcon{color:#f59e0b}.tag.grain .typeIcon{color:#b08968}.tag.meat .typeIcon{color:#ef4444}.tag.processed .typeIcon{color:#64748b}.tag.snack .typeIcon{color:#f97316}.tag.spice .typeIcon{color:#a16207}.tag.vegetable .typeIcon{color:#22c55e}.tag.dairy,.tag.flask,.tag.fruit,.tag.grain,.tag.meat,.tag.processed,.tag.snack,.tag.spice,.tag.vegetable{background:#ffffff08}.tag.dairy:hover:not(.selectedTag){background:#3b82f614;border-color:#3b82f659}.tag.flask:hover:not(.selectedTag){background:#a855f714;border-color:#a855f759}.tag.fruit:hover:not(.selectedTag){background:#f59e0b14;border-color:#f59e0b59}.tag.grain:hover:not(.selectedTag){background:#b089681a;border-color:#b0896866}.tag.meat:hover:not(.selectedTag){background:#ef444414;border-color:#ef444459}.tag.processed:hover:not(.selectedTag){background:#64748b1a;border-color:#64748b66}.tag.snack:hover:not(.selectedTag){background:#f9731614;border-color:#f9731659}.tag.spice:hover:not(.selectedTag){background:#a162071a;border-color:#a1620766}.tag.vegetable:hover:not(.selectedTag){background:#22c55e14;border-color:#22c55e59}.tag.dairy.selectedTag{background:#3b82f6!important;border-color:#3b82f6!important}.tag.flask.selectedTag{background:#a855f7!important;border-color:#a855f7!important}.tag.fruit.selectedTag{background:#f59e0b!important;border-color:#f59e0b!important}.tag.grain.selectedTag{background:#8b6f52!important;border-color:#8b6f52!important}.tag.meat.selectedTag{background:#ef4444!important;border-color:#ef4444!important}.tag.processed.selectedTag{background:#64748b!important;border-color:#64748b!important}.tag.snack.selectedTag{background:#f97316!important;border-color:#f97316!important}.tag.spice.selectedTag{background:#a16207!important;border-color:#a16207!important}.tag.vegetable.selectedTag{background:#22c55e!important;border-color:#22c55e!important}.tag.selectedTag{box-shadow:0 3px 10px #0003!important;transform:translateY(-1px)}.tag.selectedTag,.tag.selectedTag .typeIcon{color:#fff!important}.submitButton{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 14px #22c55e4d,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.3px;margin-top:6px;overflow:hidden;padding:14px 22px;position:relative;text-transform:none;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;width:100%}.submitButton:before{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.submitButton:hover:before{left:100%}.submitButton:hover{box-shadow:0 6px 18px #22c55e61,inset 0 1px 0 #fff3;filter:brightness(1.05);transform:translateY(-1px)}.submitButton:active{box-shadow:0 3px 10px #22c55e4d,inset 0 1px 0 #ffffff26;transform:translateY(0)}.submitButton svg{height:18px!important;width:18px!important}@media (min-width:99999px){.formContainer{background:none;gap:18px;padding:0}.inlineFormGroup{flex-direction:column;gap:14px}.quantityGroup{min-width:0}.panelContainer{gap:10px;grid-template-columns:1fr}.weightUnitsGrid{grid-template-columns:repeat(4,1fr)}.tagContainer{gap:8px;grid-template-columns:repeat(3,1fr)}.typeSection,.unitSection{padding:14px}.tag{gap:6px;padding:12px 6px}.typeIcon{font-size:1.15rem}.typeLabel{font-size:.72rem}.tagContainer{grid-template-columns:repeat(2,1fr)}}.spinner,.spinnerContainer .spinner{align-items:center;animation:none;border:none;display:flex;gap:8px;height:auto;justify-content:center;margin:0;width:auto}.spinner .dot{animation:bounce 1.4s ease-in-out infinite both;background-color:purple;border-radius:50%;height:12px;width:12px}.spinner .dot:first-child{animation-delay:-.32s;background-color:#fff}.spinner .dot:nth-child(2){animation-delay:-.16s;background-color:purple}.spinner .dot:nth-child(3){animation-delay:0s;background-color:#667eea}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.ingredientCircle.dairy,.mealPlanIngredient.dairy{background:linear-gradient(180deg,#4a90e2,#005bb5)}.ingredientCircle.flask,.mealPlanIngredient.flask{background:linear-gradient(180deg,#ab47bc,#6a1b9a)}.ingredientCircle.fruit,.mealPlanIngredient.fruit{background:linear-gradient(180deg,tomato,#ff4500)}.ingredientCircle.grain,.mealPlanIngredient.grain{background:linear-gradient(180deg,#8d6e63,#4e342e)}.ingredientCircle.meat,.mealPlanIngredient.meat{background:linear-gradient(180deg,#e57373,#c62828)}.ingredientCircle.processed,.mealPlanIngredient.processed{background:linear-gradient(180deg,#757575,#424242)}.ingredientCircle.snack,.mealPlanIngredient.snack{background:linear-gradient(180deg,#ffc107,#ff8f00)}.ingredientCircle.spice,.mealPlanIngredient.spice{background:linear-gradient(180deg,sienna,#5d4037)}.ingredientCircle.vegetable,.mealPlanIngredient.vegetable{background:linear-gradient(180deg,#66bb6a,#2e7d32)}.viewMealsContainer{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.loadMoreContainer{padding:40px 20px;width:100%}.loadMoreBtn,.loadMoreContainer{align-items:center;display:flex;justify-content:center}.loadMoreBtn{background:linear-gradient(135deg,#a855f7,#8b5cf6);border:1px solid #a855f74d;border-radius:12px;box-shadow:0 4px 15px #a855f733;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:10px;min-height:48px;min-width:180px;padding:12px 30px;transition:all .3s ease}.loadMoreBtn:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;filter:brightness(1.1);transform:translateY(-2px)}.loadMoreBtn:active:not(:disabled){transform:translateY(0)}.loadMoreBtn:disabled{background:#ffffff1a;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.7}.spinnerContainer{align-items:center;display:flex;justify-content:center;min-height:12rem}.toggleGroup{background:#ffffff0a;border:1px solid #a855f74d;border-radius:8px;display:inline-flex;overflow:hidden}.iconToggleBtn{align-items:center;background:#0000;border:none;border-radius:0;border-right:1px solid #a855f74d;color:#ffffffb3;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;transition:background .2s ease,color .2s ease;width:40px}.iconToggleBtn:last-of-type{border-right:none}.iconToggleBtn:hover:not(.active){background:#a855f71f;color:#a855f7}.iconToggleBtn.active{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:inset 0 1px 3px #0003;color:#fff}.noPoolsWarning{align-items:center;color:#ffc107;cursor:help;display:flex;font-size:20px;height:40px;justify-content:center;min-height:44px;min-width:44px;width:40px}@media (min-width:99999px){.viewMealsContainer{gap:15px;gap:10px;padding:16px;padding:12px}}.editMealContainer{gap:.75rem;margin:0;max-width:100%;padding:.75rem}.ingredientsSelection{border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.consoleContent{scrollbar-color:#4a4a67 #0000;scrollbar-width:thin}.consoleContent::-webkit-scrollbar-track{background:#0000}.consoleContent::-webkit-scrollbar-thumb{background:#4a4a67;border-radius:5px}.editMeal{background:var(--purple-panel);border:1px solid var(--purple-border);border-radius:8px;color:var(--text-color);padding:24px;transition:background-color .3s ease,border-color .3s ease}@container workspace (max-width: 900px){.editMealContainer{gap:0;padding:0}.editMealContainer>.editMeal{order:-1}.editMeal{border-left:none;border-radius:0;border-right:none;border-top:none;padding:16px 0 0}.editMeal .mealHeader,.editMeal .mealRatingRow{box-sizing:border-box;padding-left:12px;padding-right:12px}.editMeal .panelTabs{border-radius:0;padding:8px 12px}.editMeal .mealArea{padding:0}.editMeal .ingredientsPanel,.editMeal .instructionsPanel,.editMeal .mealArea,.editMeal .mealImagePanel,.editMeal .tagsPanel{border:none;border-radius:0}.editMeal .mealImagePanel{overflow-x:hidden;overflow-y:auto;padding:12px;scrollbar-width:none}.editMeal .mealImagePanel::-webkit-scrollbar{display:none}.editMeal .imageGridLayout{flex:0 1 auto;grid-template-columns:minmax(0,1fr);height:auto}.editMeal .imageColumn,.editMeal .imageContainer{height:auto;max-height:14rem}.editMeal .imageFrame,.editMeal .mealImagePanel .mealImage{max-height:14rem}.editMeal .expandButton{bottom:8px;height:36px;opacity:1;right:8px;width:36px}.ingredientsSelection{border-radius:0}}@container workspace (max-width: 520px){.editMeal .ingredientsWrapper{gap:8px}.editMeal .mealPlanIngredient{font-size:.95rem;letter-spacing:.5px;max-width:none;padding:10px 10px 10px 8px}.editMeal .ingredientDetails{margin-left:36px}.editMeal .ingredientInfo{gap:8px}.editMeal .primaryQuantityGroup{gap:4px;padding:4px 6px}.editMeal .purchaseQuantitySection{gap:6px;padding-left:8px}}.mealHeader{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;width:100%}.mealNameSection{gap:8px}.mealNameSection,.mealRatingRow{align-items:center;display:flex;min-width:0;width:100%}.mealRatingRow{gap:4px}.editMeal .mealRatingRow .modeSelector.horizontal{flex-shrink:0;height:36px;margin-left:auto;width:84px}.editMeal .mealRatingRow .modeSelector.horizontal .indicator{height:30px;width:30px}.editMeal .mealRatingRow .modeSelector .aiModeIcon{display:block;height:1.55em;width:1.55em}.editMeal .mealRatingRow .modeSelector .manualModeIcon{font-size:1em;height:1em;width:1em}.ratingLabel{color:#ffffff80;font-size:.85rem;margin-left:8px}.starActive{color:gold;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.starActive:hover{color:#ffc700}.starInactive{color:#ffffff59;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.starInactive:hover{color:#ffffff8c}.starReadOnly{cursor:default;pointer-events:none}.starReadOnly:hover{color:inherit}.starActive.starReadOnly:hover{color:gold}.starInactive.starReadOnly:hover{color:#ffffff59}.nameDivider{background:#ffffff26;flex-shrink:0;height:22px;margin:0 4px;width:1px}.mealNameTitle{color:var(--text-color);flex:1 1;font-size:1.4rem;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editNameBtn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.editNameBtn:hover:not(:disabled){background:#a855f71a;border-color:#a855f7;color:#a855f7}.editNameBtn:disabled{cursor:not-allowed;opacity:.3}.mealNameInput{background:#0006;border:1px solid #a855f7;border-radius:6px;box-shadow:0 0 0 2px #a855f733;color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;min-width:0;outline:none;padding:8px 12px}.mealNameInput::placeholder{color:#fff6}.nameConfirmBtn{align-items:center;background:#4caf5026;border:1px solid #4caf5080;border-radius:6px;color:#4caf50;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.nameConfirmBtn:hover{background:#4caf504d;border-color:#4caf50}.nameCancelBtn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.nameCancelBtn:hover{border-color:#ffffff80;color:#fff}.saveMealBtn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed80;border-radius:8px;box-shadow:0 2px 8px #6d28d94d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;height:38px;justify-content:center;letter-spacing:.3px;padding:0 24px;transition:all .2s ease;white-space:nowrap}.saveMealBtn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 14px #6d28d980;transform:translateY(-1px)}.saveMealBtn:disabled{cursor:not-allowed;opacity:.4}.deleteIconBtn,.restoreIconBtn,.viewIconBtn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.deleteIconBtn:disabled,.restoreIconBtn:disabled,.viewIconBtn:disabled{cursor:not-allowed;opacity:.3}.viewIconBtn{border-color:#677eea40;color:#677eeab3}.viewIconBtn:hover:not(:disabled){background:#677eea1a;border-color:#677eea99;color:#667eea}.restoreIconBtn{border-color:#ffffff1f;color:#fff6}.restoreIconBtn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff4d;color:#ffffffe6}.deleteIconBtn{border-color:#f8717133;color:#f8717199}.deleteIconBtn:hover:not(:disabled){background:#f8717114;border-color:#f8717199;color:#f87171}.restoreDefaultsBtn{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:38px;justify-content:center;padding:0 16px;transition:all .2s ease}.restoreDefaultsBtn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff59;color:#ffffffd9}.restoreDefaultsBtn:disabled{cursor:not-allowed;opacity:.4}.mealArea{border:1px solid var(--input-black-opacity-background);border-radius:8px;color:var(--text-color);min-height:0;padding:20px;transition:border-color .3s ease}.editMeal .mealArea .extraPanel,.editMeal .mealArea .ingredientsPanel,.editMeal .mealArea .instructionsPanel,.editMeal .mealArea .mealImagePanel,.editMeal .mealArea .tagsPanel{background:#0000;border:none}.mealAreaOver{box-shadow:0 0 10px #ffff0080}.mealArea h2{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:15px;text-align:center}.changeIngredientsContainer{gap:20px}.panelTabs{align-items:center;background-color:var(--purple-panel);border-radius:8px 8px 0 0;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-left:0;max-width:100%;min-width:0;padding:8px;width:100%}.panelTabs .btnPersist,.tabUpdateBtn{margin-left:auto}.tabUpdateBtn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed80;border-radius:8px;box-shadow:0 2px 6px #6d28d94d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;height:34px;justify-content:center;letter-spacing:.3px;padding:0 20px;transition:all .2s ease;white-space:nowrap}.tabUpdateBtn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 12px #6d28d980;transform:translateY(-1px)}.tabUpdateBtn:disabled{cursor:not-allowed;opacity:.4}.tab{align-items:center;background-color:initial;border:none;border-radius:50%;color:#b1b1b1;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease;width:44px}.tab svg{font-size:20px;height:20px;width:20px}.tab:hover{background-color:#e0d6ff;color:#5e4ede}.tab:focus{outline:2px solid #5e4ede;outline-offset:2px}.activeTab{background:var(--pill-toggle-color);color:#fff}.ingredientsPanel{border-radius:8px;gap:10px;padding:10px;scrollbar-color:#4a4a67 #0000;scrollbar-width:thin}.ingredientsPanel::-webkit-scrollbar-track{background:#0000}.ingredientsPanel::-webkit-scrollbar-thumb{background:#4a4a67;border-radius:5px}.viewMealsContainer .ingredientsPanel h2{border-bottom:1px solid #4a5568;color:#fff;font-size:1.5rem;margin-bottom:12px;padding-bottom:8px}.instructionsPanel{background-color:var(--purple-panel);border-radius:8px;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:max(700px,calc(100vh - 280px));overflow-y:auto;padding:20px;position:relative;scrollbar-color:#4a4a67 #0000;scrollbar-width:thin}.instructionsPanel::-webkit-scrollbar{width:10px}.instructionsPanel::-webkit-scrollbar-track{background:#0000}.instructionsPanel::-webkit-scrollbar-thumb{background:#4a4a67;border-radius:5px}.instructionsContent{display:flex;flex:1 1;flex-direction:column}.mealImagePanel{align-items:stretch;color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:4px 8px 8px;width:100%}.mealImagePanel h2{color:#fff;flex-shrink:0;margin:0 0 12px;text-align:center;text-shadow:1px 1px 2px #000c;width:100%}.imageGridLayout{grid-gap:1rem;align-items:stretch;display:grid;flex:1 1;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;width:100%}.imageColumn{flex-direction:column;min-width:0;overflow:hidden}.imageColumn,.imageContainer{align-items:center;display:flex;justify-content:center;min-height:0}.imageContainer{height:100%;width:100%}.imageContainer,.imageFrame{max-width:100%;position:relative}.imageFrame{display:flex;height:-webkit-fit-content;height:fit-content;max-height:100%;width:-webkit-fit-content;width:fit-content}.expandButton{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border:2px solid #ffffff4d;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;padding:0;position:absolute;right:10px;transition:all .3s ease;width:44px;z-index:5}.imageFrame:focus-within .expandButton,.imageFrame:hover .expandButton{opacity:1}.expandButton:hover{background-color:#000c;border-color:#fff;transform:scale(1.1)}.expandedImageOverlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000f2;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;padding:40px;position:fixed;top:0;width:100%;z-index:9999}.expandedImage{border-radius:8px;box-shadow:0 4px 20px #00000080;cursor:default;max-height:100%;max-width:100%;object-fit:contain}.closeExpandButton{align-items:center;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:48px}.closeExpandButton:hover{background-color:#ffffff4d;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.controlsColumn{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;overflow:visible;width:100%}.mealImagePanel .mealImage{border:4px solid #5e4ede;border-radius:8px;box-shadow:0 2px 4px #00000080;box-sizing:border-box;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.imageButtons{align-items:stretch;display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-top:0}.fileInput{display:none}.fileInputLabel{align-items:center;align-self:stretch;background:linear-gradient(135deg,#6c5ce7,#764ba2);border:none;border-radius:5px;box-shadow:0 2px 8px #0003;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:auto;justify-content:center;min-height:44px;padding:0;transition:all .3s ease;width:48px}.fileInputLabel svg{height:1.25rem;width:1.25rem}.fileInputLabel:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.fileInput:disabled+.fileInputLabel{background:#666;box-shadow:none;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none}.promptSection{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:visible;width:100%}.previewSection{flex-shrink:0;margin-top:0;text-align:left}.previewSection h4{color:#fff;margin-bottom:10px;text-shadow:1px 1px 2px #00000080}.previewImage{border-radius:8px;box-shadow:0 2px 4px #00000080;height:auto;margin-bottom:10px;max-height:5.5rem;max-width:200px;object-fit:contain;width:100%}.previewButtons{display:flex;gap:10px;justify-content:flex-start}.cancelButton,.uploadButton{border:none;border-radius:5px;cursor:pointer;font-size:1rem;min-height:44px;padding:10px 20px;transition:background-color .3s ease}.uploadButton{background-color:#4caf50;color:#fff}.uploadButton:hover:not(:disabled){background-color:#45a049}.cancelButton{background-color:#f44336;color:#fff}.cancelButton:hover:not(:disabled){background-color:#e53935}.cancelButton:disabled,.uploadButton:disabled{background-color:#ccc;cursor:not-allowed}.generateButtonGroup{align-items:stretch;border-radius:5px;box-shadow:0 2px 8px #0003;display:flex}.generateButton{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:44px;min-width:216px;padding:12px 16px;transition:background-color .3s ease}.generateButtonGroup .generateButton{border-radius:5px 0 0 5px;box-shadow:none;flex:1 1;min-width:0}.generateButton:hover:not(:disabled){background-color:#0056b3}.generateButton:disabled{background-color:#ccc;cursor:not-allowed}.instructionsPanel h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:15px;text-align:center;text-shadow:1px 1px 2px #000c}.instructionsTextarea{border:1px solid var(--purple-border);color:#fff;flex:1 1;font-size:1rem;line-height:1.6;min-height:360px;padding:12px;resize:vertical;width:100%}.instructionsTextarea,.websiteUrlSection{background-color:#00000080;border-radius:8px}.websiteUrlSection{border:1px solid var(--purple-border);bottom:0;margin-bottom:0;margin-top:0;padding:15px;position:-webkit-sticky;position:sticky;z-index:10}.websiteUrlSectionTitle{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 10px;text-shadow:1px 1px 2px #00000080}.websiteUrlInput{background-color:#5e4ede1a;border:1px solid var(--purple-border);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:10px;min-height:44px;padding:10px;width:100%}.websiteUrlInput::placeholder{color:#b1b1b1}.websiteUrlButtons{display:flex;gap:10px;justify-content:flex-end}.websiteUrlReadOnly{align-items:center;background-color:#5e4ede1a;border:1px solid #5e4ede4d;border-radius:8px;cursor:pointer;display:flex;gap:15px;justify-content:space-between;min-height:44px;padding:12px;transition:background-color .2s ease}.websiteUrlReadOnly:hover{background-color:#5e4ede26}.websiteUrlContent{flex:1 1;overflow:hidden}.websiteUrlPlaceholder{align-items:center;color:#b1b1b1;display:flex;font-style:italic;justify-content:space-between;width:100%}.addIcon{color:#b1b1b1;font-size:.9rem;margin-left:auto;opacity:.7}.websiteUrlLink{color:#7db3ff;text-decoration:underline;word-break:break-all}.websiteUrlLink:hover{color:#a3c9ff}.instructionsButtons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.instructionsDisplay{border-radius:8px;cursor:pointer;flex:1 1;line-height:1.6;min-height:360px;padding:12px;transition:background-color .3s ease}.instructionsDisplay:hover{background-color:#ffffff1a}.tagsPanel{align-items:stretch;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:flex-start;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px;scrollbar-width:thin}.tagsPanel::-webkit-scrollbar{width:10px}.tagsPanel::-webkit-scrollbar-track{background:#0000}.tagsPanel::-webkit-scrollbar-thumb{background:#4a4a67;border-radius:5px}.tagsPanel h2{color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;margin:0;text-align:center;text-shadow:1px 1px 2px #000c}.editMeal .tagsPanel .tagsContainer{align-content:flex-start;align-items:stretch;display:flex;flex:0 0 auto;flex-direction:column;flex-wrap:nowrap;gap:8px;height:auto;justify-content:flex-start;max-width:none;min-height:0;overflow:visible;width:100%}.editMeal .tagsPanel .tagItem{align-items:center;align-self:stretch;background:#ffffff24;border:none;border-radius:999px;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:.8rem;font-weight:600;height:auto;justify-content:center;line-height:1.2;min-height:0;min-width:0;padding:.45rem .85rem;text-transform:capitalize;transition:background .15s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none;width:100%}.editMeal .tagsPanel .tagItem:hover{background:#ffffff3d}.editMeal .tagsPanel .tagItemSelected{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 8px #6d28d959}.editMeal .tagsPanel .tagItemSelected:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.editMeal .tagsPanel .tagName{color:inherit;font-size:inherit;font-weight:600;line-height:1.2}.toggleSwitch{background-color:#6b7280;border-radius:10px;height:20px;position:relative;transition:background-color .2s ease;width:36px}.toggleOn{background-color:#10b981}.toggleKnob{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:16px}.toggleOn .toggleKnob{transform:translateX(16px)}.mealPlanList{list-style:none;margin:0;padding:0}.mealPlanIngredient{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;background-color:var(--button-background-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;letter-spacing:1px;max-width:320px;min-height:50px;min-width:0;padding:12px;position:relative;text-shadow:1px 1px 2px #00000080;text-transform:capitalize;transition:background-color .3s ease,transform .2s ease;width:100%}.mealPlanIngredient,.quantityBubble{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:700;-webkit-user-select:none;user-select:none}.quantityBubble{background-color:#ffffff21;border-radius:50%;box-shadow:0 2px 4px #0000004d;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quantityBubble:hover{background-color:#2d3748;box-shadow:0 4px 8px #0006;transform:scale(1.1)}.quantityInput{background-color:#4a5568;border:1px solid #718096;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;text-align:center;width:32px}.quantityInput::-webkit-inner-spin-button,.quantityInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantityInput{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mealPlanIngredient:hover{background-color:var(--button-hover-background-color);box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.dairy{background:linear-gradient(180deg,#4a90e2,#005bb5)}.flask{background:linear-gradient(180deg,#ab47bc,#6a1b9a)}.fruit{background:linear-gradient(180deg,tomato,#ff4500)}.grain{background:linear-gradient(180deg,#8d6e63,#4e342e)}.meat{background:linear-gradient(180deg,#e57373,#c62828)}.processed{background:linear-gradient(180deg,#757575,#424242)}.snack{background:linear-gradient(180deg,#ffc107,#ff8f00)}.spice{background:linear-gradient(180deg,sienna,#5d4037)}.vegetable{background:linear-gradient(180deg,#66bb6a,#2e7d32)}.iconSticker{align-items:center;background-color:#ffffff21;border-radius:50%;box-shadow:0 0 0 0 #fff0,0 1px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:30px}.iconSticker>*{pointer-events:none}.iconSticker:hover{background-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff80,0 1px 4px #0000004d}.categoryPickerOverlay{inset:0;position:fixed;z-index:99}.categoryPicker{grid-gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f32f2;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 8px 24px #00000080;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:8px;z-index:100}.categoryPickerBtn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:0;transition:background-color .2s ease,transform .15s ease,border-color .2s ease;width:36px}.categoryPickerBtn:hover{background:#ffffff40;transform:scale(1.15)}.categoryPickerBtnActive{background:#fff3;border-color:#ffffffbf}.ingredientDetails{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:40px;min-width:0}.newBadge{background-color:#ff4757;border-radius:4px;box-shadow:0 1px 2px #0003;color:#fff;flex-shrink:0;font-size:.7rem;letter-spacing:.5px;margin-left:8px;padding:3px 6px;text-transform:uppercase}.ingredientName,.newBadge{font-weight:700;white-space:nowrap}.ingredientName{overflow:hidden;text-overflow:ellipsis}.ingredientsWrapper{flex-direction:row;justify-content:flex-start;position:relative;width:100%}.ingredientInfo,.ingredientsWrapper{align-items:center;display:flex;gap:12px}.ingredientInfo{flex-shrink:0}.primaryQuantityGroup{align-items:center;background:#ffffff0d;border-radius:20px;display:flex;gap:6px;margin-right:auto;padding:4px 8px}.purchaseQuantitySection{align-items:center;border-left:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start;margin-left:auto;padding-left:12px;width:auto}@media (min-width:99999px){.ingredientsWrapper{margin-bottom:10px}.mealPlanIngredient{margin-bottom:0;margin-right:auto;max-width:320px}.ingredientInfo{flex:0 0 auto;gap:16px;justify-content:flex-end;margin-left:0}.primaryQuantityGroup{margin-right:0}.purchaseQuantitySection{border-left:1px solid #fff3;margin-left:0;padding-left:16px}.ingredientsWrapper{align-items:stretch;background:#ffffff0d;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.mealPlanIngredient{align-items:center;display:flex;justify-content:flex-start;margin-bottom:0;max-width:none;min-height:44px;padding:12px;text-align:left;width:100%}.ingredientInfo{align-items:center;gap:0;justify-content:space-between;margin-top:0;width:100%}.primaryQuantityGroup{background:#ffffff14;border-radius:20px;flex:0 1 auto;gap:8px;justify-content:flex-start;margin-right:0;padding:6px 12px}.purchaseQuantitySection{background:#10b9811a;border-left:none;border-radius:20px;border-top:none;flex:0 0 auto;gap:12px;margin-left:auto;margin-top:0;padding:6px 12px;width:auto}.primaryQuantityGroup>div:first-child{flex:0 0 auto;width:auto!important}.purchaseQuantityBubble,.purchaseQuantityInput,.quantityBubble,.quantityInput{box-sizing:border-box;flex-shrink:0;font-size:1rem;height:44px!important;padding:0;width:44px!important}.newBadge{font-size:.65rem;margin-left:auto;padding:2px 5px}}.purchaseLabel{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.purchaseQuantityBubble{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.purchaseQuantityBubble:hover{background:linear-gradient(135deg,#10b981,#059669);transform:scale(1.05)}.purchaseQuantityInput{background:linear-gradient(135deg,#34d399,#10b981);border:1px solid #0000;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;height:32px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:32px}.purchaseQuantityInput:focus{background-color:#2d3748;border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed66;outline:none}.purchaseQuantityInput::-webkit-inner-spin-button,.purchaseQuantityInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchaseQuantityInput{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.editMealTabSelector{display:block;height:auto;z-index:10}@media (min-width:99999px){.editMealContainer{gap:20px;padding:16px}.ingredientsSelection{margin-left:0}.mealHeader{gap:8px}.mealNameSection{gap:6px}.mealNameTitle{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nameDivider{height:20px;margin:0 2px}.deleteIconBtn,.restoreIconBtn{flex-shrink:0;height:40px;width:40px}.editNameBtn,.nameCancelBtn,.nameConfirmBtn{flex-shrink:0;height:36px;width:36px}.mealNameInput{font-size:1rem;height:40px;padding:0 10px}.panelTabs .btnPersist{grid-column:1/-1;margin-left:0;width:100%}.panelTabs{grid-gap:12px;border-radius:10px 10px 0 0;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);justify-items:center;margin-left:0;padding:10px;width:100%}.tab{flex-shrink:0;min-height:44px;min-width:44px}.tagsPanel{flex:1 1;width:100%}.instructionsTextarea{min-height:260px}.tagsContainer{grid-template-columns:1fr;max-width:none}.imageButtons{align-items:stretch;flex-direction:column;gap:12px}.generateButtonGroup{width:100%}.generateButton{justify-content:center;min-height:44px;text-align:center;width:100%}.promptSection{margin:15px 0;max-width:none}.promptTextarea{font-size:16px;min-height:80px}.imageGridLayout{gap:20px;grid-template-columns:1fr;max-width:none}.imageColumn{order:1}.controlsColumn{order:2}.imageContainer{max-width:none;width:100%}.previewSection{text-align:center}.previewImage{max-width:100%}.extraPanel{flex:1 1;width:100%}.videoUrlSection{padding:12px}.videoUrlInput{font-size:16px;min-height:44px;padding:12px}.videoUrlButtons,.videoUrlReadOnly{flex-direction:column;gap:10px}.videoUrlReadOnly{align-items:stretch}.futureSettings{padding:12px}.mealDetailsGrid{gap:15px;grid-template-columns:1fr!important;grid-template-rows:auto}.editMealContainer{gap:10px;padding:0}.editMeal{border-left:none;border-radius:0;border-right:none;padding:12px}.ingredientsPanel{padding:0}.ingredientsWrapper{padding:10px}.purchaseLabel:after{content:none}.detailInput,.detailSelect{font-size:16px}.mealNameTitle{font-size:1rem}.mealNameSection{gap:4px}.nameDivider{margin:0 1px}.deleteIconBtn,.editNameBtn,.nameCancelBtn,.nameConfirmBtn,.restoreIconBtn{height:36px;width:36px}.editMealTabSelector{width:100%}}.promptHint{color:#a5a5a5;flex-shrink:0;font-size:.8rem;font-style:italic;line-height:1.3;margin-top:5px}.promptLabel{color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-bottom:0;text-shadow:1px 1px 2px #00000080}.promptTextarea{background-color:#00000080;border:1px solid var(--purple-border);border-radius:8px;color:#fff;flex:1 1 auto;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:4.5rem;padding:12px;resize:none;transition:border-color .3s ease,background-color .3s ease;width:100%}.promptTextarea::placeholder{color:#b1b1b1;font-style:italic}.promptTextarea:focus{background-color:#5e4ede26;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce733;outline:none}.promptTextarea:disabled{background-color:#5e4ede0d;color:#888;cursor:not-allowed}.promptLabelContainer{justify-content:space-between;margin-bottom:8px;overflow:visible;padding-top:8px}.aiPromptButton,.promptLabelContainer{align-items:center;display:flex;flex-shrink:0}.aiPromptButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.generateButtonGroup .aiPromptButton{align-self:stretch;border-left:1px solid #ffffff40;border-radius:0 5px 5px 0;box-shadow:none;height:auto;min-height:44px;width:48px}.generateButtonGroup .aiPromptButton:hover:not(:disabled){transform:none}.aiPromptButton:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.aiPromptButton:active:not(:disabled){box-shadow:0 2px 8px #0003;transform:translateY(0)}.aiPromptButton:disabled{background:#666;cursor:not-allowed;opacity:.6;transform:none}.galleryIconButton{align-items:center;background:linear-gradient(135deg,#6c5ce7,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;overflow:visible;padding:0;position:relative;transition:all .3s ease;width:44px;z-index:2}.galleryIconButton:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.galleryIconButton:active:not(:disabled){box-shadow:0 2px 8px #0003;transform:translateY(0)}.galleryIconButton:disabled{background:#666;cursor:not-allowed;opacity:.6;transform:none}.galleryBadge{align-items:center;background:#ff4757;border:2px solid #2a1a4af2;border-radius:10px;box-shadow:0 2px 6px #00000073;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;pointer-events:none;position:absolute;right:-7px;top:-7px;z-index:3}.aiPromptButton .spinner{gap:4px}.aiPromptButton .spinner .dot{height:6px;width:6px}.circularSpinner{animation:circularSpin .8s linear infinite;border:1.5px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes circularSpin{to{transform:rotate(1turn)}}.creditBadge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px;position:absolute;right:10px;top:10px;z-index:10}.extraPanel{background-color:var(--purple-panel);border-radius:8px;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-color:#4a4a67 #0000;scrollbar-width:thin}.extraPanel::-webkit-scrollbar{width:10px}.extraPanel::-webkit-scrollbar-track{background:#0000}.extraPanel::-webkit-scrollbar-thumb{background:#4a4a67;border-radius:5px}.extraPanel h2{color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center;text-shadow:1px 1px 2px #000c}.extraContent{display:flex;flex:0 0 auto;flex-direction:column;gap:20px;min-height:0}.videoUrlSection{background-color:#00000080;border:1px solid var(--purple-border);border-radius:8px;padding:15px}.videoUrlSectionTitle{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 12px;text-shadow:1px 1px 2px #00000080}.videoUrlInput{background-color:#5e4ede1a;border:1px solid var(--purple-border);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.videoUrlInput::placeholder{color:#b1b1b1}.videoUrlHint{color:#a5a5a5;font-style:italic;margin-bottom:10px}.videoUrlHint small{font-size:.8rem;line-height:1.3}.videoUrlButtons{display:flex;gap:10px;justify-content:flex-end}.videoUrlReadOnly{align-items:center;background-color:#5e4ede1a;border:1px solid #5e4ede4d;border-radius:8px;cursor:pointer;display:flex;gap:15px;justify-content:space-between;min-height:20px;padding:12px;transition:background-color .2s ease}.videoUrlReadOnly:hover{background-color:#5e4ede26}.videoUrlContent{flex:1 1;overflow:hidden}.videoUrlPlaceholder{align-items:center;color:#b1b1b1;display:flex;font-style:italic;justify-content:space-between;width:100%}.videoUrlLink{color:#7db3ff;text-decoration:underline;word-break:break-all}.videoUrlLink:hover{color:#a3c9ff}.futureSettings{align-items:center;background-color:#00000080;border:1px dashed #5e4ede4d;border-radius:8px;display:flex;flex-direction:column;padding:15px;text-align:center}.futureSettingsTitle{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 12px;text-shadow:1px 1px 2px #00000080}.futureSettingsTitle,.mealDetailsGrid{max-width:440px;text-align:left;width:100%}.mealDetailsGrid{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:repeat(2,1fr);margin:0 auto}.detailItem{display:flex;flex-direction:column;gap:8px}.detailItem label{color:#d1d1d1;font-size:.9rem;font-weight:500}.detailInput,.detailSelect{background-color:#00000080;border:1px solid var(--purple-border);border-radius:8px;color:#fff;font-size:1rem;min-height:44px;padding:10px;width:100%}.detailInput[type=number]::-webkit-inner-spin-button,.detailInput[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.detailInput[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.numberInputContainer{align-self:flex-start;gap:0}.numberInput,.numberInputContainer{align-items:center;display:flex;height:44px}.numberInput{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;background-color:#00000080;border:1px solid var(--purple-border);border-radius:0;color:#fff;font-size:1rem;padding:0 8px;text-align:center;width:60px}.numberInput::-webkit-inner-spin-button,.numberInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numberInput:focus{background-color:#5e4ede26;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce733;outline:none}.textInput{background-color:#00000080;border:1px solid var(--purple-border);border-radius:8px;color:#fff;font-size:1rem;height:44px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.textInput:focus{border-color:var(--purple-highlight);box-shadow:0 0 0 2px #6c5ce733;outline:none}.textInput::placeholder{color:#fff9}.numberButton{align-items:center;background:linear-gradient(135deg,#6c5ce7,#5a4fcf);border:1px solid var(--purple-border);box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;transition:all .15s ease;width:32px}.numberButton:hover{background:linear-gradient(135deg,#5a4fcf,#4a42b8);transform:translateY(1px)}.numberButton:active,.numberButton:hover{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003,inset 0 1px 2px #0003,inset 0 -1px 1px #0000001a}.numberButton:active{transform:translateY(0)}.numberButton.minus{border-radius:8px 0 0 8px;border-right:none}.numberButton.minus:before{content:"−";line-height:1}.numberButton.plus{border-left:none;border-radius:0 8px 8px 0}.numberButton.plus:before{content:"+";line-height:1}@media (min-width:99999px){.numberInputContainer{height:44px}.numberInput{height:44px;padding:0 6px;width:50px}.numberButton{font-size:14px;height:44px;width:32px}}.detailSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#2a1f3d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23a0a0a0' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #404050;border-radius:12px;box-shadow:0 2px 8px #0006;color:#e0e0e0;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .2s ease}.detailSelect:hover{background-color:#35273f;border-color:#5e4ede;box-shadow:0 2px 12px #5e4ede33}.detailSelect:focus{background-color:#35273f;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce733;outline:none}.detailSelect option{background-color:#2a1f3d;border-radius:0;color:#e0e0e0;font-size:.95rem;font-weight:500;margin:4px 0;padding:12px}.timeLabel{align-items:center;color:#d1d1d1;display:flex;font-size:.9rem;font-weight:500;gap:6px}.prepTimeIcon{color:#f44;font-size:.9rem}.cookTimeIcon{color:#4f4;font-size:.9rem}.nutritionNote{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;margin-top:1.5rem;padding:1rem}.nutritionNote p{font-size:.9rem;line-height:1.4;margin:0}.nutritionNote strong{color:#0369a1}.viewMeals{--filter-chevron:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.78)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--meal-toolbar-inline:1rem;--meal-panel-max:80rem;--meal-query-col:40rem;-ms-overflow-style:none;background:linear-gradient(180deg,#2a1a4a,#1a0a2a);border-radius:8px;color:var(--text-color);margin:0 auto;min-width:0;opacity:1;padding:2rem clamp(1.25rem,4vw,3.5rem);position:relative;scrollbar-width:none;transition:background-color .3s ease,border-color .3s ease,opacity .3s ease;width:100%}.viewMeals .actionsSection,.viewMeals .loadMoreContainer,.viewMeals .mealsMasonry,.viewMeals .noMeals,.viewMeals .searchContainer{margin-inline:auto;max-width:var(--meal-panel-max);width:100%}.viewMeals::-webkit-scrollbar{display:none}.mealSourceWatermarkWrap{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.mealSourceWatermark{aspect-ratio:1;height:auto;object-fit:contain;opacity:.16;position:absolute;right:.5rem;top:.4rem;transform:rotate(12deg);-webkit-user-select:none;user-select:none;width:clamp(4.5rem,16vw,10rem)}.viewMeals .searchContainer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#5e4ede1f,#6c5ce714);border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 20px #0003;container-name:meal-filters;container-type:inline-size;margin-bottom:1.5rem;min-width:0;padding:var(--meal-toolbar-inline);position:relative;z-index:5}.searchFiltersRow,.viewMeals .searchContainer{display:flex;flex-direction:column;gap:1rem}.searchBarRow{align-items:stretch;display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;margin-inline:auto;max-width:var(--meal-query-col);width:100%}.searchInputWrap{flex:1 1 auto;max-width:none;min-width:0;position:relative}.searchInputWrap:focus-within .suggestionsDropdown{display:block}.viewMeals .searchIcon{color:#a855f7;font-size:.9rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.viewMeals .searchInput{background:#ffffff14;border:1px solid #a855f759;border-radius:8px 0 0 8px;border-right:none;box-shadow:none;box-sizing:border-box;color:#fff;font-size:.95rem;height:44px;min-height:44px;padding:0 2.75rem 0 2.5rem;transition:background .2s ease,border-color .2s ease;width:100%}.viewMeals .searchInput::placeholder{color:#ffffff80}.viewMeals .searchInput:focus{background:#ffffff1f;border-color:#c4b0ee;box-shadow:none;outline:none}.suggestionsDropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a1a4af2,#1a0a2af2);border:1px solid #a855f74d;border-radius:8px;box-shadow:0 8px 24px #0000004d;display:none;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestionsDropdown.show{display:block}.suggestionItem{align-items:center;border-bottom:1px solid #a855f71a;color:#fff;cursor:pointer;display:flex;gap:.5rem;min-height:44px;padding:.75rem 1rem;transition:all .2s ease}.suggestionItem.selected,.suggestionItem:hover{background:#a855f726;color:#a855f7}.suggestionItem:last-child{border-bottom:none}.suggestionIcon{flex-shrink:0;font-size:.8rem;opacity:.7}.viewMeals .scopeSelector{align-self:stretch;-webkit-appearance:none;appearance:none;background-color:#ffffff14;background-image:var(--filter-chevron);background-position:right .7rem center;background-repeat:no-repeat;background-size:.65rem;border:1px solid #a855f759;border-left-color:#a855f773;border-radius:0 8px 8px 0;box-sizing:border-box;color:#fff;color-scheme:dark;cursor:pointer;flex:0 0 7.5rem;font-size:.85rem;font-weight:500;height:auto;max-width:7.5rem;min-height:44px;min-width:7.5rem;padding:0 1.7rem 0 .7rem;text-align:left;transition:background-color .2s ease,border-color .2s ease;width:7.5rem;z-index:3}.viewMeals .scopeSelector:hover{border-color:#a855f780}.viewMeals .scopeSelector:focus,.viewMeals .scopeSelector:hover{background-color:#ffffff1f;background-image:var(--filter-chevron)}.viewMeals .scopeSelector:focus{border-color:#c4b0ee;outline:none}.viewMeals .scopeSelector option{background:#2a1a4a;color:#fff;padding:.25rem;text-align:left}.clearSearchBtn{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;padding:.3rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:3}.clearSearchBtn:hover{background:#a855f71a;color:#fff}.mobileFilterToggle{display:none}.toggleChevron{font-size:.8em;opacity:.7}.filterDropdownsContainer{align-items:stretch;display:flex;flex-wrap:nowrap;gap:.75rem;grid-area:drops;min-width:0;width:100%}.filtersGroup{--meal-filter-control-height:44px;grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-areas:"share drops views actions";grid-template-columns:auto minmax(0,1fr) auto auto;margin-inline:auto;max-width:var(--meal-query-col);width:100%}.filtersLeftGroup{display:contents}.filtersRightGroup{align-items:center;display:flex;grid-area:actions;justify-content:flex-end}.filterWrapper{align-items:stretch;display:flex;flex:1 1;height:var(--meal-filter-control-height);min-width:0;position:relative}.filterWrapper:nth-child(2){flex:1.35 1}.firstFilterWrapper{margin-left:0}.filterIcon{color:#a855f7;font-size:.8rem;left:.75rem;opacity:.8;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:12px;z-index:2}.filterSelect{background-color:#ffffff0f;border:1px solid #a855f733;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.85rem;height:var(--meal-filter-control-height);line-height:1.2;min-height:var(--meal-filter-control-height);min-width:0;padding:0 .75rem 0 2.25rem;text-transform:capitalize;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}select.filterSelect{-webkit-appearance:none;appearance:none;background-image:var(--filter-chevron);background-position:right .7rem center;background-repeat:no-repeat;background-size:.65rem;padding-right:1.7rem}select.filterSelect:hover{background-color:#a855f70f;background-image:var(--filter-chevron);border-color:#a855f759}.filterSelect:focus{background-color:#ffffff1a;border-color:#a855f7;box-shadow:0 0 0 2px #a855f726;outline:none}select.filterSelect:focus{background-image:var(--filter-chevron)}.filterSelect option{background:#2a1a4a;color:#fff;padding:.4rem;text-transform:capitalize}.cookbookCombobox{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;max-width:none;min-width:0;position:relative;width:100%}.cookbookComboboxTrigger{align-items:center;-webkit-appearance:none;appearance:none;display:flex;font:inherit;gap:.5rem;height:100%;justify-content:space-between;margin:0;text-align:left;width:100%}.cookbookComboboxTriggerLabel{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookbookComboboxTriggerChevron{background-image:var(--filter-chevron);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;height:.65rem;opacity:.9;transition:transform .2s ease;width:.65rem}.cookbookComboboxTrigger[aria-expanded=true] .cookbookComboboxTriggerChevron{transform:rotate(180deg)}.cookbookComboboxList{background:#2a1a4a;border:1px solid #a855f733;border-radius:6px;box-shadow:0 8px 24px #00000059;left:0;list-style:none;margin:0;max-height:min(320px,50vh);max-width:min(420px,calc(100vw - 1.5rem));min-width:100%;overflow-y:auto;padding:.25rem 0;position:absolute;top:calc(100% + 4px);width:-webkit-max-content;width:max-content;z-index:200}.cookbookComboboxOption{grid-column-gap:.45rem;align-items:center;background:#0000;border:none;color:#fff;column-gap:.45rem;cursor:pointer;display:grid;font-size:.85rem;font:inherit;grid-template-columns:2.25rem minmax(0,1fr);margin:0;padding:.45rem .7rem .45rem .4rem;text-align:left;text-transform:capitalize;width:100%}.cookbookComboboxCount{font-feature-settings:"tnum" 1,"tnum";color:#ffffffc7;font-size:.8rem;font-variant-numeric:tabular-nums;line-height:1.2;min-width:0;text-align:center;width:100%}.cookbookComboboxName{line-height:1.25;min-width:0;word-break:break-word}.cookbookComboboxOption:focus,.cookbookComboboxOption:hover{background:#a855f72e;outline:none}.cookbookComboboxOption[aria-selected=true]{background:#a855f71f}.actionsSection{--meal-filter-control-height:44px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#a855f714,#8b5cf60d);border:1px solid #a855f726;border-radius:10px;box-shadow:0 2px 10px #a855f71a;box-sizing:border-box;margin-bottom:1.5rem;padding:.75rem 1rem;position:relative;z-index:0}.viewMeals .actionsRow{align-items:center;width:100%}.viewMeals .actionButtons,.viewMeals .actionsRow{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center}.viewMeals .actionButtons{align-items:stretch;margin-left:0;margin-right:0;min-width:0}.viewMeals .actionButton{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:1px solid #0000;border-radius:6px;box-shadow:0 2px 8px #a855f740;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex:0 1 auto;font-size:.85rem;font-weight:500;gap:.45rem;height:var(--meal-filter-control-height);justify-content:center;line-height:1;margin:0;min-height:var(--meal-filter-control-height);min-width:0;padding:0 1rem;transition:background .2s ease,box-shadow .2s ease;white-space:nowrap}.viewMeals .actionButton svg{flex-shrink:0;height:.85rem;width:.85rem}.actionButton:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 12px #a855f759}.actionButton:active{transform:none}.deleteAllButton{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:1px solid #e74c3c4d}.deleteAllButton:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 4px 12px #e74c3c59}.deleteAllButton:disabled{background:#999!important;cursor:not-allowed;opacity:.6}.selectAllContainer{align-items:center;background:#ffffff0f;border:1px solid #a855f733;border-radius:6px;box-sizing:border-box;display:flex;height:var(--meal-filter-control-height);justify-content:center;min-height:var(--meal-filter-control-height);padding:0 .85rem;transition:background .2s ease,border-color .2s ease}.selectAllContainer:hover{background:#ffffff1a;border-color:#a855f759}.selectAllLabel{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;line-height:1;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.selectAllCheckbox{accent-color:#a855f7;cursor:pointer;flex-shrink:0;height:1rem;margin:0;width:1rem}.noMeals{color:#ccc;font-size:1rem;padding:2rem;text-align:center}.mealsMasonry{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(20rem,calc(33.33333% - 1rem))),1fr));min-width:0;padding:0;position:relative;width:100%;z-index:0}@container workspace (max-width: 700px){.mealsMasonry{gap:1rem;grid-template-columns:1fr;padding:0}}.mealCard{background:#f9f9f9;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mealCard:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.mealCard .mealImage{aspect-ratio:5/3;border-bottom:4px solid #6a4ede;height:auto;object-fit:cover;width:100%}.mealContent{display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.mealContent .mealName{color:#2a1a4a;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.mealIngredients{color:#555;font-size:.875rem;margin:0 0 1.5rem}.mealTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.mealTag{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:999px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;padding:.25rem .5rem}.mealTagEllipsis{color:#6b7280;font-size:.75rem}.noTags{color:#888;font-size:.875rem;margin:0 0 .5rem}.mealRating{display:flex;gap:.25rem;margin-bottom:.75rem}.starFilled{color:gold}.starEmpty,.starFilled{cursor:default;font-size:1.2rem}.starEmpty{color:#ccc}.exportLabel{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.exportLabel:hover{color:#1e6dd4;font-weight:700}.viewToggle{align-items:stretch;background:#ffffff0f;border:1px solid #a855f733;border-radius:6px;box-sizing:border-box;display:flex;gap:2px;grid-area:views;height:var(--meal-filter-control-height);padding:2px}.viewToggleButton{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;height:100%;justify-content:center;min-height:0;min-width:40px;padding:0 .75rem;transition:all .2s ease}.viewToggleButton:hover{background:#a855f71a;color:#a855f7}.viewToggleButton.active{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 2px 4px #a855f74d;color:#fff}.headerActions{align-items:stretch;display:flex;gap:8px;grid-area:share;height:var(--meal-filter-control-height)}.headerActions .viewModeSegmented{align-items:stretch;background:var(--input-black-opacity-background);border:1px solid var(--purple-border);border-radius:999px;box-sizing:border-box;display:inline-flex;gap:3px;height:100%;padding:3px;position:relative}.headerActions .segmentedIndicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;box-shadow:0 2px 6px #667eea59;height:calc(100% - 6px);left:3px;pointer-events:none;position:absolute;top:3px;transform:translateX(0);transition:transform .35s cubic-bezier(.4,0,.2,1);width:38px;z-index:0}.headerActions .segmentedIndicator.private{transform:translateX(0)}.headerActions .segmentedIndicator.shared{transform:translateX(41px)}.headerActions .segmentedBtn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:999px;color:#ffffffa6;cursor:pointer;display:inline-flex;font-size:15px;height:auto;justify-content:center;line-height:1;margin:0;outline:none;padding:0;position:relative;transition:color .25s ease;width:38px;z-index:1}.headerActions .segmentedBtn:focus{box-shadow:none;outline:none}.headerActions .segmentedBtn:focus-visible{outline:2px solid var(--purple-border);outline-offset:2px}.headerActions .segmentedBtn>svg{display:block;flex-shrink:0;height:15px;margin:0;width:15px}.headerActions .segmentedBtn:hover{background:#0000}.headerActions .segmentedBtn:hover:not(.active):not(:disabled){color:var(--text-color)}.headerActions .segmentedBtn.active{color:#fff}.headerActions .segmentedBtn:disabled{cursor:not-allowed;opacity:.4}@container meal-filters (max-width: 52rem){.filtersGroup{gap:.5rem;grid-template-areas:"share views spacer actions" "drops drops drops drops";grid-template-columns:auto auto 1fr auto}.filterDropdownsContainer{gap:.5rem}}@container meal-filters (max-width: 28rem){.filterDropdownsContainer{align-items:stretch;flex-direction:column;gap:.5rem}.filterWrapper,.filterWrapper:nth-child(2){flex:1 1 auto;width:100%}}@container workspace (max-width: 700px){.viewMeals{--meal-toolbar-inline:0.75rem}.mealSourceWatermarkWrap .mealSourceWatermark{opacity:.14;right:.25rem;top:.2rem;width:clamp(3.2rem,28vw,6.5rem)}.viewMeals .searchContainer{gap:.75rem;margin-bottom:.75rem;padding:var(--meal-toolbar-inline)}.viewMeals>.mealsCondensed{padding-inline:calc(var(--meal-toolbar-inline) + 1px)}.searchBarRow{align-items:stretch;flex-wrap:nowrap;gap:0}.searchInputWrap{flex:1 1 auto;max-width:none;min-width:0}.viewMeals .scopeSelector{flex:0 0 6.75rem;max-width:6.75rem;min-height:44px;min-width:6.75rem;padding:0 1.7rem 0 .6rem;width:6.75rem}.filtersGroup{gap:.5rem;grid-template-areas:"share views spacer actions" "drops drops drops drops";grid-template-columns:auto auto 1fr auto}.filterDropdownsContainer{gap:.5rem}}@container workspace (max-width: 520px){.filterDropdownsContainer{align-items:stretch;flex-direction:column;gap:.5rem}.filterWrapper,.filterWrapper:nth-child(2){flex:1 1 auto;width:100%}}@container workspace (max-width: 700px){.viewMeals .actionsSection{margin-bottom:.75rem;padding:.75rem}.viewMeals .actionsRow{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;width:100%}.viewMeals .actionButtons{display:contents}.viewMeals .actionButton{padding:0 .5rem;width:100%}.viewMeals .selectAllContainer{justify-content:center;width:100%}}.viewMeals .actionsToggleButton{align-items:center;background:#ffffff0f;border:1px solid #a855f733;border-radius:6px;box-sizing:border-box;color:#ffffffb3;cursor:pointer;display:flex;flex:0 0 44px;font-size:.9rem;height:44px;justify-content:center;margin-left:0;max-width:44px;min-height:44px;min-width:44px;padding:0;transition:all .2s ease;width:44px}.viewMeals .actionsToggleButton svg{flex-shrink:0;height:.9rem;width:.9rem}.actionsToggleButton:hover{background:#a855f71a;border-color:#a855f766;color:#a855f7;transform:translateY(-1px)}.actionsToggleButton:active{transform:translateY(0)}.viewMeals>.mealsCondensed{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;margin-inline:auto;max-width:var(--meal-query-col);padding:0;position:relative;width:100%;z-index:0}.mealRowCondensed{align-items:stretch;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;overflow:hidden;width:100%}.mealRowCondensed:hover{box-shadow:0 4px 12px #a855f726}.viewMeals .mealCardCondensed{align-items:center;appearance:none;-webkit-appearance:none;background:#fffffff2;border:1px solid #a855f726;border-radius:8px 0 0 8px;border-right:none;box-shadow:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font:inherit;margin:0;min-width:0;padding:.75rem 1rem;text-align:left;transition:background .2s ease,border-color .2s ease}.viewMeals .mealCardCondensed:hover{background:#fff;border-color:#a855f74d}.mealContentCondensed{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.mealNameCondensed{color:#2a1a4a;font-family:Georgia,serif;font-size:1.1rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewMeals .exportToggleCondensed{align-items:center;appearance:none;-webkit-appearance:none;background:#f4efff;border:1px solid #d4c4f5;border-left-color:#c4b0ee;border-radius:0 8px 8px 0;box-sizing:border-box;color:#3b0764;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;line-height:1;margin:0;max-width:none;min-width:6.5rem;padding:0 .9rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.viewMeals .exportToggleCondensed svg{flex-shrink:0;height:.85rem;width:.85rem}.viewMeals .exportToggleCondensed:hover{background:#e9dcff;border-color:#b79aef;color:#4c1d95}.viewMeals .exportToggleCondensedActive{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#7c3aed;color:#fff}.viewMeals .exportToggleCondensedActive:hover{background:linear-gradient(135deg,#9333ea,#6d28d9);border-color:#6d28d9;color:#fff}.exportLabelCondensed{align-items:center;background:#a855f714;border:1px solid #a855f733;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}.exportLabelCondensed:hover{background:#a855f726;color:#a855f7;font-weight:500}.exportLabelCondensed input[type=checkbox]{cursor:pointer;margin:0}@media (min-width:99999px){.viewMeals{padding:16px}.searchContainer{gap:12px;padding:16px}.actionsSection{padding:16px}.searchBarRow{align-items:stretch;flex-direction:column;justify-content:flex-start}.searchInputWrap{flex:1 1 auto;max-width:none;width:100%}.searchInput{font-size:16px;min-height:44px;padding:.65rem 3rem .65rem 2.25rem}.scopeSelector{background-color:#ffffff1a;background-image:var(--filter-chevron);background-position:right .75rem center;background-repeat:no-repeat;background-size:.7rem;min-height:44px;padding:0 2.15rem 0 12px;width:100%}.clearSearchBtn{font-size:1rem;height:36px;right:.75rem;width:36px}.clearSearchBtn,.searchIcon{top:50%;transform:translateY(-50%)}.filtersGroup,.searchFiltersRow{flex-direction:column;gap:12px}.filtersGroup{align-items:stretch}.filtersLeftGroup{align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.headerActions{order:1;width:auto}.viewToggle{margin:0;order:2;width:auto}.mobileFilterToggle{align-items:center;background:#ffffff0f;border:1px solid #a855f733;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;min-height:44px;order:3;padding:10px 12px;transition:all .2s ease;width:100%}.mobileFilterToggle.active{background:#a855f726;border-color:#a855f7}.filterDropdownsContainer{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;display:none;flex-direction:column;gap:12px;order:4;padding:12px;width:100%}.filterDropdownsContainer.show{display:flex}.firstFilterWrapper{margin-left:0}.filtersRightGroup{justify-content:center;width:100%}.filterWrapper{width:100%}.filterIcon{font-size:1rem;left:12px}.filterSelect{font-size:16px;min-height:44px;padding:12px 12px 12px 36px;width:100%}select.filterSelect{background-position:right .75rem center;background-size:.7rem;padding:12px 2.15rem 12px 36px}.cookbookCombobox{display:block;flex:1 1 auto;max-width:none;min-width:0;width:100%}.cookbookComboboxList{max-width:min(100%,calc(100vw - 2rem))}.cookbookComboboxOption{font-size:16px;min-height:44px}.cookbookComboboxCount{font-size:15px}.actionsRow{flex-direction:column;gap:12px}.actionButtons{flex-direction:column;gap:10px;width:100%}.actionButton{font-size:1rem}.actionButton,.selectAllContainer{justify-content:center;min-height:44px;width:100%}.actionsToggleButton{min-height:44px;width:100%}.viewToggleButton{flex:1 1;min-height:44px}.mealCardCondensed{gap:12px;min-height:50px;padding:12px}.mealCardCondensed,.mealContentCondensed{align-items:center;flex-direction:row;justify-content:space-between}.mealContentCondensed{gap:10px;width:100%}.mealNameCondensed{flex:1 1;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exportLabelCondensed{min-height:44px;padding:0 12px;width:auto}.mealsMasonry{gap:15px;grid-template-columns:repeat(2,1fr);padding:0}.viewMeals{padding:12px}.mealsMasonry{gap:12px;grid-template-columns:1fr;padding:0}.mealCard{align-items:stretch;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column}.mealImage{border-bottom:none;border-radius:8px 8px 0 0;height:160px;width:100%}.mealContent{gap:10px;padding:12px}.mealContent .mealName{font-size:1.2rem;margin-bottom:4px}.mealIngredients{font-size:.9rem;margin-bottom:8px}.mealTags{gap:6px;margin-bottom:8px}.mealTag{font-size:.8rem;padding:4px 8px}.mealRating{margin-bottom:8px}.starEmpty,.starFilled{font-size:1.2rem}.exportLabel{align-items:center;display:flex;font-size:.9rem;min-height:44px;padding:8px 0}.exportLabel input[type=checkbox]{height:20px;width:20px}}.settingsLayout>.content:has(.StoresLayout_storesLayoutContainer__QFQCC){overflow:hidden}.StoresLayout_storesLayoutContainer__QFQCC{margin-inline:auto;max-width:var(--measure-gallery);padding:0 clamp(.75rem,2vw,1.25rem);position:relative;width:100%}.StoresLayout_storesLayoutContainer__QFQCC,.StoresLayout_storesLayoutContainer__QFQCC>.container{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.StoresLayout_storesLayoutContainer__QFQCC>.container>.contentArea{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.StoresLayout_storesLayoutContainer__QFQCC>.container>.contentArea::-webkit-scrollbar{display:none}.StoresLayout_pageHeader__t5ThB{flex-shrink:0;padding:.15rem 0 1rem}@container workspace (max-width: 900px){.StoresLayout_pageHeader__t5ThB{padding:.1rem 0 .75rem}.StoresLayout_pageHeader__t5ThB p{font-size:.875rem;line-height:1.4}}.StoresLayout_pageHeader__t5ThB h1{color:var(--header-text-color);font-size:clamp(1.35rem,3cqi,1.75rem);font-weight:700;margin:0 0 .35rem}.StoresLayout_pageHeader__t5ThB p{color:var(--text-muted);color:var(--secondary-text-color,var(--text-muted));font-size:.95rem;line-height:1.45;margin:0}.StoresLayout_viewOnlyBanner__n4Ait{background:#f1c40f1f;border:1px solid #f1c40f59;border-radius:8px;flex-shrink:0;font-size:.9rem;line-height:1.45;margin:0 0 .75rem;padding:.75rem 1rem}.StoresLayout_viewOnlyBanner__n4Ait a{color:var(--primary-color);font-weight:600}.Spinner_spinner__bXi69{align-items:center;display:flex;gap:8px;justify-content:center}.Spinner_dot__\+A\+Wz{animation:Spinner_bounce__h4jQT 1.4s ease-in-out infinite both;background-color:purple;border-radius:50%;height:12px;width:12px}.Spinner_dot__\+A\+Wz:first-child{animation-delay:-.32s;background-color:#fff}.Spinner_dot__\+A\+Wz:nth-child(2){animation-delay:-.16s;background-color:purple}.Spinner_dot__\+A\+Wz:nth-child(3){animation-delay:0s;background-color:#667eea}@keyframes Spinner_bounce__h4jQT{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.Skeleton_skeleton__nVFX5{animation:Skeleton_skeleton-loading__T\+xme 1.4s ease infinite,Skeleton_delayed-fade-in__0TnNh .4s ease-in forwards;animation-delay:0s,1s;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;border-radius:4px;display:inline-block;opacity:0}@keyframes Skeleton_delayed-fade-in__0TnNh{0%{opacity:0}to{opacity:1}}.dark-mode .Skeleton_skeleton__nVFX5{background:linear-gradient(90deg,#1e293b 25%,#334155 37%,#1e293b 63%);background-size:400% 100%}body:not(.dark-mode) .Skeleton_skeleton__nVFX5{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%}.Skeleton_circular__\+MOIR{border-radius:50%}.Skeleton_rectangular__i-et4{border-radius:8px}.Skeleton_text__xM4Vu{height:1rem;margin-bottom:.5rem}@keyframes Skeleton_skeleton-loading__T\+xme{0%{background-position:100% 50%}to{background-position:0 50%}}.PageSkeleton_pageSkeleton__VNpTu{animation:PageSkeleton_delayed-fade-in__ycWdS .4s ease-in forwards;animation-delay:1s;background-color:var(--background-color);display:flex;flex-direction:column;gap:30px;height:100%;min-height:0;opacity:0;padding:0;width:100%}@keyframes PageSkeleton_delayed-fade-in__ycWdS{0%{opacity:0}to{opacity:1}}.PageSkeleton_breadcrumbSkeleton__90JGa{flex-shrink:0;height:14px;margin:.15rem .75rem .5rem;width:min(100%,12rem)}.PageSkeleton_contentSkeleton__VE\+H1{align-items:stretch;display:flex;flex:1 1;gap:30px;min-height:0;min-width:0;overflow:hidden}.PageSkeleton_panelSkeleton__F8cuF{border-radius:12px;flex-shrink:0;height:auto;min-height:0;overflow:hidden;padding:15px;width:min(100%,320px)}.PageSkeleton_mainContentSkeleton__lUnxQ{flex:1 1;min-height:0;min-width:0;overflow:auto}.PageSkeleton_gridSkeleton__GjiN9{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));width:100%}.PageSkeleton_cardSkeleton__wVdyR{border-radius:12px;display:flex;flex-direction:column;gap:15px;min-height:400px;padding:15px}@container workspace (max-width: 900px){.PageSkeleton_contentSkeleton__VE\+H1{flex-direction:column}.PageSkeleton_panelSkeleton__F8cuF{height:150px;width:100%}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b2ea0c28.css.map*/