@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fbf2e6;--surface:#fffcf6;--surface-2:#f5e8d6;--line:#ebd9c2;--ink:#41372d;--ink-soft:#8b7965;--brand:#e89a77;--brand-deep:#a84f30;--brand-tint:#fbe7db;--vrij:#4f7a2f;--vrij-bg:#e8f0d7;--aangegeven:#b0741a;--aangegeven-bg:#fbe9c6;--onbekend:#6e5f4d;--onbekend-bg:#ede2d2;--display:"Space Grotesk Variable", system-ui, sans-serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--radius:18px;--shadow-sm:0 1px 2px #14211a0f;--shadow:0 14px 38px -18px #14211a52;color:var(--ink);background:var(--paper);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--paper);margin:0}button{font-family:inherit}img{max-width:100%}#root{background:var(--paper);max-width:460px;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}@media (width>=600px){#root{box-shadow:0 0 0 1px var(--line), var(--shadow);margin-block:0}}:where(button,input,a):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.screen{min-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.screen{animation:.28s both screen-in}}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen--center{text-align:center;justify-content:center;align-items:center;gap:16px;padding-left:28px;padding-right:28px}.btn{font:600 16px var(--sans);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;display:inline-flex}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--solid{background:var(--brand);color:#3a2114}.btn--solid:not(:disabled):active{transform:translateY(1px)}.btn--quiet{color:var(--brand-deep);border-color:var(--line);background:0 0}.iconbtn{background:var(--surface-2);width:42px;height:42px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.iconbtn svg{width:22px;height:22px}.iconbtn--ghost{visibility:hidden;background:0 0}.scanglyph{background:var(--surface);border:1px solid var(--line);width:152px;height:94px;box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.scanglyph__bars{width:120px;height:72px;color:var(--ink);fill:currentColor}.scanglyph__line{background:var(--brand);height:2px;box-shadow:0 0 12px 1px color-mix(in srgb, var(--brand) 55%, transparent);position:absolute;top:46px;left:14px;right:14px}@media (prefers-reduced-motion:no-preference){.scanglyph__line{animation:1.7s ease-in-out infinite sweep}}@keyframes sweep{0%,to{top:16px}50%{top:74px}}.splash__mark{place-items:center;display:grid;position:relative}.splash__mark:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--brand) 40%, transparent) 0%, transparent 70%);filter:blur(28px);z-index:-1;border-radius:50%;width:230px;height:230px;position:absolute}.splash .logo{width:96px;height:96px;filter:drop-shadow(0 14px 28px color-mix(in srgb, var(--brand-deep) 32%, transparent))}@media (prefers-reduced-motion:no-preference){.splash__mark{animation:.6s both bloom-in}}@keyframes bloom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.splash__word{font:600 26px/1 var(--display);letter-spacing:-.02em;color:var(--brand-deep);margin:0}.home{isolation:isolate;padding-left:22px;padding-right:22px;position:relative}.home:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--brand) 32%, transparent) 0%, transparent 68%);filter:blur(28px);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:34%;left:50%;transform:translate(-50%,-40%)}.home__top{justify-content:space-between;align-items:center;gap:12px;padding:18px 2px 0;display:flex}.logo{width:38px;height:38px;display:block}.wordmark{font:600 18px var(--display);letter-spacing:-.01em;color:var(--brand-deep)}.wordmark__tag{font:500 11px var(--mono);color:var(--ink-soft);letter-spacing:.04em}.home__hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;padding:12px 0;display:flex}.home__manual{width:100%;max-width:340px}.scan-cta{cursor:pointer;color:#3a2114;width:100%;max-width:340px;box-shadow:0 18px 40px -18px color-mix(in srgb, var(--brand) 70%, transparent);background:linear-gradient(#efa98a 0%,#e58a63 100%);border:none;border-radius:26px;flex-direction:column;align-items:center;gap:10px;margin:0 auto;padding:56px 28px;display:flex}.scan-cta:active{transform:translateY(1px)}.scan-cta__icon{background:#fffbf480;border-radius:22px;place-items:center;width:76px;height:76px;display:grid}.scan-cta__icon svg{color:#3a2114;width:40px;height:40px}.scan-cta__label{font:600 25px var(--display);letter-spacing:-.01em}.scan-cta__sub{color:#3a2114b8;font-size:13px}.rule{color:var(--ink-soft);align-items:center;gap:12px;font-size:13px;display:flex}.rule:before,.rule:after{content:"";background:var(--line);flex:1;height:1px}.manual{gap:8px;margin-top:14px;display:flex}.manual__input{min-width:0;font:500 16px var(--mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;flex:1;padding:13px 16px}.manual__input::placeholder{color:var(--ink-soft);opacity:.7}.home__demo{padding:0 0 18px}.home__demo-label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:13px}.chip:active{background:var(--surface-2)}.scanner{color:#fff;background:#0a0e0c;position:relative}.scanner__bar{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;align-items:center;gap:12px;display:flex}.scanner__bar .iconbtn{color:#fff;background:#ffffff24}.scanner__bar .iconbtn--on{color:#3a2114;background:#ffd27a}.scanner__title{text-align:center;font:600 16px var(--display);flex:1}.scanner__stage{flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.scanner__view{position:absolute;inset:0}.scanner__view video{object-fit:cover;width:100%!important;height:100%!important}.reticle{width:min(90vw,420px);height:min(62vw,290px);position:relative}.reticle__frame{border-radius:14px;outline:2px solid #ffffffe6;position:absolute;inset:0;box-shadow:0 0 0 100vmax #080c0a8c}.reticle__line{background:#6ff0a6;height:2px;position:absolute;top:12px;left:6px;right:6px;box-shadow:0 0 12px 1px #6ff0a6cc}@media (prefers-reduced-motion:no-preference){.reticle__line{animation:1.9s ease-in-out infinite reticle-sweep}}@keyframes reticle-sweep{0%,to{top:12px}50%{top:calc(100% - 14px)}}.scanner__hint{text-align:center;color:#ffffffd1;padding:12px 16px calc(16px + env(safe-area-inset-bottom));margin:0;font-size:13px}.scanner__error{color:#fff;text-align:center;z-index:1;background:#961818eb;border-radius:14px;max-width:300px;margin:0 20px;padding:16px;font-size:14px}.scanner__diag{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;background:#000000d1;border-radius:12px;flex-direction:column;gap:8px;max-height:52%;padding:10px 12px;display:flex;position:absolute;overflow:auto}.scanner__diag-text{font:11px/1.45 var(--mono);color:#d8f5e2;white-space:pre-wrap;word-break:break-word;margin:0}.scanner__diag-copy{font:600 12px var(--sans);color:#06301a;cursor:pointer;background:#6ff0a6;border:none;border-radius:8px;align-self:flex-start;padding:8px 14px}.loading__msg{font:500 15px var(--sans);color:var(--ink-soft);margin:0}.result{height:100svh;padding:0;position:relative}.result__scroll{padding:calc(22px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.rescan-fab{top:calc(12px + env(safe-area-inset-top));z-index:20;cursor:pointer;background:var(--brand);color:#3a2114;font:600 14px var(--sans);box-shadow:var(--shadow);border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 14px 9px 12px;display:inline-flex;position:absolute;right:14px}.rescan-fab svg{width:18px;height:18px}.rescan-fab:active{transform:translateY(1px)}.product__head{align-items:center;gap:14px;margin-bottom:16px;padding-right:96px;display:flex}.product__img{object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:none;width:60px;height:60px}.product__name{font:600 20px var(--display);letter-spacing:-.01em;margin:0}.product__brand{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.product__meta{align-items:center;gap:8px;margin:6px 0 0;display:flex}.product__meta code{font:500 12px var(--mono);color:var(--ink-soft)}.tag{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--ink-soft);border-radius:6px;padding:2px 7px}.section-title{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:24px 0 10px}.ingredients{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ingredient{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:12px;padding:13px;display:flex}.ingredient__body{min-width:0}.ingredient__name{margin:0;font-weight:600}.ingredient__reason{color:var(--ink-soft);margin:3px 0 0;font-size:13px;line-height:1.45}.pill{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex:none;align-self:flex-start;padding:4px 9px}.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(--ink-soft);background:var(--surface-2);border-radius:14px;margin:20px 0 0;padding:14px 16px;font-size:13px;line-height:1.5}.missing__mark,.error__mark{width:64px;height:64px;font:600 30px var(--display);border-radius:50%;place-items:center;display:grid}.missing__mark{background:var(--brand-tint);color:var(--brand-deep)}.error__mark{color:#b3261e;background:#fbe3e3}.missing__title{font:600 22px var(--display);letter-spacing:-.01em;margin:4px 0 0}.missing__text,.error__msg{color:var(--ink-soft);max-width:340px;margin:0}.barcode-chip{font:600 14px var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin:4px 0 0;padding:6px 14px;display:inline-flex}.barcode-chip span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.stack-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:8px;display:flex}.stack-actions .btn{width:100%}.topbar{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.topbar__title{text-align:center;font:600 17px var(--display);flex:1}.create__body{padding:22px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex}.create__name{font:600 18px var(--display);margin:0}.create__lead{color:var(--ink-soft);margin:0}.create__step{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.create__step-icon{background:var(--brand-tint);width:46px;height:46px;color:var(--brand-deep);border-radius:12px;flex:none;place-items:center;display:grid}.create__step-icon svg{width:24px;height:24px}.create__step-text{flex:1}.create__step-title{margin:0;font-weight:600}.create__step-sub{color:var(--ink-soft);margin:2px 0 0;font-size:13px}.soon{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--brand-deep);background:var(--brand-tint);border-radius:999px;flex:none;padding:4px 9px}.create__back{align-self:flex-start;margin-top:auto}@media (prefers-color-scheme:dark){:root{--paper:#211912;--surface:#2a2018;--surface-2:#352a20;--line:#43352a;--ink:#f1e7da;--ink-soft:#b8a48d;--brand:#ed9f7d;--brand-deep:#ef9f7e;--brand-tint:#3a2417;--vrij:#94c46f;--vrij-bg:#2a3a1c;--aangegeven:#e0a64a;--aangegeven-bg:#3a2c12;--onbekend:#c6b59c;--onbekend-bg:#342a20}.error__mark{color:#f1b0a8;background:#3a201c}}.score{border-radius:var(--radius);border:1px solid #0000;flex-direction:column;gap:14px;padding:18px;display:flex}.score--vrij{background:var(--vrij-bg);border-color:color-mix(in srgb, var(--vrij) 28%, transparent)}.score--aangegeven{background:var(--aangegeven-bg);border-color:color-mix(in srgb, var(--aangegeven) 28%, transparent)}.score--onbekend{background:var(--onbekend-bg);border-color:color-mix(in srgb, var(--onbekend) 28%, transparent)}.score__head{align-items:center;gap:18px;display:flex}.score__label{font:600 21px var(--display);letter-spacing:-.01em;margin:0}.score--vrij .score__label{color:var(--vrij)}.score--aangegeven .score__label{color:var(--aangegeven)}.score--onbekend .score__label{color:var(--onbekend)}.score__detail{color:var(--ink-soft);margin:3px 0 0;font-size:13px}.score__unknown{font:600 12px var(--mono);color:var(--onbekend);margin:4px 0 0}.score__text{min-width:0}.score__caveat{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.sring{flex:none;place-items:center;width:104px;height:104px;display:grid;position:relative}.sring__svg{width:104px;height:104px;transform:rotate(-90deg)}.sring__track{fill:none;stroke:color-mix(in srgb, var(--ink) 10%, transparent);stroke-width:12px}.sring__seg{fill:none;stroke-width:12px;stroke-linecap:butt}.sring__seg--vrij{stroke:var(--vrij)}.sring__seg--aangegeven{stroke:var(--aangegeven)}.sring__seg--onbekend{stroke:var(--onbekend)}.sring__center{line-height:1;font:700 26px var(--display);color:var(--ink);flex-direction:column;align-items:center;display:flex;position:absolute}.sring__center small{font:600 11px var(--mono);color:var(--ink-soft);text-transform:lowercase;margin-top:3px}