@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";.intolerance-toggles{display:flex;flex-flow:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;height:fit-content;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0;margin-left:0;margin-right:0;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:0;animation:fadeIn .6s ease-out .2s both}.intolerance-toggles__reset-btn{flex-shrink:0;align-self:center;padding:0 4px 0 0;margin-left:auto;border:none;background:none;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-brand2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .2s ease}.intolerance-toggles__reset-btn:hover{color:var(--text-primary);opacity:.6}.intolerance-toggles__reset-btn:focus-visible{outline:2px solid var(--accent, #52993C);outline-offset:2px;border-radius:4px}.intolerance-toggles--mobile{flex-direction:column;align-items:stretch;gap:8px;height:auto;overflow:visible}.intolerance-toggles__row{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.intolerance-toggles__row::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){.intolerance-toggles{animation:none;opacity:1}}.intolerance-toggles::-webkit-scrollbar{display:none}.toggle-pill{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;gap:8px;height:44px;padding:12px;border:1px solid var(--borders-default);border-radius:20px;background-color:var(--bg-primary);cursor:pointer;font-family:var(--font-body);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.toggle-pill:active{transform:scale(.97)}.toggle-pill__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icons-secondary);transition:color .2s ease}.toggle-pill__icon svg,.toggle-pill__icon svg.lucide-milk{width:20px;height:20px;color:var(--icons-secondary);stroke:var(--icons-secondary)}.toggle-pill__label{font-size:15px;font-weight:400;color:var(--text-primary);white-space:nowrap;padding-right:4px;height:24px;transition:color .2s ease}.toggle-pill__checkbox{flex-shrink:0;width:20px;height:20px;border-radius:50%;border-width:1px;border-style:solid;border-color:var(--icons-secondary);border-image:none;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:.4;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.toggle-pill__checkbox svg{color:var(--icons-secondary);background:unset;background-color:unset;width:14px;height:14px;stroke-width:1.7}.toggle-pill__checkbox-icon{opacity:1;transform:scale(1);transition:opacity .2s ease,transform .2s ease;color:var(--icons-secondary)}.toggle-pill__checkbox svg path{color:var(--icons-secondary)}.toggle-pill__checkbox-icon path{color:var(--icons-secondary)}.toggle-pill.active .toggle-pill__checkbox{background-color:var(--icons-brand2);color:var(--icons-inverse);border-width:1px;border-style:solid;border-color:var(--icons-inverse);border-image:none;opacity:1}.toggle-pill.active .toggle-pill__checkbox-icon{opacity:1;transform:scale(1);color:var(--icons-inverse)}.toggle-pill.active .toggle-pill__checkbox svg,.toggle-pill.active .toggle-pill__checkbox svg path{color:var(--icons-inverse)}.toggle-pill.active .toggle-pill__checkbox-icon,.toggle-pill.active .toggle-pill__checkbox-icon path{color:var(--icons-inverse)}.toggle-pill.active{color:var(--text-primary);background-color:var(--surface-brandsubtle);border:1px solid var(--borders-brand, var(--accent, #12B584));box-shadow:inset 0 0 0 1px var(--borders-brand, var(--accent, #12B584))}.toggle-pill.active .toggle-pill__icon{color:var(--icons-brand2)}.toggle-pill.active .toggle-pill__icon svg{color:var(--icons-brand2);stroke:var(--icons-brand2)}.toggle-pill.active .toggle-pill__label{font-weight:500;color:var(--text-brand2)}.toggle-pill:focus-visible{outline:2px solid var(--accent, #52993C);outline-offset:2px}@media (hover: hover){.toggle-pill:hover:not(.active){background-color:var(--interactive-ghostHover);border-color:var(--borders-strong)}.toggle-pill.active:hover{border-color:var(--borders-brand, var(--accent, #12B584));opacity:.95}}@media (max-width: 767px){.intolerance-toggles{margin-left:0;margin-right:0;width:100%;padding-left:0;padding-right:16px}.intolerance-toggles__row{padding-left:16px;padding-right:16px}}.search-container{position:relative;width:100%;max-width:100%;margin:0 auto;padding-left:0;padding-right:0;animation:fadeIn .6s ease-out .3s both}.search-container--with-photo{height:64px}.search-input-inner{position:relative;display:flex;align-items:center;width:100%;flex:1;min-width:0}.search-container--with-photo .search-input-group{display:flex;align-items:center;height:64px;padding:4px 4px 4px 0;background-color:var(--surface-tertiary);border-radius:20px;border:1px solid var(--borders-default);gap:0;transition:border-color .2s ease,border-width .2s ease}.search-container--with-photo .search-input-group:hover{border-width:1px;border-color:var(--borders-strong)}.search-container--with-photo .search-input-group:active{border-width:2px;border-color:var(--borders-default)}.search-container--with-photo .search-input-group:focus-within{border-width:2px;border-color:var(--borders-brand)}.search-container--with-photo .search-input-inner{flex:1;min-width:0}.search-input-group{position:relative;display:flex;align-items:center;width:100%;background:unset;background-color:unset}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--icons-tertiary);background:unset;background-color:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.search-icon svg,.search-icon svg.lucide{color:var(--icons-tertiary);height:20px;width:20px}.search-input-group:focus-within .search-icon,.search-input-group:focus-within .search-icon svg,.search-input-group:focus-within .search-icon svg.lucide{color:var(--icons-brand2)}.search-input{width:100%;height:64px;padding:var(--space-lg) 16px var(--space-lg) 48px;border:none;border-radius:20px;font-family:var(--font-body);font-size:16px;background:unset;background-color:var(--surface-sunken);color:var(--text-tertiary);transition:border-color .2s ease,box-shadow .2s ease;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.search-container--with-photo .search-input{background-color:transparent;border-radius:0;padding-right:12px}.search-container--with-photo .search-input:focus{box-shadow:none}.search-input:focus{outline:none;border-color:var(--borders-strong);box-shadow:0 0 0 4px var(--accent-light);color:var(--text-primary)}.search-input-group:focus-within .search-input{color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{position:absolute;right:12px;left:auto;top:50%;transform:translateY(-50%);z-index:1;background:unset;background-color:unset;color:var(--icons-secondary);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.search-container--with-photo .clear-btn{right:12px;left:auto}.search-photo-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:100%;margin:0;padding:0 24px;background-color:var(--interactive-navy);color:var(--text-white);border:none;border-radius:16px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.search-photo-btn:hover:not(:disabled){background-color:var(--interactive-navyHover)}.search-photo-btn:focus-visible{outline:2px solid var(--text-white);outline-offset:2px}.search-photo-btn:disabled{opacity:.9;cursor:wait}.search-photo-btn span{color:var(--text-brand)}.search-photo-btn svg{width:20px;height:20px;color:var(--borders-brand)}@media (max-width: 767px){.search-photo-btn{display:none}}.clear-btn.visible{display:flex}.clear-btn:hover{background-color:transparent;background:transparent;color:var(--icons-secondary);transform:translateY(-50%)}.clear-btn:hover svg,.clear-btn:hover path,.clear-btn:hover svg path{color:var(--icons-secondary);stroke:var(--icons-secondary)}.clear-btn:hover svg{transform:rotate(90deg)}@media (hover: hover){.clear-btn:hover svg{transform:rotate(90deg)}}.clear-btn:focus-visible{background:var(--fill-tertiary);color:var(--text-secondary);outline:none;box-shadow:0 0 0 2px var(--accent)}.clear-btn svg.lucide{height:24px;width:24px}.clear-btn path,.clear-btn svg path{height:12px;color:var(--icons-secondary)}.clear-btn svg{transition:transform .2s ease}.category-chips{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;column-gap:8px;row-gap:8px;overflow-x:visible;margin:0;padding:0;width:100%;height:fit-content;scrollbar-width:none;-ms-overflow-style:none;animation:fadeIn .12s ease-out both;z-index:1}.category-chips::-webkit-scrollbar{display:none}.category-chip{display:inline-flex;align-items:center;gap:var(--space-xs);height:40px;width:fit-content;min-width:0;max-width:100%;padding:8px 16px;border:1px solid var(--borders-default);background-color:var(--interactive-ghost);border-radius:var(--radius-full);font-size:14px;font-weight:400;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.category-chip__icon,.category-chip svg.lucide,.category-chip svg{color:var(--icon-secondary)}.category-chip__icon{flex-shrink:0;width:20px;height:20px}.category-chip.active{background-color:var(--interactive-navy);color:var(--text-inverse)}.category-chip.active .category-chip__icon,.category-chip.active svg.lucide{color:var(--icons-inverse)}@media (hover: hover){.category-chip:hover:not(.active){border-color:var(--borders-strong);background-color:var(--interactive-ghostHover)}}@media (max-width: 479px){.category-chips{margin-left:0;margin-right:0;width:100%;padding-left:0;padding-right:0}}.food-card{display:flex;justify-content:flex-start;align-items:center;position:relative;background-color:var(--surface-secondary);border-radius:18px;padding:16px 8px 16px 16px;margin:0;height:80px;box-sizing:border-box;cursor:pointer;touch-action:manipulation;transition:background-color .2s ease;border:none;box-shadow:none;animation:slideUp .4s ease-out both}@media (hover: hover){.food-card:not(.legend-card):hover{background-color:var(--surface-hover)}.food-card:not(.legend-card):hover .food-emoji{background-color:#fff;box-shadow:none}}.food-card:not(.legend-card):active{background-color:var(--surface-pressed)}.food-card:not(.legend-card):active .food-emoji{background-color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--borders-default) 65%,transparent)}.food-card-header{display:flex;align-items:center;gap:var(--space-sm);width:100%}.food-emoji{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--fill-tertiary);background-color:var(--surface-tertiary);border-radius:var(--radius-md);flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease}.food-info{flex:1;min-width:0}.food-name{font-weight:600;font-size:16px;line-height:20px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.food-card-meta{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:.8rem;line-height:14px;color:var(--text-secondary);font-weight:400;flex-wrap:wrap}.food-card-brand{font-weight:500}.food-card-category{font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit}.food-card-meta-separator{opacity:.7}.food-levels{display:flex;gap:4px;margin-left:auto;color:var(--icons-inverse)}.food-card-bookmark-wrapper{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;color:var(--icons-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}.food-card-bookmark-icon{flex-shrink:0;width:20px;height:20px;color:var(--icons-secondary);fill:none;transition:fill .28s cubic-bezier(.34,1.2,.64,1),color .28s cubic-bezier(.34,1.2,.64,1)}.food-card-bookmark-wrapper--active .food-card-bookmark-icon{color:var(--icons-brand2);fill:currentColor;animation:bookmark-activate .42s cubic-bezier(.34,1.2,.64,1) forwards}.level-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.level-dot svg{flex-shrink:0;width:12px!important;height:12px!important;min-width:12px;min-height:12px;color:inherit}.food-levels .level-dot svg{color:var(--icons-inverse)}.results-container .food-card{border:none}.results-container .food-card{border-radius:0}.results-container>div:first-child>.food-card{border-top-left-radius:18px;border-top-right-radius:18px}.results-container>div:nth-last-child(2)>.food-card{border-bottom-left-radius:18px;border-bottom-right-radius:18px}.results-container .food-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--borders-default) 60%,transparent)}.results-container>div:nth-last-child(2)>.food-card:after{display:none}.results-container .food-card-category,.results-container .food-card-meta-separator{display:none}.results-section{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;width:100%;max-width:760px;height:fit-content;padding-bottom:24px}@media (max-width: 767px){.results-section{padding-left:16px;padding-right:16px}}.results-container{position:relative;z-index:0;width:100%;margin-top:0;margin-left:16px;margin-right:16px;padding:2px;color:#000;background-color:var(--surface-secondary);border:none;border-radius:20px;box-shadow:0 4px 12px #0000000f;overflow:hidden;animation:fadeIn .6s ease-out .5s both;height:fit-content;flex:0 0 auto}.results-container .food-card{margin:0}.results-container--virtual{flex:1 1 auto;min-height:0}.hdr-count-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;height:20px;min-width:20px;min-height:20px;padding:0 6px;margin-left:0;font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--text-inverse);background-color:var(--icons-secondary);border-radius:9999px;white-space:nowrap;flex-shrink:0}.hdr-clear-bookmarks{margin-left:auto;padding:4px 0 0;border:none;background:none;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-brand2);cursor:pointer;text-decoration:none;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .2s ease}.hdr-clear-bookmarks:hover{color:var(--text-primary);opacity:.6}.hdr-clear-bookmarks:focus-visible{outline:2px solid var(--accent, #52993C);outline-offset:2px;border-radius:4px}.hdr-clear-results{margin-left:auto;padding:4px 0 0;border:none;background:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text-brand2);cursor:pointer;text-decoration:none;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .2s ease}.hdr-clear-results:hover{color:var(--text-primary);opacity:.6}.hdr-clear-results:focus-visible{outline:2px solid var(--accent, #52993C);outline-offset:2px;border-radius:4px}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;vertical-align:bottom;text-align:center;padding:var(--space-2xl) var(--space-lg);animation:fadeIn .6s ease-out;gap:0px}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.empty-title{font-family:var(--font-body);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-top:0;margin-bottom:0}.empty-text{color:var(--text-secondary);font-size:.95rem}.level-filter-pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0;padding:0;width:100%;height:fit-content;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;animation:fadeIn .12s ease-out both}.level-filter-pills::-webkit-scrollbar{display:none}@media (max-width: 479px){.level-filter-pills{margin-left:0;margin-right:0;width:100%;padding-left:0;padding-right:0}}.level-filter-pill{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.25;height:40px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--borders-default);background-color:var(--interactive-ghost);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.level-filter-pill__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.level-filter-pill--level[data-level=none] .level-filter-pill__dot{background-color:var(--level-none)}.level-filter-pill--level[data-level=low] .level-filter-pill__dot{background-color:var(--level-low)}.level-filter-pill--level[data-level=medium] .level-filter-pill__dot{background-color:var(--level-medium)}.level-filter-pill--level[data-level=high] .level-filter-pill__dot{background-color:var(--level-high)}.level-filter-pill--level[data-level=too-high] .level-filter-pill__dot{background-color:var(--level-too-high)}.level-filter-pill--active.level-filter-pill--level .level-filter-pill__dot{background-color:var(--icons-inverse)}.level-filter-pill:not(.level-filter-pill--active){background-color:var(--interactive-ghost);border-color:var(--borders-default);color:var(--text-secondary)}.level-filter-pill--level:not(.level-filter-pill--active)[data-level=none]{color:var(--level-text-none)}.level-filter-pill--level:not(.level-filter-pill--active)[data-level=low]{color:var(--level-text-low)}.level-filter-pill--level:not(.level-filter-pill--active)[data-level=medium]{color:var(--level-text-medium)}.level-filter-pill--level:not(.level-filter-pill--active)[data-level=high]{color:var(--level-text-high)}.level-filter-pill--level:not(.level-filter-pill--active)[data-level=too-high]{color:var(--level-text-too-high)}@media (hover: hover){.level-filter-pill:hover:not(.level-filter-pill--active){border-color:var(--borders-strong);background-color:var(--interactive-ghostHover)}}.level-filter-pill--active:not(.level-filter-pill--level){background-color:var(--surface-navy);border-color:var(--surface-navy);color:var(--text-inverse)}.level-filter-pill.level-filter-pill--active.level-filter-pill--level[data-level=none]{background:var(--level-none);background-color:var(--level-none);border-color:var(--level-none);color:var(--text-inverse)}.level-filter-pill--active.level-filter-pill--level[data-level=low]{background:var(--level-low);border-color:var(--level-low);color:var(--text-inverse)}.level-filter-pill--active.level-filter-pill--level[data-level=medium]{background:var(--level-medium);border-color:var(--level-medium);color:var(--text-inverse)}.level-filter-pill--active.level-filter-pill--level[data-level=high]{background:var(--level-high);border-color:var(--level-high);color:var(--text-inverse)}.level-filter-pill--active.level-filter-pill--level[data-level=too-high]{background:var(--level-too-high);border-color:var(--level-too-high);color:var(--text-inverse)}.level-filter-pill--active:hover{opacity:.95}.loading-indicator{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);color:var(--text-muted);margin-top:24px;margin-bottom:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--interactive-tertiary);border-top-color:var(--interactive-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-md, 12px);flex-shrink:0}.loading-indicator__text{margin:0;color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}.detail-view{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e182680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1101;display:none;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .3s ease-out}@media (min-width: 769px){.detail-view{align-items:center;justify-content:center;padding:var(--space-lg)}.detail-card{max-width:540px;width:100%;max-height:90vh;margin:0}}@media (max-width: 768px){.detail-view{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0e182680}}.detail-view.active{display:flex}.detail-card{background:unset;background-color:unset;border-radius:20px;margin-left:0;margin-right:0;margin-bottom:0;max-width:540px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUpModal .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.detail-card:not(.detail-card--dragging){transition:transform .25s cubic-bezier(.4,0,.2,1)}.detail-card-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.detail-scroll-area{flex:1;min-height:0;overflow-y:auto;background-color:var(--surface-secondary);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--fill-secondary) var(--surface)}@media (max-width: 768px){.detail-card{animation-duration:.25s}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-header{display:flex;align-items:center;padding:24px 120px 24px 24px;border:none;border-bottom:1.5px solid var(--borders-default);position:sticky;top:0;z-index:1;flex-shrink:0;background-color:var(--surface-navy);height:fit-content}.detail-header--navy{flex-direction:column;align-items:stretch;padding:24px;background-color:var(--surface-navy);border-bottom:none;border-radius:20px 20px 0 0}.detail-header--draggable{cursor:grab;touch-action:none}.detail-header--draggable:active{cursor:grabbing}.detail-drag-handle{display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:6px;border-radius:999px;background-color:var(--borders-strong);flex-shrink:0;margin-bottom:0}.close-btn{position:absolute;top:var(--space-md);right:var(--space-md);left:auto;background-color:#fff;border:none;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.detail-header--navy .close-btn.detail-header__close{background:unset;background-color:unset;color:var(--text-secondary);font-family:var(--font-body)}.detail-header--navy .close-btn.detail-header__close .close-btn__icon{color:var(--icons-onNav)}.close-btn__icon{width:20px;height:20px;flex-shrink:0;color:var(--fill-secondary)}@media (hover: hover){.close-btn:hover{background-color:var(--interactive-ghostHover);color:var(--text-secondary);transform:rotate(90deg)}}.detail-header__top{display:flex;align-items:center;gap:16px;min-width:0;margin-right:48px}.detail-header__icon-wrap{width:56px;height:56px;min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-tertiary);border-radius:var(--radius-md);flex-shrink:0}.detail-header--navy .detail-header__icon-wrap{background-color:#fff3;border-radius:14px}.detail-header__emoji{font-size:32px;line-height:1}.detail-header__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.detail-name{font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.2px;line-height:26px}.detail-header--navy .detail-name{color:var(--text-inverse)}.detail-header__subtitle,.detail-category-label{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.3}.detail-header--navy .detail-header__subtitle{color:#ffffffbf}.detail-header__bookmark-slot{width:44px;height:44px;min-width:44px;flex-shrink:0}.detail-header__bookmark-btn{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:none;border-radius:12px;background-color:#ffffff1f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;color:var(--text-inverse)}.detail-header__bookmark-btn:hover{background-color:#fff3}.detail-header__bookmark-icon{width:24px;height:24px;flex-shrink:0;color:inherit;fill:none}.detail-header__bookmark-btn--active .detail-header__bookmark-icon{fill:currentColor;color:var(--borders-brand)}.detail-header__separator{height:1px;background:#ffffff26;margin:16px 0 14px}.detail-header__nutriscore{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.detail-header__nutriscore--missing{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.detail-header__nutriscore-label-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;flex:1;min-width:0}.detail-header__nutriscore-label{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;font-size:12px;font-weight:600;letter-spacing:.04em;color:#fff}.detail-header__nutriscore-quality{font-size:12px;font-weight:500;color:var(--text-onNav);opacity:.6}.detail-header__nutriscore-missing-text{font-size:12px;font-weight:400;color:#ffffffbf;opacity:.6}.detail-header__nutriscore-tooltip-trigger .detail-header__nutriscore-tooltip-icon{color:#fff;opacity:.6}.detail-header__nutriscore-tooltip-trigger .level-heading-tooltip{background:var(--surface-elevated);color:var(--text-primary);top:auto;bottom:calc(100% + 8px);left:50%;margin-left:0;transform:translate(-50%);width:auto;min-width:240px;max-width:260px}@media (max-width: 360px){.detail-header__nutriscore-tooltip-trigger .level-heading-tooltip{left:auto;right:16px;transform:none}}.detail-header__content{display:flex;align-items:center;gap:16px;margin-top:0;padding-top:0;height:fit-content}.detail-content{display:flex;flex-direction:column;gap:0px;padding:24px;background-color:var(--surface-elevated);border:none;border-bottom:1px solid var(--borders-default)}.intolerance-section{margin-bottom:0;padding-bottom:16px}.intolerance-section+.intolerance-section{border-top:1px solid var(--borders-default);padding-top:16px}.intolerance-section:last-child{padding-bottom:0}.intolerance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.intolerance-name{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:16px;color:var(--text-primary)}.intolerance-section__icon-box{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--surface-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.intolerance-section__icon{flex-shrink:0;color:var(--icons-secondary)}.intolerance-section__icon-box svg.intolerance-section__icon{color:var(--icons-secondary)}.level-badge{padding:.35rem .85rem;border-radius:var(--radius-full);color:var(--text-inverse);font-size:13px;font-weight:500}.progress-bar-container{height:8px;background-color:var(--surface-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);animation:progressSlide .8s ease-out}@keyframes progressSlide{0%{width:0!important}}.intolerance-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.nutriscore-row{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--space-lg);margin-bottom:var(--space-sm)}.nutriscore-text{min-width:0;flex:1}.nutriscore-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.nutriscore-description{font-size:14px;font-weight:400;color:var(--text-secondary);margin:0;line-height:1.4}.nutriscore-pills{display:flex;justify-content:center;align-items:center;gap:4px;flex-shrink:0}.nutriscore-pill{display:inline-flex;align-items:center;justify-content:center;gap:0;width:24px;height:24px;min-width:24px;padding:0;border-radius:8px;font-size:12px;font-weight:500;line-height:1}.nutriscore-pill:not(.nutriscore-pill--active){background:var(--surface-tertiary)!important;color:var(--icons-secondary)!important;opacity:.3}.nutriscore-pill--active{font-weight:600;font-size:16px;width:32px;height:32px;min-width:32px;opacity:1}.detail-disclaimer-section{margin-top:24px;padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:16px}.detail-intolerance-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:16px;font-family:var(--font-body);font-size:13px}.detail-intolerance-banner--caution{background-color:var(--feedback-errorBg);color:var(--feedback-error)}.detail-intolerance-banner--medium{background-color:var(--feedback-warningBg);color:var(--feedback-warning)}.detail-intolerance-banner--safe{background-color:var(--feedback-successBg);color:var(--feedback-success)}.detail-intolerance-banner__icon{width:24px;height:24px;border-radius:50%;background-color:unset;background:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.detail-intolerance-banner__icon-svg{color:inherit}.detail-intolerance-banner__text{display:flex;flex-direction:column;gap:2px}.detail-intolerance-banner__title{margin:0;font-size:14px;font-weight:600}.detail-intolerance-banner__body{margin:0;font-size:13px;font-weight:400;color:var(--text-secondary)}.detail-save-to-list-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100%;height:56px;padding:14px 24px;border:none;border-radius:12px;background:var(--interactive-navy);color:var(--interactive-navyText);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.detail-save-to-list-btn:hover{background:var(--interactive-navyHover)}.detail-save-to-list-btn:active{background:var(--interactive-navyActiv)}.detail-save-to-list-btn__icon{flex-shrink:0;width:20px;height:20px;color:inherit;fill:none;transition:fill .28s ease,color .28s ease}.detail-save-to-list-btn--active{background:#f8f9fb;color:#6b7b96;border:1px solid #D1DAE8}.detail-save-to-list-btn--active:hover{background:#eef1f5;border-color:#c5cfde}.detail-save-to-list-btn--active:active{background:#e6e9ef}.detail-save-to-list-btn--active .detail-save-to-list-btn__icon{fill:currentColor;color:#6b7b96}.detail-card-disclaimer.detail-card-disclaimer--box{margin:0;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);background-color:var(--surface-base);font-size:13px;color:var(--text-secondary);line-height:1.5;display:flex;flex-direction:column;gap:2px}.detail-card-disclaimer__line1,.detail-card-disclaimer__line2{margin:0}.detail-card-disclaimer__link{color:var(--text-brand2);text-decoration:none;font-weight:500}.detail-card-disclaimer__link:hover{text-decoration:underline}.detail-card-disclaimer:not(.detail-card-disclaimer--box){margin:0;padding:var(--space-lg) 24px 24px;border:none;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-secondary);line-height:1.5;background-color:var(--surface-elevated)}.detail-card-disclaimer:not(.detail-card-disclaimer--box) a{color:var(--accent);text-decoration:none;font-weight:500}.detail-scroll-area::-webkit-scrollbar{width:8px}.detail-scroll-area::-webkit-scrollbar-track{background:var(--surface-elevated);margin:var(--space-md) 0;border-radius:var(--radius-full)}.detail-scroll-area::-webkit-scrollbar-thumb{background:var(--interactive-tertiary);border-radius:var(--radius-full)}.detail-loading-header{min-height:56px}.detail-loading-icon{opacity:.7}.detail-loading-title{color:var(--text-primary)}.detail-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl);min-height:180px;gap:var(--space-lg)}.detail-loading-spinner{width:48px;height:48px;border:3px solid var(--borders-brand);border-top-color:var(--borders-strong);border-radius:50%;animation:detailSpin .8s linear infinite;flex-shrink:0}.detail-loading-text{margin:0;font-size:14px;color:var(--text-secondary);text-align:center}@keyframes detailSpin{to{transform:rotate(360deg)}}@media (max-width: 767px){.detail-view{align-items:flex-end;justify-content:center;padding:0}.detail-card{margin:24px 0 0;max-width:100%;width:100%;max-height:90vh;border-radius:20px;box-shadow:var(--shadow-lg);animation:detailSlideUpFromBottom .3s cubic-bezier(.4,0,.2,1)}.detail-drag-handle{display:block}}@keyframes detailSlideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.filter-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e182680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:filterModalFadeIn .25s ease-out}.filter-modal--open{display:flex}@keyframes filterModalFadeIn{0%{opacity:0}to{opacity:1}}.filter-modal__card{background:var(--surface-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:filterModalSlideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@media (max-width: 767px){.filter-modal__card{margin-top:24px;max-height:min(85vh,calc(100vh - 112px))}}.filter-modal__card:not(.filter-modal__card--dragging){transition:transform .25s cubic-bezier(.4,0,.2,1)}@keyframes filterModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.filter-modal__header{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 64px 24px 24px;min-height:72px;height:fit-content;border:none;border-bottom:1.5px solid var(--borders-default);flex-shrink:0;background:var(--surface-elevated)}.filter-modal__header--draggable{cursor:grab;touch-action:none}.filter-modal__header--draggable:active{cursor:grabbing}.filter-modal__drag-handle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:6px;border-radius:999px;background-color:var(--borders-default);flex-shrink:0}.filter-modal__title{display:flex;flex-direction:column;width:fit-content;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;padding-top:0;line-height:32px;letter-spacing:-.2px;vertical-align:middle}.filter-modal__close{position:absolute;top:16px;right:var(--space-md);left:auto;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.filter-modal__close-icon{width:20px;height:20px;flex-shrink:0;color:var(--fill-secondary)}@media (hover: hover){.filter-modal__close:hover{background-color:var(--interactive-ghostHover);color:var(--text-secondary);transform:rotate(90deg)}}.filter-modal__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--fill-secondary) var(--surface)}.filter-modal__content{background-color:var(--surface-elevated);padding:24px;container-type:inline-size;container-name:filter-content}.filter-modal__section-label{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 12px;padding-left:4px}.filter-modal__content .category-chips,.filter-modal__content .level-filter-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;width:100%}.filter-modal__content .category-chips{grid-template-rows:repeat(8,1fr)}.filter-modal__content .category-chip,.filter-modal__content .level-filter-pill{width:100%;min-width:0;min-height:56px;height:auto;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--borders-default);background-color:var(--interactive-ghost);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;transition:border-color .2s ease,background-color .2s ease,color .2s ease;box-sizing:border-box}.filter-modal__content .category-chip .category-chip__icon{width:24px;height:24px;flex-shrink:0}@container filter-content (max-width: 360px){.filter-modal__content .category-chip,.filter-modal__content .level-filter-pill{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px}}.filter-modal__content .level-filter-pill__dot{flex-shrink:0}.filter-modal__content .category-chip.active{border-color:var(--interactive-navy);background:var(--interactive-navy);color:var(--text-inverse)}.filter-modal__content .category-chip.active .category-chip__icon,.filter-modal__content .category-chip.active svg{color:var(--icons-inverse)}@media (min-width: 768px){.filter-modal__content .category-chip:hover:not(.active),.filter-modal__content .level-filter-pill:hover:not(.level-filter-pill--active){border-color:var(--borders-strong);background-color:var(--interactive-ghostHover)}}@media (hover: hover){.filter-modal__content .category-chip.active:hover{opacity:.95}}.filter-modal__content .level-filter-pill--active:not(.level-filter-pill--level){border-color:var(--surface-navy);background:var(--surface-navy);color:var(--text-inverse)}.filter-modal__content .level-filter-pill--active .level-filter-pill__dot{background-color:var(--text-white)!important}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e182680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:flex-start;justify-content:flex-start;padding:0;animation:searchModalFadeIn .25s ease-out}.search-modal--open{display:flex}@keyframes searchModalFadeIn{0%{opacity:0}to{opacity:1}}.search-modal__card{background:var(--surface-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;min-height:70vh;max-height:85vh;margin-top:24px;overflow:hidden;box-shadow:var(--shadow-lg);animation:searchModalSlideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@media (max-width: 767px){.search-modal{padding:0;align-items:flex-end;justify-content:flex-start}.search-modal__card,.search-modal--typing .search-modal__card{margin-top:24px;max-width:none;width:100%;height:auto;max-height:85vh;box-sizing:border-box}}.search-modal__card:not(.search-modal__card--dragging){transition:transform .25s cubic-bezier(.4,0,.2,1)}@keyframes searchModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.search-modal__header{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:64px;padding:10px 64px 16px 24px;min-height:64px;border:none;border-bottom:none;flex-shrink:0;background:var(--surface-elevated)}.search-modal__header--draggable{cursor:grab;touch-action:none}.search-modal__header--draggable:active{cursor:grabbing}.search-modal__drag-handle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:6px;border-radius:999px;background-color:var(--borders-default);flex-shrink:0}.search-modal__close{position:absolute;top:16px;right:var(--space-md);left:auto;transform:none;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:var(--surface-elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.search-modal__close-icon{width:20px;height:20px;flex-shrink:0;color:var(--fill-secondary)}@media (hover: hover){.search-modal__close:hover{background-color:var(--interactive-ghostHover);color:var(--text-secondary);transform:rotate(90deg)}}.search-modal__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:fit-content;flex-shrink:0;padding:0 24px 24px;overflow:visible}.search-modal__content .search-container{margin-bottom:0;animation:none}.search-modal__content .search-icon svg{color:var(--icons-tertiary)}.search-modal__content .search-icon.search-icon--active svg{color:var(--icons-brand2)}.search-modal__submit-btn{margin-top:12px;width:100%;min-height:56px;height:56px;border-radius:20px;border:none;border-image:none;background-color:var(--interactive-navy);color:var(--interactive-navyText);font-family:var(--font-body);font-size:16px;font-weight:600;letter-spacing:-.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}@media (hover: hover){.search-modal__submit-btn:hover:not(:disabled){background-color:var(--interactive-navyHover)}}.search-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.search-modal__searching{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--font-body);font-size:14px;color:var(--text-secondary)}.search-modal__searching .loading-spinner{width:20px;height:20px;border-width:2px;margin-bottom:0}.search-modal__searching-text{white-space:nowrap}.barcode-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e182680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1101;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .25s ease-out}.barcode-scanner-card{background:var(--surface);border-radius:var(--radius-lg);max-width:520px;width:100%;height:fit-content;margin-top:32px;box-shadow:var(--shadow-lg);animation:slideUpModal .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.barcode-scanner-card:not(.barcode-scanner-card--dragging){transition:transform .25s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){.barcode-scanner-overlay{align-items:center;justify-content:center;padding:var(--space-lg)}.barcode-scanner-card{max-width:520px;width:100%;margin:0}}@keyframes barcodeScannerSlideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.barcode-scanner-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:24px 64px 24px 24px;border-style:solid;border-color:var(--border-light);border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:0;border-top-color:#0000;border-right-color:#0000;border-left-color:#0000;border-top-style:none;border-right-style:none;border-left-style:none;border-bottom-color:#d1dce2;background-color:var(--surface-elevated);height:fit-content}.barcode-scanner-header--draggable{cursor:grab;touch-action:none}.barcode-scanner-header--draggable:active{cursor:grabbing}.barcode-scanner-drag-handle{display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:6px;border-radius:999px;background-color:var(--borders-default);flex-shrink:0}.barcode-scanner-header__text{flex:1;min-width:0;margin-top:8px;display:flex;flex-direction:column;gap:2px}.barcode-scanner-title{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;text-align:left;letter-spacing:-.2px;line-height:26px}.barcode-scanner-subtitle{display:flex;flex-flow:row;justify-content:flex-start;align-items:center;font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--text-secondary);margin:0;line-height:20px;text-align:left}.barcode-scanner-close{position:absolute;top:16px;right:var(--space-md);left:auto;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:none;background:unset;background-color:unset;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.barcode-scanner-close .barcode-scanner-close__icon{width:20px;height:20px;flex-shrink:0;color:var(--icons-secondary)}@media (hover: hover){.barcode-scanner-close:hover{background-color:unset;color:var(--text-secondary);transform:rotate(90deg)}}.barcode-scanner-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.barcode-scanner-photo{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:0}.barcode-scanner-zoom-tip{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0px;padding:0;background:unset;height:fit-content;border-radius:var(--radius-md);min-height:0}.barcode-scanner-zoom-tip__content{width:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0px}.barcode-scanner-zoom-tip__content .barcode-scanner-zoom-card__value{position:absolute;top:293px;left:213px;font-size:24px;color:var(--text-brand)}.barcode-scanner-zoom-tip__content .barcode-scanner-zoom-card__label{position:absolute;top:318px;left:208px;display:flex;flex-direction:column;color:#ffffff7d}.barcode-scanner-zoom-tip__title{position:absolute;top:192px;left:130px;width:230px;font-family:var(--font-body);font-size:1.125rem;font-weight:600;color:var(--text-inverse);margin:0;line-height:1.3;letter-spacing:-.1px;display:flex;justify-content:center;align-items:center}.barcode-scanner-zoom-tip__tooltip-trigger{display:inline-flex;align-items:flex-start;margin-left:8px}.barcode-scanner-zoom-tip__tooltip-trigger .level-heading-tooltip:not(.level-heading-tooltip--portal){top:calc(100% + 8px);left:50%;right:auto;margin-left:0;margin-right:0;transform:translate(-50%)}.barcode-scanner-zoom-tip__tips{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.barcode-scanner-zoom-tip__item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:400;color:#212121;line-height:1.4}.barcode-scanner-zoom-tip__check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#66bb6a;color:#fff}.barcode-scanner-zoom-tip__check svg{color:inherit}.barcode-scanner-zoom-tip__image-wrap{flex-shrink:0;width:100%;min-width:0;height:fit-content;border-radius:0;overflow:visible;background:unset;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.barcode-scanner-zoom-tip__image{width:100%;height:fit-content;max-width:100%;border-radius:0;display:block;object-fit:contain}.barcode-scanner-zoom-options__title{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-xs) 0;padding-left:0;padding-right:0;display:flex;flex-direction:column;gap:0px;height:fit-content}.barcode-scanner-zoom-options{display:flex;justify-content:flex-start;gap:var(--space-sm);height:fit-content}.barcode-scanner-zoom-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:8px;height:89px;background-color:var(--surface-tertiary);border:1px solid var(--borders-strong);border-radius:var(--radius-lg);text-align:center}.barcode-scanner-zoom-card__value{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:24px;letter-spacing:0}.barcode-scanner-zoom-card__label{font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--text-secondary);line-height:1.3;text-transform:none;letter-spacing:0}.barcode-scanner-zoom-card--recommended{background-color:var(--surface-brandsubtle);border-color:var(--borders-strong)}.barcode-scanner-zoom-card--recommended .barcode-scanner-zoom-card__value{color:var(--text-brand2)}.barcode-scanner-zoom-card--recommended .barcode-scanner-zoom-card__label{color:var(--text-secondary)}.barcode-scanner-zoom-card__badge{display:inline-block;margin-top:var(--space-xs);padding:4px 8px;font-family:var(--font-body);font-size:.625rem;font-weight:600;letter-spacing:-.1px;color:var(--text-brand);background-color:var(--surface-navy);border-radius:var(--radius-full)}.barcode-scanner-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.barcode-scanner-capture-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:64px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-brand);background-color:var(--interactive-navy);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);min-height:48px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.barcode-scanner-capture-btn svg{color:var(--borders-brand);width:22px;height:22px;flex-shrink:0}.barcode-scanner-capture-btn:hover{background-color:var(--interactive-navyHover)}.barcode-scanner-capture-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.barcode-scanner-cta-group{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);width:100%}.barcode-scanner-manual-form{width:100%;display:flex;flex-direction:column;gap:var(--space-xs)}.barcode-scanner-search-btn{width:100%;min-height:48px;height:48px;border-radius:var(--radius-lg);border:none;background-color:var(--interactive-navy);color:var(--interactive-navyText);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.barcode-scanner-search-btn:hover:not(:disabled){background-color:var(--interactive-navyHover)}.barcode-scanner-search-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.barcode-scanner-search-btn:disabled{opacity:.5;cursor:not-allowed}.barcode-scanner-manual-input-wrap{position:relative;display:flex;align-items:center;width:100%;background-color:var(--surface-sunken);border-radius:var(--radius-lg)}.barcode-scanner-manual-icon{position:absolute;left:14px;width:20px;height:20px;color:var(--icons-tertiary);flex-shrink:0;pointer-events:none}.barcode-scanner-manual-input-wrap:focus-within .barcode-scanner-manual-icon{color:var(--icons-brand2)}.barcode-scanner-manual-input{width:100%;height:64px;padding:12px 16px 12px 44px;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--borders-default);-webkit-tap-highlight-color:transparent;transition:box-shadow .2s ease}.barcode-scanner-manual-input::-webkit-search-cancel-button{display:none}.barcode-scanner-manual-input::-moz-search-cancel-button{display:none}.barcode-scanner-manual-input-wrap:has(.barcode-scanner-clear-btn) .barcode-scanner-manual-input{padding-right:48px}.barcode-scanner-manual-input::placeholder{color:var(--text-secondary)}.barcode-scanner-manual-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--borders-focus)}.barcode-scanner-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1;background:unset;background-color:unset;color:var(--icons-secondary);border:none;border-radius:50%;width:32px;height:32px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.barcode-scanner-clear-btn.visible{display:flex}.barcode-scanner-clear-btn:hover{background-color:transparent;background:transparent;color:var(--icons-secondary)}.barcode-scanner-clear-btn:hover svg{transform:rotate(90deg)}@media (hover: hover){.barcode-scanner-clear-btn:hover svg{transform:rotate(90deg)}}.barcode-scanner-clear-btn:focus-visible{background:var(--fill-tertiary);color:var(--text-secondary);outline:none;box-shadow:0 0 0 2px var(--accent)}.barcode-scanner-clear-btn svg{width:24px;height:24px;color:var(--icons-secondary);transition:transform .2s ease}.barcode-scanner-file-root{position:absolute;left:-9999px;width:300px;height:200px;overflow:hidden;pointer-events:none}.barcode-scanner-body,#barcode-scanner-body{padding:24px;height:fit-content;min-height:280px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--surface-elevated)}.barcode-scanner-allow{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.barcode-scanner-allow .barcode-scanner-message{margin:0}.barcode-scanner-allow-btn,.barcode-scanner-retry-btn{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-white);background:var(--accent);border:none;border-radius:var(--radius-md);padding:14px 24px;min-height:48px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.barcode-scanner-allow-btn:hover,.barcode-scanner-retry-btn:hover{filter:brightness(1.05)}.barcode-scanner-allow-btn:focus-visible,.barcode-scanner-retry-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.barcode-scanner-allow-hint{font-size:.8125rem;color:var(--text-secondary);margin:0;text-align:center;line-height:1.4;max-width:320px}.barcode-scanner-error .barcode-scanner-retry-btn{margin-top:var(--space-sm)}.barcode-scanner-scan-tips{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.barcode-scanner-scan-tips--idle{margin-top:var(--space-md)}.barcode-scanner-scan-tip-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--accent-light);border-radius:var(--radius-md);min-width:0}.barcode-scanner-scan-tip-card__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--icon-white)}.barcode-scanner-scan-tip-card__icon{color:inherit}.barcode-scanner-scan-tip-card__content{flex:1;min-width:0}.barcode-scanner-scan-tip-card__title{font-family:var(--font-body);font-size:.9375rem;font-weight:700;color:var(--accent);margin:0 0 2px;line-height:1.3}.barcode-scanner-scan-tip-card__desc{font-family:var(--font-body);font-size:.8125rem;font-weight:400;color:var(--text-secondary);margin:0;line-height:1.35}.barcode-scanner-root{width:100%;height:260px;min-height:260px;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-secondary);position:relative;margin-left:0;margin-right:0}.barcode-scanner-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.barcode-scanner-frame__box{position:relative;width:90%;height:90%}.barcode-scanner-frame__corner{position:absolute;width:22px;height:22px;border-color:#fffffff2;border-style:solid;border-radius:4px}.barcode-scanner-frame__corner--tl{top:0;left:0;border-width:3px 0 0 3px}.barcode-scanner-frame__corner--tr{top:0;right:0;border-width:3px 3px 0 0}.barcode-scanner-frame__corner--bl{bottom:0;left:0;border-width:0 0 3px 3px}.barcode-scanner-frame__corner--br{bottom:0;right:0;border-width:0 3px 3px 0}#barcode-scanner-root #qr-shaded-region{margin-left:0;margin-right:0;padding:16px;box-sizing:border-box}.barcode-scanner-root video{width:100%!important;height:100%!important;object-fit:cover!important;display:block;margin-left:0;margin-right:0}.barcode-scanner-message{font-size:.95rem;color:var(--text-secondary);margin:0;text-align:center}.barcode-scanner-message--hint{margin-bottom:var(--space-md)}.barcode-scanner-error{text-align:center;padding:var(--space-md)}.barcode-scanner-error .barcode-scanner-message{color:var(--text-primary)}.barcode-scanner-hint{margin:var(--space-md) 0 0;padding:0;font-size:.875rem;color:var(--text-secondary);text-align:center;line-height:1.4}.barcode-scanner-hint-link{font:inherit;color:var(--text-brand2);background:none;border:none;padding:0;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.barcode-scanner-hint-link:hover{color:var(--text-brand2);text-decoration:underline}.barcode-scanner-hint-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 768px){.barcode-scanner-overlay{padding:0;align-items:flex-end;justify-content:center;padding-top:max(env(safe-area-inset-top,0px),56px)}.barcode-scanner-card{max-width:none;width:100%;max-height:calc(100vh - max(env(safe-area-inset-top,0px),56px));height:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);animation:barcodeScannerSlideUpFromBottom .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;display:flex;flex-direction:column;margin-top:12px}.barcode-scanner-drag-handle{display:block}.barcode-scanner-header{flex-shrink:0;padding-top:24px;padding-bottom:24px}.barcode-scanner-body{flex:1;min-height:0;padding:24px;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.barcode-scanner-root{flex:1;height:auto;min-height:240px;margin:0}.barcode-scanner-frame__box{height:65%}.barcode-scanner-capture-wrap{margin-top:var(--space-sm)}.barcode-scanner-hint{flex-shrink:0;margin:var(--space-md) 0 0}.barcode-scanner-zoom-tip{flex-direction:column;align-items:center}.barcode-scanner-zoom-tip__tips{display:none}.barcode-scanner-zoom-tip__image-wrap{width:100%;min-width:0;margin:0 auto}.barcode-scanner-zoom-options{flex-wrap:wrap}.barcode-scanner-zoom-card{min-width:0}.barcode-scanner-scan-tips{flex-shrink:0;margin-top:var(--space-sm);gap:var(--space-sm)}.barcode-scanner-scan-tip-card{padding:var(--space-sm)}.barcode-scanner-scan-tip-card__title{font-size:.875rem}.barcode-scanner-scan-tip-card__desc{font-size:.75rem}}.scroll-to-top svg{color:var(--icons-inverse)}.scroll-to-top{position:fixed;right:var(--space-lg, 1.5rem);bottom:24px;z-index:1000;width:48px;height:48px;margin-top:0;margin-bottom:0;padding:0;display:flex;align-items:center;justify-content:center;border:0 none transparent;border-radius:var(--radius-full, 999px);background-color:#56677080;backdrop-filter:blur(40.9px);-webkit-backdrop-filter:blur(40.9px);font-family:var(--font-body);color:var(--icons-inverse);box-shadow:0 4px 12px #0000001f;cursor:pointer;opacity:.8;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease,box-shadow .2s ease;pointer-events:none}.scroll-to-top:hover{opacity:.8;background-color:#566770cc;box-shadow:0 4px 24px #0000001a,inset 0 1px #ffffffb3}.scroll-to-top:focus-visible{outline:2px solid var(--fill-tertiary);outline-offset:3px}.scroll-to-top--visible{opacity:.7;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 768px){.scroll-to-top{right:var(--space-md, 1rem);bottom:72px}}.bookmark-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(0);display:flex;align-items:center;gap:var(--space-sm);padding:14px 20px;background-color:var(--surface-elevated);border:1px solid var(--borders-default);border-radius:var(--radius-lg);box-shadow:0 4px 20px #1521281f;z-index:1100;animation:bookmark-toast-in .35s cubic-bezier(.34,1.2,.64,1) forwards}.bookmark-toast__icon{flex-shrink:0;color:var(--icons-brand2);fill:currentColor}.bookmark-toast__icon--empty{color:var(--icons-secondary);fill:none}.bookmark-toast__text{font-family:var(--font-body);font-size:.9375rem;font-weight:400;color:var(--text-primary);white-space:nowrap}.bookmark-toast.bookmark-toast--exiting{animation:bookmark-toast-out .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes bookmark-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bookmark-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@media (max-width: 768px){.bookmark-toast{bottom:80px;left:50%;transform:translate(-50%)}.bookmark-toast.bookmark-toast--exiting{transform:translate(-50%) translateY(0)}@keyframes bookmark-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bookmark-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}}.legal-page{padding:var(--space-lg) var(--space-md);max-width:720px;margin:0 auto}.legal-page__inner{padding-top:100px;padding-bottom:48px}.legal-page__title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.legal-page__updated{font-size:.875rem;color:var(--text-secondary);margin:0 0 32px}.legal-section{margin-bottom:28px}.legal-section h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.legal-section h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:20px 0 8px}.legal-section h3:first-child{margin-top:0}.legal-section p{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.legal-section p:last-of-type{margin-bottom:0}.legal-section ul{margin:0 0 12px;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.legal-section ul li{margin-bottom:4px}ul.legal-level-list{list-style:none;padding-left:4px}.legal-level-list li{display:block;position:relative;padding-left:21px}.legal-level-list li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--level-none)}.legal-level-list li[data-level=none]:before{background:var(--level-none)}.legal-level-list li[data-level=low]:before{background:var(--level-low)}.legal-level-list li[data-level=medium]:before{background:var(--level-medium)}.legal-level-list li[data-level=high]:before{background:var(--level-high)}.legal-level-list li[data-level=too-high]:before{background:var(--level-too-high)}.legal-level-label{font-weight:600;width:fit-content;height:fit-content;align-self:flex-start;white-space:nowrap}.legal-level-label[data-level=none]{color:var(--level-text-none)}.legal-level-label[data-level=low]{color:var(--level-text-low)}.legal-level-label[data-level=medium]{color:var(--level-text-medium)}.legal-level-label[data-level=high]{color:var(--level-text-high)}.legal-level-label[data-level=too-high]{color:var(--level-text-too-high)}.legal-page__divider{border:none;border-top:1px solid var(--border-light);margin:28px 0}.legal-page__download{display:inline-block;margin-top:4px}.legal-section a{color:var(--text-brand2);text-decoration:none;font-weight:500}.legal-section a:hover{text-decoration:underline}.legal-page--privacy strong{font-weight:600}.legal-page__back{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light)}.legal-page__back a{color:var(--text-brand2);text-decoration:none;font-weight:500;font-size:.9rem}.legal-page__back a:hover{text-decoration:underline}.supported-intolerances-page{width:100%;margin:0 auto;padding:96px 16px 32px}@media (max-width: 767px){.supported-intolerances-page{padding-top:64px}}.supported-intolerances-page__inner{max-width:1100px;margin:0 auto;padding-top:64px}.supported-intolerances-page__eyebrow{margin:0 0 8px;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--text-brand2)}.supported-intolerances-page__title{margin:0;text-align:center;font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.1;color:var(--text-primary)}.supported-intolerances-page__subtitle{max-width:720px;margin:14px auto 0;text-align:center;font-size:1.05rem;line-height:1.5;color:var(--text-secondary)}.supported-intolerances-grid{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 1023px){.supported-intolerances-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.supported-intolerances-grid{grid-template-columns:1fr}}.supported-intolerances-card{background:var(--surface-secondary);border:1px solid color-mix(in srgb,var(--borders-default) 60%,transparent);border-radius:20px;padding:20px;min-height:172px;box-shadow:var(--shadow-sm)}.supported-intolerances-card__icon-wrap{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-tertiary);color:var(--icons-brand2)}.supported-intolerances-card__title{margin:14px 0 6px;font-size:1.25rem;line-height:1.2;color:var(--text-primary)}.supported-intolerances-card__description{margin:0;font-size:.97rem;line-height:1.45;color:var(--text-secondary)}.supported-intolerances-page__back{margin:24px 0 0;text-align:center}.supported-intolerances-page__back a{color:var(--text-brand2);text-decoration:none;font-weight:600}.supported-intolerances-page__back a:hover{text-decoration:underline}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e182680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:confirmModalFadeIn .2s ease-out}.confirm-modal--open{display:flex}@media (min-width: 769px){.confirm-modal{align-items:center;justify-content:center;padding:var(--space-lg)}.confirm-modal__card{max-width:345px;width:100%;margin:0}}@keyframes confirmModalFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal__card{background:var(--surface-elevated);border-radius:var(--radius-lg);width:100%;max-width:345px;overflow:hidden;box-shadow:var(--shadow-lg);animation:confirmModalScaleIn .25s cubic-bezier(.4,0,.2,1)}@keyframes confirmModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal__content{padding:24px}.confirm-modal__icon-wrap{display:flex;justify-content:center;margin-bottom:16px}.confirm-modal__icon{color:var(--feedback-error);flex-shrink:0;width:32px;height:32px}.confirm-modal__message{margin:0 0 24px;font-size:15px;line-height:1.5;color:var(--text-primary)}.confirm-modal__actions{display:flex;gap:12px;justify-content:flex-start;align-items:center}.confirm-modal__btn{width:100%;flex:1 1 0;padding:10px 20px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;border:none;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.confirm-modal__btn--cancel{background:var(--surface-default);color:var(--text-primary);border:1.5px solid var(--borders-default)}.confirm-modal__btn--cancel:hover{background:var(--surface-hover)}.confirm-modal__btn--confirm{background-color:var(--feedback-error);color:var(--text-inverse)}.confirm-modal__btn--confirm:hover{background-color:var(--feedback-error);opacity:.9}.confirm-modal__btn--confirm:active,.confirm-modal__btn--cancel:active{transform:scale(.98)}.profile-page{width:100%;margin:0 auto;padding:96px 0 32px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;background:unset;background-color:unset}@media (max-width: 767px){.profile-page{padding-top:64px}}.profile-page__inner{display:flex;flex-direction:column;gap:24px;width:100%;max-width:600px;padding-left:0;padding-right:0}.profile-card{width:100%}.profile-section__heading{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);margin:0 0 8px;padding-left:4px}.profile-page__hint{margin:10px 4px 0;font-size:.875rem;color:var(--text-secondary)}.profile-card--group{background:var(--surface-secondary);border-radius:16px;box-shadow:var(--shadow-md);padding:2px;overflow:hidden}.profile-row{display:flex;align-items:center;gap:14px;width:100%;height:80px;padding:16px 20px;border:none;border-bottom:1px solid color-mix(in srgb,var(--borders-default) 60%,transparent);background:transparent;font-family:var(--font-body);text-align:left;cursor:pointer;text-decoration:none;color:inherit;transition:background-color .15s ease;box-sizing:border-box}.profile-card--group>.profile-row{border-radius:0}.profile-card--group>.profile-row:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.profile-card--group>.profile-row:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}a.profile-row,a.profile-row:hover,a.profile-row:focus,a.profile-row:focus-visible,a.profile-row:active{text-decoration:none}.profile-row__title,.profile-row__subtitle{text-decoration:none}.profile-row:last-child{border-bottom:none}.profile-row:hover{background:var(--surface-hover)}.profile-row:hover .profile-row__icon-wrap{--profile-row-icon-bg: #ffffff;--profile-row-icon-bg-opacity: .5;box-shadow:none}.profile-row:active{background:var(--surface-pressed)}.profile-row:active .profile-row__icon-wrap{--profile-row-icon-bg: #ffffff;--profile-row-icon-bg-opacity: 1;box-shadow:0 0 0 1px color-mix(in srgb,var(--borders-default) 65%,transparent)}.profile-row__icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;--profile-row-icon-bg: var(--surface-tertiary);--profile-row-icon-bg-opacity: 1;background-color:transparent;color:var(--text-inverse);transition:box-shadow .2s ease}.profile-row__icon-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--profile-row-icon-bg);opacity:var(--profile-row-icon-bg-opacity);transition:background-color .2s ease,opacity .2s ease}.profile-row__icon-wrap>*{position:relative;z-index:1}.profile-row__icon-wrap--accent{--profile-row-icon-bg: var(--surface-tertiary);color:var(--icons-brand2)}.profile-row--destructive .profile-row__icon-wrap{--profile-row-icon-bg: var(--feedback-errorBg);color:var(--interactive-destructive)}.profile-row--destructive .profile-row__icon-wrap svg{color:var(--feedback-error)}.profile-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-row__title{font-size:1rem;font-weight:600;color:var(--text-primary)}.profile-row__title--destructive{color:var(--interactive-destructive)}.profile-row__subtitle{font-size:.875rem;color:var(--text-secondary)}.profile-row__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.profile-row__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--surface-tertiary);color:var(--text-secondary)}.profile-row__badge{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--surface-brandsubtle);color:var(--text-brand2)}.profile-row__chevron{flex-shrink:0;color:var(--icons-tertiary)}.profile-row--intolerances{flex-wrap:wrap}.profile-row--intolerances .profile-row__text{flex:1;min-width:120px}.profile-row--intolerances .profile-row__badge{order:1;margin-left:auto}.profile-row--intolerances .profile-row__chevron{order:2}.profile-page__footer{text-align:center;font-size:.8125rem;color:var(--text-tertiary);margin-top:8px;padding-top:16px;padding-bottom:24px}.profile-page__footer a{color:var(--text-tertiary);text-decoration:none}a.profile-page__footer-link{color:var(--text-brand2)}.profile-page__footer a:hover{text-decoration:underline}.onboarding{min-height:100vh;min-height:100dvh;background:unset;display:flex;flex-direction:column;padding:0;width:100%;max-width:480px;min-width:360px}.onboarding--onboarding{margin-top:0}.onboarding__header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 24px 16px;max-width:480px;margin:0 auto;width:100%;box-sizing:border-box;color:var(--surface);min-width:360px}.onboarding__header--completion{padding-top:64px}.onboarding__logo{width:96px;height:96px;object-fit:contain}.onboarding__content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:fit-content;padding:124px 16px 0;max-width:480px;margin:0;width:100%;min-width:360px;color:var(--surface);background:unset}.onboarding--onboarding .onboarding__content{padding-top:24px}.onboarding--settings{padding-top:24px;padding-bottom:0}.onboarding--settings .onboarding__content{padding-top:100px}.onboarding__heading{font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-1px;line-height:44px;margin-bottom:8px;text-align:left;width:100%}.onboarding--onboarding .onboarding__heading{text-align:center}.onboarding__subtitle{font-size:15px;color:var(--text-secondary);line-height:22px;text-align:center;height:fit-content;width:100%}.onboarding__subtitle--summary{padding-bottom:16px}.onboarding__content.onboarding__content--intolerances{padding-top:0}.onboarding__content--intolerances .onboarding__heading{text-align:left}.onboarding__content--intolerances .onboarding__subtitle{text-align:left;padding-bottom:0}.onboarding__progress{display:flex;flex-direction:row;gap:6px;width:fit-content;height:8px;margin-top:16px;margin-bottom:16px}.onboarding__progress-segment{display:flex;flex:1;height:100%;border-radius:999px}.onboarding__progress-segment--active{flex:0 0 32px;width:32px;height:8px;background:unset;background-color:var(--interactive-primary);color:#000}.onboarding__progress-segment--inactive{flex:0 0 8px;width:8px;max-width:8px;min-width:8px;height:8px;max-height:8px;min-height:8px;background-color:var(--interactive-tertiary);color:var(--icons-tertiary)}.onboarding__card{width:100%;display:flex;flex-direction:column;background:unset;background-color:unset;gap:8px;border-radius:0;overflow:visible;margin:0 16px;padding-top:24px}.onboarding__content--summary{align-items:center}.onboarding__completion-icon-circle{width:96px;height:96px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 40%,transparent);background-color:color-mix(in srgb,var(--accent) 8%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent)}.onboarding__summary-section{margin-top:24px;width:100%;text-align:center}.onboarding__summary-tracking{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#3c3c4399;margin-bottom:12px}.onboarding__summary-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.onboarding__summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background-color:#e7f3ff;color:var(--text-primary);font-size:13px}.onboarding__summary-chip-icon{font-size:16px}.onboarding__summary-chip-label{font-weight:500}.onboarding__content--intolerances .onboarding__card{gap:0;padding-top:0}.onboarding__content--intolerances .onboarding__list{padding-top:24px}.onboarding__list{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.onboarding__list-item{width:100%;border:none;border-radius:20px;background:unset;background-color:unset;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;list-style:none}.onboarding__list-item::marker{content:""}.onboarding__list-item:hover{background-color:var(--bg-secondary);border-color:var(--border-dark);box-shadow:0 4px 12px #0000000f}.onboarding__list-item:active{box-shadow:none}.onboarding__list-item:has(.onboarding__row--active),.onboarding__list-item:has(.onboarding__intol-row--active),.onboarding__list-item:has(.onboarding__row--active):hover,.onboarding__list-item:has(.onboarding__intol-row--active):hover{box-shadow:none}.onboarding__row{box-sizing:border-box;min-height:80px;height:fit-content;max-height:80px;padding:16px;display:flex;flex-direction:row;align-items:center;cursor:pointer;border-width:1px;border-style:solid;border-color:var(--borders-default);width:100%;text-align:left;background-color:var(--surface-secondary);font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,border-width .2s ease,box-shadow .2s ease;border-radius:20px}.onboarding__row:hover{border-width:1px;border-color:var(--borders-strong)}.onboarding__row:active{background:var(--bg-secondary)}.onboarding__row--active{background-color:var(--surface-secondary);border-width:2px;border-style:solid;border-color:var(--borders-brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 80%,transparent),0 4px 12px #00000014}.onboarding__row--active:hover{background-color:var(--surface-secondary);border-width:2px;border-color:var(--borders-brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 80%,transparent),0 4px 12px #00000014}.onboarding__row-content{flex:1;display:flex;flex-direction:row;align-items:center}.onboarding__text-block{display:flex;flex-direction:column;flex:1;min-width:0}.onboarding__native-name{font-size:17px;font-weight:400;color:var(--text-primary);letter-spacing:-.3px}.onboarding__native-name--active{font-weight:500}.onboarding__english-name{font-size:13px;color:var(--text-secondary);margin-top:1px}.onboarding__row-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:unset;background-color:unset;color:var(--icons-brand2)}.onboarding__row-icon-check{width:24px;height:24px;color:var(--icons-brand2);opacity:0;transform:scale(.5);transition:opacity .25s ease,transform .25s ease}.onboarding__row-icon svg{stroke-width:2.5px}.onboarding__row-icon-check--visible{opacity:1;transform:scale(1)}.onboarding__separator{display:block;height:1px;background:#3c3c431f;margin-left:16px;margin-right:16px}.onboarding__cta-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 16px 16px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px));height:fit-content;max-width:480px;margin:0 auto;width:100%;min-width:360px}.onboarding__cta{height:56px;border-radius:14px;background-color:#243a5a;color:#2df7ba;font-family:var(--font-body);font-size:17px;font-weight:600;letter-spacing:-.3px;border:none;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease;min-height:44px}.onboarding__cta:disabled{background:#d1d1d6;color:#3c3c4399;cursor:default;opacity:1}.onboarding__cta:hover{opacity:.95}.onboarding__cta:active{opacity:.75}.onboarding__header--with-back{justify-content:flex-start;align-items:flex-start;padding-left:8px}.onboarding__back{display:inline-flex;justify-content:flex-start;align-items:center;gap:0px;padding:8px 8px 8px 4px;border:none;background:transparent;color:var(--accent-dark);font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.onboarding__back span{color:var(--text-brand2);font-size:16px}.onboarding__back svg{color:var(--icons-brand2)}.onboarding__back:hover{opacity:.85}.onboarding__back:active{opacity:.7}.onboarding__intol-row{height:80px;min-height:80px;max-height:80px;padding:8px 16px;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;box-sizing:border-box;background-color:var(--surface-secondary);border-width:1px;border-style:solid;border-color:var(--borders-default);border-radius:20px;box-shadow:none;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,border-width .2s ease;cursor:pointer}.onboarding__intol-row:active{background-color:var(--bg-secondary)}.onboarding__intol-row:hover{border-width:1px;border-color:var(--borders-strong)}.onboarding__intol-row--active{background-color:var(--surface-secondary);color:var(--interactive-ghost);border-width:2px;border-style:solid;border-color:var(--borders-brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 80%,transparent),0 4px 12px #00000014}.onboarding__intol-row--active:hover{border-width:2px;border-color:var(--borders-brandSubtle);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 80%,transparent),0 4px 12px #00000014}.onboarding__intol-row--active .onboarding__intol-icon{color:var(--icons-secondary)}.onboarding__intol-row--active .onboarding__intol-icon-wrap{background-color:var(--surface-tertiary);color:var(--icons-secondary)}.onboarding__intol-row--active .onboarding__intol-icon svg{color:var(--icons-secondary)}.onboarding__intol-row--active .onboarding__intol-label{font-weight:500}.onboarding__intol-icon-wrap{flex-shrink:0;width:40px;height:40px;border-radius:10px;background-color:var(--surface-tertiary);display:flex;align-items:center;justify-content:center;color:var(--icons-secondary)}.onboarding__intol-icon{width:24px;height:24px;color:var(--icons-secondary)}.onboarding__intol-icon svg{color:var(--icons-secondary)}.onboarding__content--intolerances .onboarding__intol-icon-wrap svg,.onboarding__content--intolerances .onboarding__intol-icon svg{color:var(--icons-secondary);stroke:var(--icons-secondary)}.onboarding__intol-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onboarding__intol-label{font-size:17px;font-weight:500;color:var(--text-primary);letter-spacing:-.3px}.onboarding__intol-desc{font-size:13px;color:var(--text-secondary);line-height:18px}.onboarding__switch{flex-shrink:0;width:61px;height:31px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px}.onboarding__switch-track{display:block;width:61px;height:31px;border-radius:999px;background-color:var(--interactive-tertiary);color:var(--icons-inverse);position:relative;transition:background .2s ease}.onboarding__switch-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s ease;margin:0;box-sizing:border-box}.onboarding__switch--on .onboarding__switch-track{background-color:var(--interactive-primary)}.onboarding__switch--on .onboarding__switch-thumb{transform:translate(30px)}.onboarding__intol-row:has(.onboarding__switch:disabled) .onboarding__intol-label,.onboarding__intol-row:has(.onboarding__switch:disabled) .onboarding__intol-desc{color:var(--text-disabled)}.onboarding__switch:disabled{cursor:default}.onboarding__switch:disabled .onboarding__switch-track{color:var(--text-disabled)}.onboarding__hint-box{display:none}.onboarding__hint-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#007aff33;color:#007aff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.onboarding__hint-i{line-height:1}.onboarding__hint-text{flex:1;margin:0;font-size:14px;line-height:20px;color:#007aff}.onboarding__warning{margin:8px 0 0;padding:0 16px;width:100%;box-sizing:border-box;align-self:stretch;font-size:13px;line-height:18px;color:var(--feedback-error);text-align:left}header.topbar{position:fixed;top:0;left:0;right:0;z-index:1001;width:100%;max-width:none;flex-shrink:0;align-self:stretch;box-sizing:border-box;background-color:var(--surface-navy);border:none;border-bottom-width:0;border-bottom-color:#0000;border-bottom-style:none;border-image:none;box-shadow:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:72px;transition:box-shadow .2s ease-out}@media (max-width: 767px){header.topbar{height:56px;padding-top:6px;padding-bottom:6px}.topbar-actions{gap:12px;max-height:40px;align-items:center}.topbar-bookmark--btn{display:none}.topbar-bookmark--info{display:flex;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;min-width:40px;min-height:40px;height:40px;max-height:40px}.topbar-bookmark--info:hover,.topbar-bookmark--info:active,.topbar-bookmark--info:focus,.topbar-bookmark--info:focus-visible{background-color:#ffffff14;color:var(--text-onNav)}.topbar-bookmark--info:hover svg,.topbar-bookmark--info:active svg{color:var(--icons-onNav)}.topbar-bookmark-label{font-size:14px}.topbar-avatar svg{width:20px;height:20px}}header.topbar.topbar--sticky{box-shadow:0 4px 12px #00000014}.topbar-inner{width:100%;max-width:1200px;margin:-30px 0;padding-left:16px;padding-right:16px;box-sizing:border-box;display:flex;height:100%;align-items:center;justify-content:space-between;gap:var(--space-md)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-back{display:flex;align-items:center;gap:4px;color:var(--text-onNav);text-decoration:none;min-width:0;background:none;border:0;padding:0;cursor:pointer}.topbar-back:hover{color:var(--text-onNav);text-decoration:none;opacity:.9}.topbar-back svg{flex-shrink:0;color:var(--icons-onNav)}.topbar-back__title{font-family:var(--font-body);font-size:1.125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-brand{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:0;color:inherit;text-decoration:none;min-width:0}.header-brand:hover{color:inherit;text-decoration:none}.header-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.header-icon img{display:flex;width:120px;height:40px;object-fit:contain}.topbar-nav{display:none}@media (min-width: 768px){.topbar-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;height:100%;align-items:center;justify-content:center;gap:24px;font-family:var(--font-body)}}.topbar-tab-indicator{position:absolute;left:0;bottom:0;height:3px;background-color:var(--borders-brand);border-radius:0;transition:transform .25s ease-out,width .25s ease-out;pointer-events:none}.topbar-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:100%;padding:4px 0;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-onNav);text-decoration:none;border-bottom:2px solid transparent;opacity:.7;transition:opacity .18s ease-out}.topbar-tab svg{color:var(--icons-onNav)}.topbar-tab:hover{opacity:1;text-decoration:none}.topbar-tab--active{opacity:1;color:var(--text-brand);padding:4px 0}.topbar-tab--active svg{color:var(--icons-brand)}.topbar-tab__label{white-space:nowrap}.topbar-tab__badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background-color:var(--borders-brand);color:var(--text-primary);font-family:var(--font-body);font-size:11px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar-bookmark{display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;height:40px;min-width:40px;min-height:40px;padding:0 8px;border:none;border-radius:999px;background-color:#ffffff14;color:var(--text-onNav);flex-shrink:0}.topbar-bookmark--info{display:none}.topbar-bookmark--btn{cursor:pointer;text-decoration:none;transition:color .15s ease,fill .15s ease}.topbar-bookmark-label{display:inline;font-size:15px;font-weight:400;font-family:var(--font-body);white-space:nowrap;color:var(--text-onNav);background-color:unset;background:unset;flex-shrink:0}.topbar-bookmark--btn:hover{color:var(--text-onNav);background-color:#fff3;text-decoration:none}.topbar-bookmark--btn:active{background-color:#ffffff14}.topbar-bookmark svg{color:var(--icons-onNav);width:20px;height:20px;transition:color .15s ease,fill .15s ease}.topbar-bookmark--btn:hover svg{color:var(--icons-onNav)}.topbar-bookmark--active,.topbar-bookmark--active svg{color:var(--borders-brand)}.topbar-bookmark--btn.topbar-bookmark--active:hover,.topbar-bookmark--btn.topbar-bookmark--active:hover svg{color:var(--borders-brand);text-decoration:none}.topbar-bookmark--active .topbar-bookmark-label,.topbar-bookmark--btn.topbar-bookmark--active:hover .topbar-bookmark-label{color:var(--text-brand)}@media (min-width: 768px){.topbar-bookmark--info{display:none}.topbar-bookmark--btn{display:flex;width:fit-content;min-width:44px;min-height:44px;padding:0 8px}}.topbar-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#ffffff14;color:var(--text-secondary);text-decoration:none;flex-shrink:0;touch-action:manipulation;transition:background .15s ease,color .15s ease}.topbar-avatar:hover{background-color:#fff3;color:var(--text-primary)}.topbar-avatar:active{background-color:#ffffff14}.topbar-avatar svg{color:var(--icons-onNav);stroke-width:1.7px}.topbar-avatar--active{background-color:var(--borders-brandSubtle);color:var(--text-brand);border:2px solid var(--borders-brand)}.topbar-avatar--active svg{color:var(--icons-brand)}.topbar-avatar--active:hover{background-color:var(--borders-brandSubtle);color:var(--text-brand)}.topbar-avatar--active:hover svg{color:var(--icons-brand)}.topbar-avatar:disabled{opacity:.7;cursor:default;pointer-events:none}@media (min-width: 768px){.topbar-avatar{width:44px;height:44px;min-width:44px;min-height:44px}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}:root{--profile-ease: cubic-bezier(.25, .46, .45, .94);--profile-duration: .35s}.profile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;opacity:1;animation:profile-panel-backdrop-in var(--profile-duration) var(--profile-ease);transition:opacity var(--profile-duration) var(--profile-ease)}.profile-panel-backdrop--closing{animation:none;opacity:0;pointer-events:none}.profile-panel{position:fixed;top:0;right:0;bottom:0;width:100%;z-index:1000;background:var(--surface-primary, #f2f2f7);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateZ(0);animation:profile-panel-slide-in var(--profile-duration) var(--profile-ease);transition:transform var(--profile-duration) var(--profile-ease);overflow:hidden}.profile-panel--closing{animation:none;transform:translate3d(100%,0,0);pointer-events:none}.profile-panel__inner{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:max(72px,env(safe-area-inset-top))}.profile-panel .profile-page{width:100%;height:100%;display:flex;padding-top:0}@keyframes profile-panel-slide-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes profile-panel-backdrop-in{0%{opacity:0}to{opacity:1}}:root{--bp-mobile: 320px;--bp-mobile-lg: 480px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1280px;--bp-desktop-lg: 1440px;--surface-base: #F8F9FB;--surface-secondary: #FFFFFF;--surface-elevated: #FFFFFF;--surface-sunken: #EEF0F4;--surface-hover: #EEF0F4;--surface-pressed: #DDE1E9;--surface-tertiary: #EEF0F4;--surface-navy: #1C2E47;--surface-brand: #2DF8BB;--surface-brandsubtle: #F0FEF9;--text-primary: #070D16;--text-secondary: #636E7E;--text-tertiary: #8F9AAB;--text-disabled: #BEC5D1;--text-brand: #2DF8BB;--text-brand2: #0A8F68;--text-link: #0A8F68;--text-inverse: #FFFFFF;--text-onNav: #FFFFFF;--borders-default: #DDE1E9;--borders-strong: #BEC5D1;--borders-brand: #1ED9A0;--borders-brandSubtle: rgba(18, 181, 132, .3);--borders-nav: rgb(255, 255, 255, .12);--borders-navy: #070D16;--borders-focus: #1ED9A0;--borders-error: #D70015;--accent-light: #bbf7d0;--icons-primary: #0E1826;--icons-secondary: #636E7E;--icons-tertiary: #8F9AAB;--icons-disabled: #BEC5D1;--icons-brand: #2DF8BB;--icons-brand2: #0A8F68;--icons-onNav: #FFFFFF;--icons-inverse: #FFFFFF;--interactive-primary: #12B584;--interactive-primaryHover: #0A8F68;--interactive-primaryActive: #066B4F;--interactive-primaryText: #FFFFFF;--interactive-secondary: rgba(10, 143, 103, .1);--interactive-secondaryHover: rgba(10, 143, 103, .18);--interactive-secondaryText: #0A8F68;--interactive-ghost: #FFFFFF;--interactive-ghostHover: #F8F9FB;--interactive-tertiary: #DDE1E9;--interactive-tertiaryHover: #BEC5D1;--interactive-destructive: #D70015;--interactive-destructiveText: #FFFFFF;--interactive-navy: #243A5A;--interactive-navyHover: #1C2E47;--interactive-navyActiv: #152336;--interactive-navyText: #2DF8BB;--feedback-success: #28A745;--feedback-successBg: rgba(40, 167, 70, .1);--feedback-warning: #FF9500;--feedback-warningBg: rgba(255, 149, 0, .1);--feedback-error: #D70015;--feedback-errorBg: rgba(215, 0, 21, .08);--feedback-info: #0A8F68;--feedback-infoBg: rgba(10, 143, 103, .08);--level-all: #BEC5D1;--level-none: #53A66B;--level-low: #8BC34A;--level-medium: #FFC107;--level-high: #FF9800;--level-too-high: #F44336;--level-text-none: #2E7D32;--level-text-low: #52852D;--level-text-medium: #B38600;--level-text-high: #C76A00;--level-text-too-high: #B71C1C;--font-1: "Poppins", sans-serif;--font-2: "Poppins", sans-serif;--font-3: "Poppins", sans-serif;--font-4: "Poppins", sans-serif;--font-5: "Poppins", sans-serif;--font-6: "Poppins", sans-serif;--font-body: var(--font-1);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-md: 0px 2px 12px 0px rgba(0, 0, 0, .06);--shadow-lg: 0px 20px 60px 0px rgba(0, 0, 0, .25)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--fill-secondary) transparent}body{font-family:var(--font-body);background:var(--surface);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0}svg{background-color:var(--icons-secondary);background:var(--icons-secondary);color:var(--icons-secondary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--fill-secondary);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.ds-header{text-align:center;margin-bottom:var(--space-2xl)}.ds-header-icon{width:120px;height:120px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-lg)}.ds-header-title{font-family:var(--font-body);font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-xs);letter-spacing:-.2px}.ds-header-subtitle{color:var(--text-secondary);font-size:18px;font-weight:400}.ds-btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:64px;padding:16px var(--space-lg);background:var(--accent);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;font-weight:400;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.ds-btn-accent:hover{filter:brightness(1.08);box-shadow:0 4px 12px #2a702b4d}.ds-component-section{margin-bottom:48px}.ds-component-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ds-component-subtitle{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:24px 0 12px}.ds-component-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.ds-component-note{font-size:.8rem;color:var(--text-tertiary);margin-top:-8px;margin-bottom:16px}.ds-spec-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:24px}.ds-spec-table th,.ds-spec-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--borders-default)}.ds-spec-table th{font-weight:600;color:var(--text-secondary)}.ds-spec-table code{font-size:.8em;background:var(--surface-tertiary);padding:2px 6px;border-radius:4px}.ds-search-bar{display:flex;align-items:center;width:100%;height:64px}.ds-search-bar__group{display:flex;align-items:center;flex:1;min-width:0;position:relative}.ds-search-bar__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--icons-tertiary);pointer-events:none}.ds-search-bar__icon svg{color:inherit;background:unset}.ds-search-bar__input{width:100%;height:64px;padding:var(--space-lg) 16px var(--space-lg) 48px;border:none;border-radius:20px;font-family:var(--font-body);font-size:16px;background-color:var(--surface-sunken);color:var(--text-tertiary);transition:border-color .2s ease,box-shadow .2s ease}.ds-search-bar__input::placeholder{color:var(--text-tertiary)}.ds-search-bar__input:focus{outline:none;border-color:var(--borders-strong);box-shadow:0 0 0 4px var(--accent-light);color:var(--text-primary)}.ds-search-bar__group:focus-within .ds-search-bar__icon{color:var(--icons-brand2)}.ds-search-bar__group:focus-within .ds-search-bar__icon svg{color:var(--icons-brand2)}.ds-search-bar--simple .ds-search-bar__group{border-radius:20px}.ds-search-bar--simple .ds-search-bar__input:focus{border:1px solid var(--borders-strong)}.ds-search-bar--with-photo .ds-search-bar__group{height:64px;padding:4px 4px 4px 0;background-color:var(--surface-tertiary);border-radius:16px;border:1px solid var(--borders-default);transition:border-color .2s ease,border-width .2s ease}.ds-search-bar--with-photo .ds-search-bar__input{background-color:transparent;border-radius:0;padding-right:12px}.ds-search-bar--with-photo .ds-search-bar__input:focus{box-shadow:none}.ds-search-bar--with-photo:hover .ds-search-bar__group{border-width:1px;border-color:var(--borders-strong)}.ds-search-bar--with-photo:active .ds-search-bar__group{border-width:2px;border-color:var(--borders-default)}.ds-search-bar--with-photo:focus-within .ds-search-bar__group{border-width:2px;border-color:var(--borders-brand)}.ds-search-bar__photo-btn{flex-shrink:0;height:100%;margin:0;padding:0 24px;background-color:var(--interactive-navy);color:var(--text-onNav);border:none;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.ds-search-bar__photo-btn:hover:not(:disabled){background-color:var(--interactive-navyHover)}.ds-search-bar__photo-btn:disabled{opacity:.9;cursor:default}.ds-search-bar-states{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.ds-search-bar-state__label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px}.ds-search-bar--state-default .ds-search-bar__group{border:1px solid var(--borders-default)}.ds-search-bar--state-hover .ds-search-bar__group{border:1px solid var(--borders-strong)}.ds-search-bar--state-active .ds-search-bar__group{border:2px solid var(--borders-default)}.ds-search-bar--state-focus .ds-search-bar__group{border:2px solid var(--borders-brand)}.ds-search-bar--state-focus .ds-search-bar__icon,.ds-search-bar--state-focus .ds-search-bar__icon svg{color:var(--icons-brand2)}.ds-search-bar--state-focus .ds-search-bar__input{color:var(--text-primary)}.ds-category-chips{display:flex;gap:8px;overflow-x:auto;flex-wrap:wrap}.ds-category-chip{display:inline-flex;align-items:center;gap:var(--space-xs);height:40px;padding:8px 16px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);font-size:16px;font-weight:400;color:var(--text-primary);white-space:nowrap;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.ds-category-chip.active{background-color:var(--fill-primary);border-color:var(--fill-primary);color:var(--text-white)}.ds-level-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ds-level-pill{font-family:var(--font-body);font-size:13px;font-weight:500;height:32px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.ds-level-pill--active{color:var(--text-white)}.ds-level-pill[data-level=none].ds-level-pill--active{background:var(--level-none);border-color:var(--level-none)}.ds-level-pill[data-level=low].ds-level-pill--active{background:var(--level-low);border-color:var(--level-low)}.ds-level-pill[data-level=medium].ds-level-pill--active{background:var(--level-medium);border-color:var(--level-medium)}.ds-level-pill[data-level=high].ds-level-pill--active{background:var(--level-high);border-color:var(--level-high)}.ds-level-pill[data-level=too-high].ds-level-pill--active{background:var(--level-too-high);border-color:var(--level-too-high)}.ds-level-pill:not(.ds-level-pill--level).ds-level-pill--active{background:var(--fill-primary);border-color:var(--fill-primary)}.ds-food-card{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);box-shadow:0 2px 8px #0000000a}.ds-food-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ds-food-card-header{display:flex;align-items:center;gap:var(--space-md)}.ds-food-emoji{font-size:24px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.ds-food-info{flex:1;min-width:0}.ds-food-name{font-weight:600;font-size:1.05rem;color:var(--text-primary)}.ds-food-levels{display:flex;gap:var(--space-xs);margin-left:auto}.ds-level-dot{width:10px;height:10px;border-radius:50%}.ds-toggle-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 4px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.ds-toggle-btn.active{border-color:var(--accent);background:var(--accent);color:var(--text-white)}.ds-toggle-icon{width:40px;height:40px;border-radius:50%;background:#0000000f;display:flex;align-items:center;justify-content:center}.ds-toggle-btn.active .ds-toggle-icon{background:#ffffff26}.ds-legend-chip{padding:.35rem .75rem;border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:500}.ds-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.ds-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.ds-category-header__title{font-size:16px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.ds-category-header__count{font-size:16px;color:var(--text-secondary)}:root{--surface-gradient: radial-gradient(circle at 20% 80%, rgba(45, 106, 79, .03) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(82, 183, 136, .03) 0%, transparent 50%)}*{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}html{min-height:100vh;min-height:100dvh;min-width:100%;background:transparent;overflow-x:hidden}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-base);z-index:-1;pointer-events:none}body{background:transparent;min-height:100vh;min-height:100dvh;min-width:100%;overflow-x:hidden}a{color:var(--text-link)}a:hover{text-decoration:underline}body.modal-open{overflow:hidden;touch-action:none}#root{width:100%;min-height:100vh;min-height:100dvh;color:var(--surface);background-color:var(--surface-base);padding-left:0;padding-right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:0;margin-bottom:0}@media (min-width: 768px){#root{margin-top:0}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-gradient);pointer-events:none;z-index:0}.app-root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:768px;height:fit-content;margin:0;padding:0 16px;position:relative;z-index:1;color:#fff}svg{background-color:unset;background:unset;color:var(--icons-secondary);width:24px;height:24px;opacity:1}svg.lucide-test-tube-diagonal{color:var(--icons-secondary)}.search-filters-container{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:var(--surface-elevated);border-radius:0;border:none;border-bottom:none;box-shadow:var(--shadow-md);padding:72px 0 16px;margin-top:0;margin-bottom:0;height:fit-content;animation:fadeIn .6s ease-out .35s both;box-sizing:border-box;position:relative;z-index:1001;display:flex;flex-direction:column;align-items:center}.search-filters-container.search-filters-container--bookmarks{border-bottom:none;box-shadow:var(--shadow-md)}.search-filters-container__inner{display:flex;flex-flow:column;flex-wrap:wrap;max-width:1200px;width:100%;height:fit-content;margin-left:0;margin-right:0;padding-left:0;padding-right:0}@media (min-width: 768px){.search-filters-container__inner{padding-left:16px;padding-right:16px}}.search-filters-container .search-section{margin-top:16px;margin-bottom:16px}.search-filters-container .filters-section{background:none;border:none;border-radius:0;padding:0;margin:0}.search-filters-container .intolerance-toggles{padding-left:0;padding-right:16px;margin-left:0;margin-right:0}.search-section{display:flex;height:auto;min-height:56px;align-items:stretch;margin:-8px 0 24px;padding-left:16px;padding-right:16px;animation:fadeIn .6s ease-out .35s both}@media (max-width: 767px){.search-section,.search-filters-container .search-section{display:none!important}}@media (min-width: 768px){.app-root{padding-left:0;padding-right:0}.search-section,.search-filters-container .search-section,.search-filters-container .intolerance-toggles{padding-left:0!important;padding-right:0!important}}.search-filters-container .search-section{animation:none}.search-section__scan-error{margin:8px 0 0;padding:0;font-size:.875rem;color:var(--semantic-error);font-family:var(--font-body)}.filter-container{width:100%;margin-bottom:24px;background-color:var(--bg-primary);border-radius:20px;border:1px solid var(--border-light);border-image:none;overflow:hidden;animation:fadeIn .6s ease-out .35s both;transition:border-color .2s ease}.filter-container:hover{border-color:var(--border-dark)}.filter-container__header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;row-gap:10px;width:100%;padding:16px;border:none;border-color:transparent;border-image:none}.filter-container__toggle{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;padding:0;background:transparent;border:none;cursor:pointer;font-family:var(--font-body);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.filter-container__toggle:hover .filter-container__icon-box{background:var(--fill-tertiary)}.filter-container__icon-box{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--fill-tertiary);border:none;border-radius:12px;color:var(--icon-primary);transition:background-color .2s ease}.filter-container__title{font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0}.filter-container__pills-row{display:flex;align-items:flex-start;gap:12px;flex-basis:100%;justify-content:space-between;min-width:0;cursor:pointer}.filter-container__pills{display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-start;min-width:0;flex:1 1 auto}.filter-container__pill{flex-shrink:0;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap}.filter-container__pill--category,.filter-container__pill--level{background:var(--bg-secondary);border:none;color:var(--text-secondary)}.filter-container__pill--level[data-level=none]{background:var(--level-none);border-color:var(--level-none);color:var(--text-white)}.filter-container__pill--level[data-level=low]{background:var(--level-low);border-color:var(--level-low);color:var(--text-white)}.filter-container__pill--level[data-level=medium]{background:var(--level-medium);border-color:var(--level-medium);color:var(--text-white)}.filter-container__pill--level[data-level=high]{background:var(--level-high);border-color:var(--level-high);color:var(--text-white)}.filter-container__pill--level[data-level=too-high]{background:var(--level-too-high);border-color:var(--level-too-high);color:var(--text-white)}.filter-container__pill--nutriscore{background:var(--bg-secondary);border:none;color:var(--text-secondary)}.filter-container__pill--nutriscore[data-grade=A],.filter-container__pill--nutriscore[data-grade=B],.filter-container__pill--nutriscore[data-grade=C],.filter-container__pill--nutriscore[data-grade=D],.filter-container__pill--nutriscore[data-grade=E]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;box-sizing:border-box}.filter-container__pill--nutriscore[data-grade=A]{background:var(--level-none);border-color:var(--level-none);color:var(--text-white)}.filter-container__pill--nutriscore[data-grade=B]{background:var(--level-low);border-color:var(--level-low);color:var(--text-white)}.filter-container__pill--nutriscore[data-grade=C]{background:var(--level-medium);border-color:var(--level-medium);color:var(--text-white)}.filter-container__pill--nutriscore[data-grade=D]{background:var(--level-high);border-color:var(--level-high);color:var(--text-white)}.filter-container__pill--nutriscore[data-grade=E]{background:var(--level-too-high);border-color:var(--level-too-high);color:var(--text-white)}.filter-container__chevron{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--icon-secondary);transition:transform .25s ease}.filter-container__chevron svg{color:var(--icon-secondary)}.filter-container__chevron--open{transform:rotate(180deg)}.filter-container__panel{overflow:hidden;max-height:0;margin-top:0;padding:0;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .25s ease,margin-top .25s ease,padding .3s ease}.filter-container__panel.filter-container__panel--open{max-height:2000px;margin-top:0;opacity:1;pointer-events:auto;padding:16px 0;border:none;border-image:none;border-top:1px solid var(--border-light)}.filter-container__footer{margin-top:16px;padding:16px 16px 8px;border-top:1px solid var(--border-light)}.filter-container__reset-btn{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .2s ease;flex-shrink:0;align-self:center}.filter-container__reset-btn:hover:not(:disabled){color:var(--text-accent-dark);text-decoration:underline}.filter-container__reset-btn:disabled{opacity:.5;cursor:not-allowed}.filter-pills-row{display:flex;flex-wrap:nowrap;gap:8px;width:100%;height:40px;padding-left:0;padding-right:16px;justify-content:flex-start;align-items:flex-start;margin-top:16px;margin-bottom:0;overflow:visible}@media (max-width: 767px){.filter-pills-row--mobile{height:auto;padding-left:16px;padding-right:0;margin-top:8px}.filter-pills-row--mobile .filter-pills-row__divider{display:none}.filter-pills-row--mobile .intolerance-toggles__reset-btn{margin-left:0}}.filter-pills-row__divider{align-self:stretch;width:1px;min-height:24px;background-color:var(--borders-default);color:var(--borders-default);flex-shrink:0}.filter-pill-wrapper{position:relative;display:flex;width:fit-content;height:44px}.filter-pill{position:relative;z-index:0;width:fit-content;min-width:0;height:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px;border-radius:20px;border:1px solid var(--borders-default);border-style:solid;background-color:var(--interactive-ghost);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .1s ease}.filter-pill:hover:not(.filter-pill--open){border-color:var(--borders-strong);background-color:var(--interactive-ghostHover)}.filter-pill--open{border-color:var(--borders-strong);box-shadow:none;background-color:var(--interactive-ghostHover)}.filter-pill:active{transform:scale(.97)}.filter-pill-wrapper:not(.filter-pill-wrapper-levels) .filter-pill{min-width:0}.filter-pill-wrapper.filter-pill-wrapper-levels{width:fit-content;max-width:none}.filter-pill-wrapper.filter-pill-wrapper-levels .filter-pill{width:fit-content;max-width:none;min-width:0}.filter-pill__left{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:none}.filter-pill__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icons-primary)}.filter-pill__icon svg{width:20px;height:20px;color:var(--icons-secondary)}.filter-pill__icon svg.filter-pill__level-dot{width:16px;height:16px}.filter-pill__text{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;height:fit-content;min-width:0;width:fit-content;max-width:none;justify-content:flex-start;align-items:flex-start}.filter-pill__label{width:fit-content;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);height:fit-content;text-align:left}.filter-pill__value{width:fit-content;display:flex;justify-content:center;font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.filter-pill__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icons-secondary)}.filter-pill--open .filter-pill__chevron svg{transform:rotate(180deg)}.filter-pill__chevron svg{width:20px;height:20px;color:var(--icons-secondary);stroke:var(--icons-secondary);transition:transform .2s ease}.filter-pill__level-dot{width:12px;height:12px;min-width:12px;min-height:12px;color:var(--icon-secondary)}.filter-pill__level-dot circle{height:12px;fill:currentColor;stroke:none;r:12}.filter-pill__level-dot[data-level=all]{color:var(--level-all)}.filter-pill__level-dot[data-level=none]{color:var(--level-none)}.filter-pill__level-dot[data-level=low]{color:var(--level-low)}.filter-pill__level-dot[data-level=medium]{color:var(--level-medium)}.filter-pill__level-dot[data-level=high]{color:var(--level-high)}.filter-pill__level-dot[data-level=too-high]{color:var(--level-too-high)}.filter-dropdown{position:absolute;z-index:1100;left:0;top:100%;margin-top:8px;height:fit-content;display:flex;flex-direction:column;gap:8px;max-width:364px;padding:24px;border-radius:20px;background-color:var(--bg-primary);border:1px solid var(--border-light);box-shadow:0 10px 30px #15212829;animation:slideUp .12s ease-out;box-sizing:border-box}.filter-dropdown--portaled{margin:0}.filter-dropdown--category{width:min(640px,calc(100vw - 48px));max-width:min(640px,calc(100vw - 48px));min-width:220px;background-color:var(--surface-secondary)}.filter-dropdown--level{left:auto;right:0;width:410px;min-width:min(290px,calc(100vw - 24px));max-width:min(410px,calc(100vw - 24px));height:fit-content;display:flex;flex-direction:column;gap:8px;border:none;background-color:var(--surface-secondary)}@media (min-width: 768px){.filter-dropdown--level{left:0;right:auto}}.filter-dropdown--level .level-filter-pills{flex-direction:row;flex-wrap:wrap}.filter-dropdown--above{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.filter-dropdown__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.filter-dropdown__title{font-size:18px;font-weight:600;letter-spacing:0px;line-height:24px;color:var(--text-primary)}.filter-dropdown__label{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-secondary);margin:4px 0}.filter-dropdown__body{padding:0;width:fit-content;height:fit-content}.filter-container .filters{display:flex;flex-direction:column;height:fit-content;background:transparent;border:none;border-radius:0;margin:0;padding:0 16px;box-sizing:border-box}.filter-section{display:flex;flex-direction:column;margin-top:0;margin-bottom:0;height:fit-content}.filter-section:first-child{margin-top:0}.filter-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:24px;padding:16px;margin:0;background:transparent;border:none;font-family:var(--font-body);text-align:left;color:inherit}.filter-section__header:hover .filter-section__chevron{color:var(--icon-primary)}.filter-section__chevron{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--icon-secondary);transition:transform .25s ease,color .2s ease}.filter-section__chevron--open{transform:rotate(180deg)}.filter-section__body{overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .25s ease,margin-bottom .25s ease;margin-bottom:0}.filter-section__body--open{max-height:800px;opacity:1;pointer-events:auto;margin-bottom:0;padding-bottom:0}.filter-section.level,.filter-section.nutriscore-filter-block{padding-top:16px;border:none;border-image:none}.filter-section.nutriscore-filter-block{margin-top:16px}.filter-section.level{margin-top:16px;margin-bottom:16px}.filter-section.level .filter-section__header,.filter-section.nutriscore-filter-block .filter-section__header{margin-bottom:0}#category-heading{margin-bottom:0;height:fit-content;box-sizing:border-box}.filters-section{position:relative;z-index:1002;box-sizing:border-box;width:100%;height:fit-content;color:var(--text-secondary);background-color:var(--bg-primary);border-radius:20px;border:none;margin:0;padding:16px 0;overflow:visible;animation:fadeIn .6s ease-out .35s both;transition:color .2s ease}.filters-section:hover{color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.filters-section,.filters-section .hdr{animation:none;opacity:1}}.hdr{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--text-secondary);gap:var(--space-md);margin-bottom:0;margin-top:0;padding:0;min-height:24px;animation:fadeIn .6s ease-out .45s both}#level-heading{width:fit-content;height:fit-content;margin-top:0;margin-bottom:0;padding-bottom:0;justify-content:space-between;align-items:center}.level-heading__title-row{display:inline-flex;align-items:center;gap:6px}#level-heading .level-heading__title-row.hdr-title{align-items:center;height:fit-content}.level-heading-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:help}.level-heading-tooltip-icon{color:var(--icons-secondary);flex-shrink:0;width:16px;height:16px;stroke-width:1.7}.level-heading-tooltip{position:absolute;left:100%;margin-left:10px;top:50%;transform:translateY(-50%);padding:12px;box-sizing:border-box;min-height:48px;width:max-content;max-width:300px;background:var(--surface-navy);color:var(--text-onNav);font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:-.2px;line-height:1.45;text-align:left;border-radius:10px;white-space:normal;overflow-wrap:break-word;word-break:normal;overflow:visible;z-index:1200;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:0 4px 12px #00000026}.level-heading-tooltip__inner{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.level-heading-tooltip--placeholder{display:none}.level-heading-tooltip--portal{position:fixed;left:auto;top:auto;margin-left:0;opacity:1;visibility:visible}.level-heading-tooltip-trigger:hover .level-heading-tooltip,.level-heading-tooltip-trigger:focus-visible .level-heading-tooltip{opacity:1;visibility:visible}#category-heading{margin-bottom:0}.level{margin-top:24px;padding-top:16px;border:0 none transparent;border-top:1px solid var(--border-light)}.nutriscore-filter-block{margin-top:16px;padding-top:16px;border:0 none transparent;border-top:1px solid var(--border-light)}#nutriscore-heading{width:100%;height:24px;margin-top:0;margin-bottom:0;padding-bottom:16px;justify-content:space-between;align-items:center}.app-root>.hdr{margin-top:32px}.hdr--results,#results-heading{width:100%;min-width:0;flex:0 0 auto;justify-content:center;align-items:center;flex-wrap:nowrap;margin:32px 16px 16px;height:fit-content;padding:0 8px}#results-heading .hdr-title{width:100%;font-size:15px;letter-spacing:-.3px;font-weight:500;text-transform:uppercase}#results-heading .hdr-icon{color:var(--icons-secondary)}.hdr-title{width:100%;display:inline-flex;justify-content:flex-start;align-items:center;gap:6px;padding-left:0;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1.25;color:var(--text-secondary);letter-spacing:.02em}.hdr-title--bookmarks{text-transform:uppercase}#level-heading .level-heading__title-row.hdr-title{padding-left:0;width:fit-content;margin-bottom:8px;font-size:18px;font-weight:600;letter-spacing:0px;line-height:24px;color:var(--text-primary)}.hdr-icon{flex-shrink:0;align-self:center;width:20px;height:20px;color:var(--icons-secondary)}.hdr-count{font-size:15px;line-height:30px;height:fit-content;vertical-align:bottom;padding-top:4px;color:var(--text-secondary);white-space:nowrap}.hdr-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:24px;padding:0 10px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--fill-tertiary);border-radius:9999px;white-space:nowrap}.hdr-pill--neutral{color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary) 12%,transparent)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:56px;padding:16px var(--space-lg);margin-bottom:16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;font-weight:400;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.btn-accent:hover{filter:brightness(1.08);box-shadow:0 4px 12px #2a702b4d}.btn-accent:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-accent svg{color:inherit;flex-shrink:0;width:24px;height:24px}.btn-accent:disabled{opacity:.8;cursor:not-allowed}.scan-section{margin-bottom:24px;display:flex;flex-direction:column;align-items:stretch;animation:fadeIn .6s ease-out .25s both}.quick-check-card{position:relative;background:linear-gradient(135deg,#46a049,#39833c 80%);border-radius:var(--radius-lg);padding:var(--space-lg) 24px;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden}.quick-check-card:before{content:"";position:absolute;top:-40%;right:-45%;width:80%;aspect-ratio:1;border-radius:50%;background:#ffffff12;pointer-events:none}.quick-check-card__label{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;color:#fff9;margin-bottom:8px;text-transform:uppercase;position:relative;z-index:1}.quick-check-card__title{font-family:var(--font-body);font-size:1.35rem;font-weight:700;line-height:1.3;color:#fff;margin:0 0 20px;position:relative;z-index:1}.quick-check-card__title-accent{color:var(--text-accent-light)}.quick-check-card__action{margin-bottom:12px;position:relative;z-index:1}.quick-check-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:56px;padding:14px var(--space-lg);background:#fff;color:#2e7d32;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.quick-check-card__btn span{font-size:15px}.quick-check-card__btn:hover:not(:disabled){filter:brightness(.97);box-shadow:0 2px 8px #0000001f}.quick-check-card__btn:focus-visible{outline:2px solid var(--text-white);outline-offset:2px}.quick-check-card__btn svg{color:inherit;flex-shrink:0;width:24px;height:24px}.quick-check-card__btn:disabled{opacity:.85;cursor:not-allowed}.quick-check-card__hint{margin:0;font-size:.875rem;color:var(--text-accent-light);text-align:center;position:relative;z-index:1}.quick-check-card__error{margin:var(--space-sm) 0 0;padding:0;font-size:.875rem;color:#ffcdd2;text-align:center}.scan-error{margin:var(--space-sm) 0 0;padding:0;font-size:.875rem;color:var(--level-too-high);text-align:center}.scan-hint{margin:0;padding:0 8px;font-size:.875rem;color:var(--text-secondary);text-align:center}.detail-legend{padding:32px var(--space-xl);border-top:1px solid var(--border);background:var(--surface)}.legend-card{cursor:default;margin-top:32px;margin-bottom:0}.food-card.legend-card{padding:24px;cursor:default}.food-card.legend-card:hover{background:var(--bg-primary);transform:none;box-shadow:0 2px 8px #0000000a;border-color:var(--border-light)}.detail-legend.page-legend{margin-top:0;padding:0;border-top:none;background:transparent}.detail-legend__title{display:block;font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.detail-legend__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.detail-legend__chip{padding:.35rem .75rem;border-radius:var(--radius-full);color:var(--text-white);font-size:.8rem;font-weight:500}.disclaimer-footer{display:none;padding:var(--space-lg) 24px 24px;margin:16px 16px 80px;border:none;box-shadow:var(--shadow-md);background-color:var(--surface-secondary);border-radius:20px;height:fit-content;max-width:760px;font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.5}.disclaimer-footer p{margin:0;padding-top:0;font-size:12.8px;color:var(--text-secondary);text-align:left}.disclaimer-footer a{color:var(--text-link);text-decoration:none;font-weight:500}.disclaimer-footer a:hover{text-decoration:underline}@media (min-width: 768px){.disclaimer-footer{margin-bottom:24px;padding-bottom:24px}}@keyframes bookmark-activate{0%{transform:scale(1)}45%{transform:scale(1.35)}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 480px){.search-filters-container__inner{margin-left:0;margin-right:0}}@media (max-width: 767px){body{padding:0}.search-filters-container{padding-top:72px}.search-filters-container .intolerance-toggles{padding-right:0}.filters-section{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.intolerance-toggles__row{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.intolerance-toggles__row::-webkit-scrollbar{display:none}}.floating-bottom-bar{position:fixed;bottom:8px;left:0;right:0;width:calc(100% - 32px);max-width:480px;margin-left:auto;margin-right:auto;z-index:1000;pointer-events:auto;touch-action:manipulation;height:56px;display:flex;align-items:stretch;justify-content:center;gap:0;padding:4px;color:#070d16;background-color:var(--surface-navy);background-image:none;border:none;backdrop-filter:blur(48px) saturate(1.25);-webkit-backdrop-filter:blur(48px) saturate(1.25);opacity:.98;border-radius:999px;box-shadow:0 12px 30px #111d2c8c,0 0 0 .5px #8aa0bc1f;-webkit-tap-highlight-color:transparent;isolation:isolate}.floating-bottom-bar__pill-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}.floating-bottom-bar__pill{position:absolute;z-index:0;left:0;top:0;width:0;height:0;pointer-events:none;box-sizing:border-box;opacity:1;will-change:transform;transition:transform .42s cubic-bezier(.32,.72,0,1)}.floating-bottom-bar__pill-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;transform-origin:50% 50%;transform:scale(1);background-color:rgba(var(--interactive-ghostHover),.2);background-image:radial-gradient(circle at 0% 0%,rgba(255,255,255,.2),transparent 40%),radial-gradient(circle at 100% 100%,rgba(255,255,255,.1),transparent 40%),linear-gradient(135deg,#ffffff1a,#ffffff14);border:0 solid transparent;box-shadow:0 10px 24px #0206178c,0 0 0 .5px #ffffff2e;backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);transition:transform .22s cubic-bezier(.32,.72,0,1)}.floating-bottom-bar__pill-surface--pressed{transform:scale(.9)}.floating-bottom-bar__pill-surface--tab-switch{animation:floating-bottom-bar-pill-tab-grow .48s cubic-bezier(.32,.72,0,1) both}@keyframes floating-bottom-bar-pill-tab-grow{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}.floating-bottom-bar__pill--hidden{visibility:hidden;transition:none}@media (prefers-reduced-motion: reduce){.floating-bottom-bar__pill,.floating-bottom-bar__pill-surface{transition-duration:.01ms}.floating-bottom-bar__pill-surface--tab-switch{animation:none}}.floating-bottom-bar__item{display:inline-flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;width:100%;height:100%;padding:4px 6px;background:none;border:none;border-radius:999px;color:#fff9;cursor:pointer;position:relative;z-index:1;overflow:hidden;touch-action:manipulation;transition:color .28s cubic-bezier(.4,0,.2,1),background-color .28s cubic-bezier(.4,0,.2,1)}.floating-bottom-bar__item:not(.floating-bottom-bar__item--active):hover{color:#fff9;background-color:var(--fill-tertiary)}.floating-bottom-bar__item:not(.floating-bottom-bar__item--active):active{color:var(--text-onNav);background-color:var(--fill-tertiary)}.floating-bottom-bar__item:not(.floating-bottom-bar__item--active):active svg{color:var(--icons-onNav)}.floating-bottom-bar__item--active{border-radius:999px;background-color:transparent}.floating-bottom-bar__item--active,.floating-bottom-bar__item--active svg{color:var(--borders-brand)}.floating-bottom-bar__item--active svg{opacity:.2}.floating-bottom-bar__item--active:hover,.floating-bottom-bar__item--active:hover svg{background-color:transparent;color:var(--borders-brand)}.floating-bottom-bar__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.floating-bottom-bar__item svg{position:relative;z-index:1;width:28px;height:24px;stroke-width:1.5px;color:inherit;flex-shrink:0;opacity:1;transition:color .28s cubic-bezier(.4,0,.2,1),stroke-width .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1)}.floating-bottom-bar__label{display:block;max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap;font-family:var(--font-body);font-size:9px;font-weight:500;line-height:1.15;letter-spacing:.01em;color:inherit;opacity:1;transition:color .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1)}.floating-bottom-bar__item--active .floating-bottom-bar__label,.floating-bottom-bar__item--active:hover .floating-bottom-bar__label{color:var(--text-brand);opacity:1}@media (min-width: 768px){.floating-bottom-bar{display:none!important}}@media (max-width: 480px){.floating-bottom-bar{bottom:8px}}