.ingredient-scanner{gap:var(--s5);flex-direction:column;display:flex}.scanner-form label{margin-bottom:var(--s2);font-weight:600;display:block}.scanner-row{gap:var(--s3);flex-wrap:wrap;display:flex}.scanner-row input{min-height:var(--tap);font-variant-numeric:tabular-nums;flex:220px}.scanner-row button{min-height:var(--tap);padding:0 var(--s5);border-radius:var(--r-sm);background-color:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;font-weight:600}.scanner-hint{margin-top:var(--s2);color:var(--muted);font-size:.8rem;line-height:1.5}.scanned-product h2{margin:0}.scanned-block{margin-top:var(--s5)}.scanned-block h3{margin-bottom:var(--s3);font-size:.95rem}.ingredient-list{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ingredient-list li{padding:var(--s1) var(--s3);border:1px solid var(--border);background-color:var(--surface-2);color:var(--text-2);border-radius:999px;font-size:.84rem}.tone-red{--tone:#b3261e;--tone-soft:#fdecea}.tone-orange{--tone:#a8540d;--tone-soft:#fdf0e3}.tone-yellow{--tone:#86680a;--tone-soft:#fbf4de}.tone-green{--tone:#1f6f4a;--tone-soft:#e5f3ec}.tone-grey{--tone:#5f7276;--tone-soft:#eef2f2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tone-red{--tone:#e0776c;--tone-soft:#2a1614}:root:not([data-theme=light]) .tone-orange{--tone:#e0a05c;--tone-soft:#2a1e12}:root:not([data-theme=light]) .tone-yellow{--tone:#d8c26a;--tone-soft:#26220f}:root:not([data-theme=light]) .tone-green{--tone:#6fbf95;--tone-soft:#12251c}:root:not([data-theme=light]) .tone-grey{--tone:#90a2a6;--tone-soft:#1a2225}}:root[data-theme=dark] .tone-red{--tone:#e0776c;--tone-soft:#2a1614}:root[data-theme=dark] .tone-orange{--tone:#e0a05c;--tone-soft:#2a1e12}:root[data-theme=dark] .tone-yellow{--tone:#d8c26a;--tone-soft:#26220f}:root[data-theme=dark] .tone-green{--tone:#6fbf95;--tone-soft:#12251c}:root[data-theme=dark] .tone-grey{--tone:#90a2a6;--tone-soft:#1a2225}.tier-strip{gap:var(--s2);margin:0 0 var(--s4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tier-strip li{align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--tone);border-radius:var(--r-sm);background-color:var(--tone-soft);color:var(--text-2);font-size:.78rem;display:flex}.tier-strip strong{color:var(--tone);font-variant-numeric:tabular-nums;font-size:1.05rem}.additive-list{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.additive-list li{padding:var(--s4);border:1px solid var(--border);border-left:4px solid var(--tone);border-radius:var(--r);background-color:var(--surface)}.additive-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.additive-code{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.additive-name{min-width:0;color:var(--text);flex:1}.additive-tier{padding:2px var(--s2);border:1px solid var(--tone);border-radius:var(--r-sm);background-color:var(--tone-soft);color:var(--tone);white-space:nowrap;font-size:.72rem;font-weight:600}.additive-why{margin:0 0 var(--s2);color:var(--text-2);font-size:.88rem;line-height:1.55}.additive-groups,.additive-note,.additive-source{margin:0 0 var(--s1);color:var(--muted);font-size:.8rem}.scanner-limits p{color:var(--text-2);margin-bottom:var(--s3);line-height:1.6}@media (max-width:560px){.additive-tier{white-space:normal}}