*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-primary: #06B6D4;--color-primary-hover: #0891B2;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-border: #E5E7EB;--color-border-focus: #06B6D4;--ingredient-moisturizer: #3B82F6;--ingredient-emollient: #10B981;--ingredient-active: #8B5CF6;--ingredient-preservative: #F97316;--ingredient-fragrance: #EAB308;--ingredient-irritant: #EF4444;--ingredient-neutral: #6B7280;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1300;--z-tooltip: 1400;--breakpoint-mobile: 640px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--touch-target: 44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:var(--touch-target);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66}.btn--compact{padding:var(--space-2) var(--space-4);min-height:36px}.btn--compact:hover:not(:disabled){transform:none}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text-primary)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-lg)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);min-height:var(--touch-target);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 8px 30px #06b6d426;transform:translateY(-1px)}.input::placeholder{color:var(--color-text-tertiary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);white-space:nowrap}.badge--moisturizer{background:color-mix(in srgb,var(--ingredient-moisturizer) 15%,white);color:var(--ingredient-moisturizer);border:1px solid color-mix(in srgb,var(--ingredient-moisturizer) 30%,white)}.badge--emollient{background:color-mix(in srgb,var(--ingredient-emollient) 15%,white);color:var(--ingredient-emollient);border:1px solid color-mix(in srgb,var(--ingredient-emollient) 30%,white)}.badge--active{background:color-mix(in srgb,var(--ingredient-active) 15%,white);color:var(--ingredient-active);border:1px solid color-mix(in srgb,var(--ingredient-active) 30%,white)}.badge--preservative{background:color-mix(in srgb,var(--ingredient-preservative) 15%,white);color:var(--ingredient-preservative);border:1px solid color-mix(in srgb,var(--ingredient-preservative) 30%,white)}.badge--fragrance{background:color-mix(in srgb,var(--ingredient-fragrance) 15%,white);color:var(--ingredient-fragrance);border:1px solid color-mix(in srgb,var(--ingredient-fragrance) 30%,white)}.badge--irritant{background:color-mix(in srgb,var(--ingredient-irritant) 15%,white);color:var(--ingredient-irritant);border:1px solid color-mix(in srgb,var(--ingredient-irritant) 30%,white)}.badge--neutral{background:color-mix(in srgb,var(--ingredient-neutral) 15%,white);color:var(--ingredient-neutral);border:1px solid color-mix(in srgb,var(--ingredient-neutral) 30%,white)}.badge__icon{font-size:var(--text-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal__close{padding:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--color-text-primary)}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}.tooltip{position:relative;display:inline-block}.tooltip__content{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--color-text-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;z-index:var(--z-tooltip);transition:all var(--transition-fast)}.tooltip:hover .tooltip__content{visibility:visible;opacity:1;transform:translate(-50%) translateY(-4px)}.progress{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress--success .progress__bar{background:var(--color-success)}.progress--warning .progress__bar{background:var(--color-warning)}.progress--error .progress__bar{background:var(--color-error)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.chip:hover{border-color:var(--color-primary)}.chip__remove{padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-text-secondary);color:#fff;font-size:var(--text-xs);transition:background var(--transition-fast)}.chip__remove:hover{background:var(--color-error)}.skeleton{background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-border) 50%,var(--color-bg) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;margin-bottom:var(--space-2)}.skeleton--title{height:2em;margin-bottom:var(--space-4)}.skeleton--card{height:200px}.mode-selector{display:inline-flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-bg);border-radius:var(--radius-lg)}.mode-selector__option{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mode-selector__option:hover{color:var(--color-text-primary)}.mode-selector__option--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:var(--z-sticky)}.header__container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header__logo{font-size:var(--text-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__search{flex:1;max-width:600px}.header__nav{display:flex;align-items:center;gap:var(--space-4)}.header__nav-link{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__nav-link:hover{color:var(--color-primary);background:var(--color-bg)}.header__nav-link--active{color:var(--color-primary)}.hero{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;padding:calc(var(--space-16) + var(--space-8)) var(--space-6) var(--space-16);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero__container{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);text-shadow:0 2px 20px rgba(0,0,0,.2);letter-spacing:-.02em}.hero__subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);opacity:.9;margin-bottom:var(--space-8)}.hero__search{max-width:600px;margin:0 auto}.entry-points{max-width:1200px;margin:var(--space-12) auto var(--space-8);padding:0 var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);position:relative;z-index:var(--z-base)}.entry-point{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base);text-align:center;border:1px solid transparent;cursor:pointer}.entry-point:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--color-primary)}.entry-point:hover .entry-point__icon{transform:scale(1.1)}.entry-point__icon{font-size:3rem;margin-bottom:var(--space-4);transition:transform var(--transition-base);display:inline-block}.entry-point__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.entry-point__description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.filter-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.filter-panel__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.filter-panel__toggle{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.filter-panel__grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.filter-panel__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card__header{margin-bottom:var(--space-4)}.product-card__name{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.product-card__brand{font-size:var(--text-sm);color:var(--color-text-secondary)}.product-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card__ingredient-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.product-card__ingredients{display:flex;flex-wrap:wrap;gap:var(--space-2)}.product-detail{max-width:900px;margin:0 auto}.product-detail__header{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.product-detail__name{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.product-detail__brand{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.product-detail__meta{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.product-detail__stat{font-size:var(--text-sm);color:var(--color-text-secondary)}.product-detail__stat-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.product-detail__section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.product-detail__section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.ingredient-list{display:grid;gap:var(--space-3)}.ingredient-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.ingredient-item:hover{background:var(--color-bg)}.ingredient-item__position{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-tertiary);min-width:2rem}.ingredient-item__name{flex:1;font-size:var(--text-base);font-weight:var(--font-medium)}.ingredient-item__badges{display:flex;gap:var(--space-2)}.similarity-results__header{margin-bottom:var(--space-6)}.similarity-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.similarity-card__score{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.similarity-card__percentage{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.similarity-card__explanation{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.loading-state{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);padding:var(--space-6) 0}.loading-state__status{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.loading-state__spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(99,102,241,.2);border-top-color:var(--color-primary);animation:loading-spin .9s linear infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-progress{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}.search-progress__spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-primary);animation:loading-spin .8s linear infinite}.search-inline-status{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:var(--text-xs);color:var(--color-text-secondary)}.search-inline-status__spinner{width:10px;height:10px;border-radius:50%;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-primary);animation:loading-spin .8s linear infinite}.ingredient-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-4);max-width:1100px;margin:0 auto}.ingredient-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.ingredient-eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.ingredient-aka,.ingredient-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0}.ingredient-chip{padding:.25rem .75rem;border-radius:999px;background:#6366f126;color:var(--color-primary);font-size:var(--text-sm)}.ingredient-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.ingredient-badge{padding:.25rem .75rem;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.ingredient-badge--good{background:#22c55e26;color:#15803d}.ingredient-badge--warn{background:#f8717126;color:#b91c1c}.ingredient-summary{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-4)}.ingredient-stat-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3)}.stat-bubble{background:#6366f11a;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);min-width:140px}.stat-bubble__value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold)}.stat-bubble__label{color:var(--color-text-secondary);font-size:var(--text-sm)}.ingredient-insights{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.data-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-background);box-shadow:var(--shadow-sm)}.data-card__subtitle{color:var(--color-text-secondary);margin-top:.25rem;margin-bottom:1rem}.data-card__row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:var(--text-sm)}.data-card__label{color:var(--color-text-secondary)}.data-card__row--block{flex-direction:column;gap:.35rem}.data-card__value--block{font-size:var(--text-sm);color:var(--color-text)}.use-category-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}.use-category-list li{line-height:1.4}.ingredient-ai-card{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:#764ba20f}.ingredient-products-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.ingredient-product-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-end}.ingredient-product-toolbar .input-group{flex:1;min-width:220px;display:flex;flex-direction:column}.ingredient-sort{display:flex;gap:var(--space-2)}.ingredient-sort-btn{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-full);padding:.25rem .9rem;font-size:var(--text-sm);cursor:pointer;transition:background .2s}.ingredient-sort-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ingredient-product-list{display:flex;flex-direction:column;gap:var(--space-3)}.ingredient-product-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-3);background:#fff}.ingredient-product-main h3{margin:0}.linkish{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font-weight:var(--font-semibold)}.linkish:hover{text-decoration:underline}.ingredient-product-brand{color:var(--color-text-secondary);margin:.25rem 0 .75rem}.ingredient-product-meta{display:flex;flex-direction:column;gap:var(--space-2)}.role-pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:#6366f126;color:var(--color-primary);font-size:var(--text-xs)}.ingredient-product-actions{display:flex;align-items:center;justify-content:flex-end}.ingredient-count{color:var(--color-text-secondary);margin:.25rem 0 0;font-size:var(--text-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ingredient-browser{display:flex;flex-direction:column;gap:var(--space-6);max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.ingredient-browser__hero{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4)}.ingredient-browser__subtitle{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0}.ingredient-browser__stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ingredient-filter-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ingredient-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.ingredient-filter-row--top{align-items:center}.ingredient-filter-row--secondary{align-items:stretch;gap:var(--space-4)}.ingredient-search-field .input{width:100%}.ingredient-filter-actions{display:flex;gap:var(--space-2);align-items:center}.ingredient-filter-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:220px}.ingredient-filter-group--control{max-width:320px}.ingredient-filter-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.ingredient-category-select{width:100%}.ingredient-category-select select{width:100%;border-radius:999px;border:1px solid var(--color-border-strong);padding:.45rem .85rem;background:var(--color-surface);font-size:var(--text-sm)}.ingredient-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ingredient-filter-chip{border:1px solid rgba(99,102,241,.3);border-radius:999px;padding:.35rem .9rem;font-size:var(--text-sm);background:#6366f114;cursor:pointer;transition:background .15s,color .15s,border .15s}.ingredient-filter-chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ingredient-sort-select{display:flex;flex-direction:column;gap:.35rem;font-size:var(--text-sm)}.ingredient-sort-select select{padding:.35rem .75rem}.ingredient-browser__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.ingredient-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);min-height:280px}.ingredient-card__header{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.ingredient-card__badge{font-size:var(--text-xs);padding:.15rem .6rem;border-radius:999px;background:#f8717126;color:#b91c1c}.ingredient-card__aka{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;min-height:2rem}.ingredient-card__aka .ingredient-chip{max-width:85%;white-space:normal;text-align:center;line-height:1.3}.ingredient-card__purpose{color:var(--color-text-secondary);line-height:1.5;min-height:3.4rem;text-align:justify;text-justify:inter-word;text-align-last:left;hyphens:auto;font-size:var(--text-base);margin:0}.ingredient-card__categories{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;min-height:2.2rem}.ingredient-card__meta{margin-top:auto;text-align:center;border-top:1px solid var(--color-border);padding-top:var(--space-2)}.ingredient-card__count{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.ingredient-browser__loadmore,.ingredient-browser__error,.ingredient-browser__empty{text-align:center}.ingredient-card--skeleton{min-height:180px;background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border:none}.ingredient-category-pill{font-size:var(--text-xs);border-radius:999px;padding:.3rem .7rem;background:#6366f11f;color:var(--color-primary);word-break:break-word;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;white-space:normal;text-align:center;text-align-last:center}.ingredient-browser__limit-note{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 640px){.header__container{flex-wrap:wrap}.header__search{order:3;width:100%;max-width:none}.hero__title{font-size:var(--text-3xl)}.entry-points,.product-grid{grid-template-columns:1fr}.filter-panel__actions{flex-direction:column}.filter-panel__actions .btn{width:100%}.ingredient-filter-row{flex-direction:column;align-items:stretch}.ingredient-filter-actions{width:100%;justify-content:space-between}.ingredient-filter-row--secondary{gap:var(--space-2)}}@media (min-width: 641px) and (max-width: 1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.ingredient-product-row{grid-template-columns:1fr}.ingredient-filter-row{flex-direction:column}.ingredient-filter-row__right{width:100%;align-items:flex-start}}