:root{--bg:#f6f7f5;--surface:#fff;--surface-2:#eef0ec;--border:#d9ddd6;--text:#1c2620;--text-muted:#5d6b62;--brand:#1b8a4b;--brand-ink:#0f5e32;--vrij:#1b8a4b;--vrij-bg:#e3f3e9;--aangegeven:#b8730a;--aangegeven-bg:#fbeed3;--onbekend:#51606a;--onbekend-bg:#e7eaec;--radius:14px;--shadow:0 1px 2px #0000000d, 0 8px 24px -12px #0000002e;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:17px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{max-width:560px;min-height:100svh;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));margin:0 auto}.app__header{padding:20px 0 12px}.app__title{letter-spacing:-.4px;color:var(--brand-ink);margin:0;font-size:26px;font-weight:650}.app__subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.scan-form{gap:8px;display:flex}.scan-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;flex:1;padding:12px 14px;font-size:16px}.scan-input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:12px 16px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff}.btn--primary:not(:disabled):hover{background:var(--brand-ink)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border);padding:8px 12px;font-size:14px;font-weight:500}.btn--ghost:not(:disabled):hover{border-color:var(--brand);color:var(--brand-ink)}.samples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.samples__label{color:var(--text-muted);font-size:13px}.intro{margin-top:22px}.intro>p{margin:0 0 12px}.legend{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.legend li{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.status-msg{color:var(--text-muted);margin:20px 4px}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);margin-top:16px;padding:16px}.notice--error{background:#fbeeee;border-color:#e0b4b4}.notice code{background:var(--surface-2);border-radius:6px;padding:1px 6px}.product{margin-top:18px}.product__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.product__img{object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:56px;height:56px}.product__name{color:var(--text);margin:0;font-size:19px}.product__brand{color:var(--text-muted);margin:2px 0 0;font-size:14px}.product__meta{align-items:center;gap:8px;margin:4px 0 0;display:flex}.product__meta code{color:var(--text-muted);font-size:12px}.tag{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-muted);border-radius:6px;padding:2px 6px;font-size:11px}.verdict{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:12px;padding:16px;display:flex}.verdict__dot{border-radius:50%;flex:none;width:14px;height:14px;margin-top:5px}.verdict__title{margin:0;font-size:18px;font-weight:700}.verdict__meaning{margin:2px 0 0;font-size:14px}.verdict--vrij{background:var(--vrij-bg);border-color:color-mix(in srgb, var(--vrij) 35%, transparent)}.verdict--vrij .verdict__dot{background:var(--vrij)}.verdict--vrij .verdict__title{color:var(--vrij)}.verdict--aangegeven{background:var(--aangegeven-bg);border-color:color-mix(in srgb, var(--aangegeven) 35%, transparent)}.verdict--aangegeven .verdict__dot{background:var(--aangegeven)}.verdict--aangegeven .verdict__title{color:var(--aangegeven)}.verdict--onbekend{background:var(--onbekend-bg);border-color:color-mix(in srgb, var(--onbekend) 35%, transparent)}.verdict--onbekend .verdict__dot{background:var(--onbekend)}.verdict--onbekend .verdict__title{color:var(--onbekend)}.transparency{margin-top:14px}.transparency__head{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.transparency__count{font-variant-numeric:tabular-nums}.transparency__track{background:var(--onbekend-bg);border-radius:999px;height:10px;overflow:hidden}.transparency__fill{background:var(--vrij);border-radius:999px;height:100%;transition:width .3s}.transparency__note{color:var(--text-muted);margin:8px 0 0;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:22px 0 10px;font-size:13px}.ingredients{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ingredient{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:12px;padding:12px;display:flex}.ingredient__body{min-width:0}.ingredient__name{margin:0;font-weight:600}.ingredient__reason{color:var(--text-muted);margin:3px 0 0;font-size:13px;line-height:1.4}.pill{border-radius:999px;flex:none;align-self:flex-start;padding:3px 9px;font-size:12px;font-weight:600}.pill--vrij{background:var(--vrij-bg);color:var(--vrij)}.pill--aangegeven{background:var(--aangegeven-bg);color:var(--aangegeven)}.pill--onbekend{background:var(--onbekend-bg);color:var(--onbekend)}.method-note{color:var(--text-muted);background:var(--surface-2);border-radius:12px;margin:18px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.app__footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:28px;padding:16px 0;font-size:12px}.app__footer a{color:var(--brand-ink)}.btn--scan{background:var(--brand);color:#fff;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;display:flex}.btn--scan:not(:disabled):hover{background:var(--brand-ink)}.btn--scan svg{width:20px;height:20px}.scan-divider{color:var(--text-muted);align-items:center;gap:10px;margin:14px 0;font-size:13px;display:flex}.scan-divider:before,.scan-divider:after{content:"";background:var(--border);flex:1;height:1px}.scanner{z-index:50;background:#0b0f0d;flex-direction:column;display:flex;position:fixed;inset:0}.scanner__bar{padding:calc(14px + env(safe-area-inset-top)) 16px 14px;color:#fff;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.scanner__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex:none;width:36px;height:36px;font-size:16px}.scanner__view{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner__view video{object-fit:cover;width:100%!important;height:100%!important}.scanner__error{padding:18px 20px calc(18px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#961818eb;margin:0;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#0f1411;--surface:#181d19;--surface-2:#222923;--border:#313a33;--text:#e8ece8;--text-muted:#9aa89e;--brand:#3fae6b;--brand-ink:#74d39b;--vrij:#5cc98a;--vrij-bg:#16301f;--aangegeven:#e0a64a;--aangegeven-bg:#33260f;--onbekend:#aab4bb;--onbekend-bg:#242b2e}.btn--primary,.btn--scan{color:#0b140d}.notice--error{background:#2a1717;border-color:#5c2b2b}}