:root{--ion-color-primary: #4da66d;--ion-color-primary-rgb: 77, 166, 109;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #449260;--ion-color-primary-tint: #5faf7c;--ion-color-secondary: #e5f2ea;--ion-color-secondary-rgb: 229, 242, 234;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #cad5ce;--ion-color-secondary-tint: #e8f3ec;--ion-color-tertiary: #f0e6aa;--ion-color-tertiary-rgb: 240, 230, 170;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #d3ca96;--ion-color-tertiary-tint: #f2e9b3;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d23c3c;--ion-color-danger-tint: #f15757;--ion-background-color: #f3fcf3;--ion-background-color-rgb: 243, 252, 243;--ion-text-color: #020817;--ion-card-background: #ffffff;--ion-item-background: transparent;--ion-item-border-color: transparent;--ion-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}:root ion-progress-bar{--background: #e4f1e8}:root .alert-wrapper{--background: var(--ion-card-background);border-radius:16px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}:root .alert-head .alert-title{color:var(--ion-text-color);font-size:1.25rem;font-weight:600}:root .alert-message{color:var(--ion-color-medium);font-size:.875rem;line-height:1.4}:root .alert-button{font-size:.875rem;font-weight:600;text-transform:none}:root .alert-md .alert-button{height:44px;border-radius:8px}:root .alert-md .alert-button-group:first-child{padding-bottom:8px}:root .alert-md .alert-button:last-of-type{--background: var(--ion-color-danger);--color: var(--ion-color-danger-contrast)}:root .alert-md .alert-button:first-of-type{--background: transparent;--color: var(--ion-color-medium);--border-width: 1px;--border-style: solid;--border-color: var(--ion-color-medium)}:root .alert-md .alert-button-group{padding:0 1rem 1rem;gap:.75rem}:root .alert-md .alert-button-inner{justify-content:center}:root .alert-ios .alert-button{color:var(--ion-color-primary)}:root .alert-ios .alert-button.alert-button-role-destructive{color:var(--ion-color-danger)}body.dark{--ion-color-primary: #2e6b46;--ion-color-primary-rgb: 46, 107, 70;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #285e3e;--ion-color-primary-tint: #437a59;--ion-color-secondary: #1c2e24;--ion-color-secondary-rgb: 28, 46, 36;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #192820;--ion-color-secondary-tint: #33433a;--ion-color-light-shade-dark: #333333;--ion-color-medium: #a1a1a9;--ion-color-medium-rgb: 161, 161, 169;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8d8d94;--ion-color-medium-tint: #a9a9b0;--ion-background-color: #090b0a;--ion-background-color-rgb: 9, 11, 10;--ion-text-color: #fafafa;--ion-item-color: var(--ion-text-color);--ion-list-header-color: #fafafa;--ion-card-background: var(--ion-background-color);--ion-card-border-color-dark: #333333;--ion-item-background: #090b0a;--ion-item-border-color: transparent}body.dark .alert-wrapper{--background: var(--ion-card-background);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0003}body.dark .alert-head .alert-title{color:var(--ion-text-color)}body.dark .alert-message{color:var(--ion-color-medium)}body.dark .alert-md .alert-button:first-of-type{--color: var(--ion-color-medium);--border-color: var(--ion-color-medium)}body.dark .alert-md .alert-button:last-of-type{--background: var(--ion-color-danger);--color: var(--ion-color-danger-contrast)}ion-modal ion-toolbar{--background: var(--ion-background-color);--color: var(--ion-text-color)}body.dark ion-modal ion-toolbar{--background: #f7f7f716;--color: var(--ion-text-color)}body.dark ion-list-header{--color: #fafafa}body.dark ion-checkbox{--border-color: #666;--checkmark-color: #fff}body.dark ion-progress-bar{--background: #242c28}:root.ios{--ion-text-color: #000}body.dark.ios{--ion-text-color: #fff}:root.md{--ion-text-color: #222}body.dark.md{--ion-text-color: #fff}html,body{height:100%;overflow:hidden;overscroll-behavior:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--ion-color-secondary) inset!important;-webkit-text-fill-color:var(--ion-text-color)!important;caret-color:var(--ion-text-color)!important;border-radius:12px!important}.collection-page-content{padding-top:calc(var(--ion-safe-area-top) + 4rem + 1rem);display:flex;flex-direction:column;gap:1rem}.filter-bar-container{top:56px;display:flex;justify-content:space-between;align-items:center;padding:.5rem var(--ion-padding-start) .5rem var(--ion-padding-end);background:rgba(var(--ion-background-color-rgb),.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:0px solid var(--ion-color-step-100, #eee)}.collection-page-title{font-size:1.5rem;font-weight:600;margin:0;flex-shrink:0}.search-and-add-wrapper{display:flex;align-items:center;gap:.5rem;flex-grow:1;justify-content:flex-end}.collection-search-bar{--background: var(--ion-color-secondary);--border-radius: 12px;--placeholder-color: var(--ion-color-medium);--color: var(--ion-text-color);--icon-color: var(--ion-color-medium);--box-shadow: none;--height: 56px;--padding-start: 1rem;--padding-end: 1rem;padding-top:0;padding-bottom:0;width:100%;max-width:300px;padding-inline:0}.collection-search-bar .searchbar-input-container{height:100%}@media (max-width: 768px){.filter-bar-container{flex-direction:column;align-items:flex-start;gap:.5rem}.search-and-add-wrapper{width:100%;justify-content:space-between}.collection-search-bar{max-width:none}}.collection-card-col{display:flex;align-self:stretch;padding:.5rem}.collection-card-col>grocery-list-card{flex:1}@media (min-width: 992px){ion-grid{display:flex;justify-content:center}ion-row{width:100%;max-width:1200px;justify-content:flex-start}}.line-through{text-decoration:line-through}.text-small{font-size:.85rem}.grocery-item-unit-label{font-weight:700;color:var(--ion-color-medium)}.grocery-item-subtitle-cursive{font-weight:200;font-style:italic}.menu-separator{position:relative;margin:1rem 0;padding:.5rem 0}.menu-separator:before,.menu-separator:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:90%;height:1px;background-color:var(--ion-color-step-150, #dcdcdc)}.menu-separator:before{top:0}.menu-separator:after{bottom:0}body.dark .menu-separator:before,body.dark .menu-separator:after{background-color:var(--ion-color-step-700, #4d4d4d)}.menu-profile-separator{width:90%;height:1px;background-color:var(--ion-color-step-150, #dcdcdc);margin:1rem auto .5rem}body.dark .menu-profile-separator{background-color:var(--ion-color-step-700, #4d4d4d)}ion-fab{margin-bottom:var(--ion-safe-area-bottom, 0)}.profile-side-menu-button{background-color:#4da66d;border-radius:16px;margin:1rem}.ai-loading-indicator{background:var(--ion-background-color);color:var(--ion-text-color);border-radius:12px;border-width:1px;border-color:var(--ion-color-medium)}ion-fab-button{--border-radius: 15px;--box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15)}ion-fab-list ion-fab-button{width:56px;height:56px}