@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--color-mossy: #d7d6bf;--color-olive: #9ba27d;--color-harvest: #b8875a;--color-honey: #d6b184;--color-bark: #a0714a;--color-acorn: #8c6a3d;--color-copper: #c85d36;--color-background: #f3ede4;--color-surface: #ebdcc6;--color-surface-alt: #f0e6db;--color-panel: #d4c18d;--color-border: #d2bda4;--color-ink: #3d2b1f;--color-muted: #6f5b48;--color-clear-bg: #eef0d8;--color-clear-fg: #657124;--color-review-bg: #f8e9d6;--color-review-fg: #9d5a26;--color-caution-bg: #f3ddcf;--color-caution-fg: #9f4328;--color-neutral-bg: #f4ebdd;--color-shadow: rgba(61, 43, 31, .12);--page-width: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--color-ink);background:radial-gradient(circle at top left,rgba(214,177,132,.38),transparent 28%),radial-gradient(circle at top right,rgba(155,162,125,.25),transparent 22%),linear-gradient(180deg,#f7f1e8 0%,var(--color-background) 38%,#f9f4ec 100%);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff26,#ffffff26),repeating-linear-gradient(135deg,transparent,transparent 18px,rgba(255,255,255,.08) 18px,rgba(255,255,255,.08) 36px);opacity:.45}a{color:inherit}button,input,textarea{font:inherit}#root{position:relative;z-index:1}.page-shell{width:min(var(--page-width),calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero-card,.info-card,.tool-card,.result-card{border:1px solid var(--color-border);border-radius:28px;box-shadow:0 20px 40px var(--color-shadow)}.hero-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff80,#fff0),linear-gradient(135deg,var(--color-surface-alt),var(--color-panel))}.hero-copy{padding:.5rem}.brand-lockup{display:flex;gap:1rem;align-items:center}.brand-mark-shell{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#e7c28c,var(--color-harvest));box-shadow:0 14px 30px #a0714a47}.acorn-mark{width:58px;height:58px;display:block;object-fit:cover;border-radius:18px}.eyebrow,.detail-label,.result-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.eyebrow,.detail-label{color:var(--color-muted)}h1,h2,h3{margin:0;font-family:Fraunces,serif;line-height:1.05}h1{font-size:clamp(2.8rem,4vw,4.4rem)}h2{font-size:clamp(1.8rem,2.4vw,2.4rem)}h3{font-size:clamp(1.4rem,2vw,1.8rem)}p{line-height:1.65;margin:0}.hero-lead{margin-top:1rem;font-size:1.08rem;max-width:54ch;color:var(--color-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.hero-caption{margin-top:1rem;color:var(--color-muted)}.hero-panel,.stack{display:grid;gap:1rem}.mini-card,.info-card,.tool-card,.detail-panel,.product-image-card,.reminder-banner,.photo-upload-panel{background:#fffbf6cc}.mini-card,.info-card,.tool-card,.detail-panel,.reminder-banner,.photo-upload-panel{border:1px solid rgba(210,189,164,.9);border-radius:22px}.mini-card{padding:1.2rem}.mini-card ol{margin:.75rem 0 0;padding-left:1.2rem;line-height:1.7}.mini-card-muted{background:#f0e6dbeb}.content-grid{display:grid;gap:1.5rem;margin-top:1.5rem}.history-section,.history-subsection{display:grid;gap:1rem}.history-subsection-header,.history-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.history-caption{margin-top:.65rem;color:var(--color-muted)}.history-state-card,.history-card{border:1px solid var(--color-border);border-radius:24px;background:#faf6f0e0;box-shadow:0 20px 40px var(--color-shadow)}.history-state-card{padding:1.25rem}.history-grid{display:grid;gap:1rem}.missed-barcode-panel h3{margin-top:.15rem}.missed-barcode-list{display:grid;gap:.8rem}.missed-barcode-card{border-radius:18px;background:#f0e6dbb3;border:1px solid var(--color-border);padding:.95rem 1rem}.missed-barcode-card p{margin-top:.5rem;color:var(--color-muted)}.missed-barcode-meta{display:grid;gap:.55rem}.history-inline-note{color:var(--color-muted);font-weight:700}.history-card{padding:1.2rem;display:grid;gap:1rem}.photo-upload-panel{padding:1rem;display:grid;gap:.75rem}.photo-upload-inline{width:100%;height:100%;display:grid;align-content:stretch}.photo-upload-helper,.upload-panel-copy{color:var(--color-muted)}.photo-upload-format-note{color:var(--color-muted);font-size:.92rem;margin:0}.photo-upload-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.photo-upload-button{cursor:pointer}.photo-upload-success{color:var(--color-clear-fg);font-weight:700;margin:0}.photo-upload-error{color:var(--color-caution-fg);font-weight:700;margin:0}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.history-card-top{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;align-items:start}.history-card-top .product-image-card{min-height:160px}.history-card-summary{display:grid;gap:.55rem}.history-card-summary p{color:var(--color-muted)}.history-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.info-card{padding:1.4rem}.info-card p{margin-top:.8rem;color:var(--color-muted)}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.tool-card,.result-card{padding:1.4rem;background:#faf6f0e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card{display:grid;gap:1rem}.tool-card-header{display:grid;gap:.55rem}.tool-card-header p,.tool-note{color:var(--color-muted)}.field{display:grid;gap:.55rem;font-weight:700}.field span{font-size:.95rem}.field input,.field textarea{width:100%;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-alt);padding:.95rem 1rem;color:var(--color-ink);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-harvest);box-shadow:0 0 0 4px #b8875a29}.field input:disabled,.field textarea:disabled,.button:disabled{opacity:.58;cursor:not-allowed}.button{border:0;border-radius:18px;padding:.95rem 1.25rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--color-harvest),var(--color-bark));color:#fffaf6;box-shadow:0 12px 24px #a0714a3d}.button-secondary{background:#fffbf6b8;color:var(--color-bark);border:1px solid var(--color-border)}.field-error{color:var(--color-copper);font-weight:700}.result-card{display:grid;gap:1rem}.result-status{padding:1.2rem;border-radius:22px;border:1px solid transparent}.result-status-caution{background:var(--color-caution-bg);color:var(--color-caution-fg);border-color:#9f432833}.result-status-review{background:var(--color-review-bg);color:var(--color-review-fg);border-color:#9d5a262e}.result-status-clear{background:var(--color-clear-bg);color:var(--color-clear-fg);border-color:#6571242e}.result-status-neutral{background:var(--color-neutral-bg);color:var(--color-ink);border-color:#3d2b1f1f}.result-status p{margin-top:.55rem}.result-badge{margin-bottom:.5rem}.result-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem}.product-image-card{min-height:240px;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px #d2bda4cc;background:#fff9f1e0}.product-image{width:100%;height:100%;display:block;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:1.5rem;text-align:center;color:var(--color-muted);background:radial-gradient(circle at top,rgba(214,177,132,.3),transparent 34%),linear-gradient(180deg,#ffffffa6,#f0e6dbeb)}.product-image-placeholder-action{border:0;cursor:pointer;gap:.4rem;align-content:center;justify-items:center;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.product-image-placeholder-action:hover,.product-image-placeholder-action:focus-visible{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #a0714a33;background:radial-gradient(circle at top,rgba(214,177,132,.38),transparent 34%),linear-gradient(180deg,#fffc,#ebdcc6fa)}.product-image-placeholder-action:focus-visible{outline:3px solid rgba(155,162,125,.45);outline-offset:-4px}.product-image-placeholder-action strong{color:var(--color-ink)}.product-image-card-footer{padding:.8rem 1rem 1rem;border-top:1px solid rgba(210,189,164,.6);background:#fff9f1f5}.photo-upload-inline-action{display:flex;align-items:center;justify-content:center}.photo-upload-link{border:0;padding:0;background:transparent;color:var(--color-acorn);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:#a0714a73;text-underline-offset:.18rem}.photo-upload-link:hover,.photo-upload-link:focus-visible{color:var(--color-ink)}.photo-upload-link:focus-visible{outline:3px solid rgba(155,162,125,.35);outline-offset:4px;border-radius:8px}.photo-upload-icon{width:2.9rem;height:2.9rem;border-radius:999px;display:grid;place-items:center;background:#d6b1843d;color:var(--color-acorn)}.photo-upload-icon svg{width:1.5rem;height:1.5rem;fill:currentColor}.detail-panel,.reminder-banner{padding:1rem 1.1rem}.detail-panel p{margin-top:.4rem}.detail-panel-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.chip-list{display:grid;gap:.8rem;margin-top:.85rem}.ingredient-chip{padding:.9rem 1rem;border-radius:18px;background:var(--color-surface-alt);border:1px solid var(--color-border);display:grid;gap:.3rem}.ingredient-chip span{color:var(--color-muted);font-size:.95rem}.pill-list{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.85rem}.pill{border-radius:999px;padding:.45rem .8rem;background:var(--color-surface-alt);border:1px solid var(--color-border)}.ingredient-text{white-space:pre-wrap}.details-panel summary{cursor:pointer;font-weight:800}.reminder-banner{background:linear-gradient(135deg,#f4ebddf5,#ebdcc6f5)}.reminder-banner p{margin-top:.35rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:1rem;z-index:20}.modal-card{width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;background:#fbf7f1;border:1px solid var(--color-border);border-radius:28px;box-shadow:0 24px 54px #3d2b1f47;padding:1.5rem}.modal-copy{display:grid;gap:1rem;margin-top:1rem;color:var(--color-muted)}.modal-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.4rem}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}@media (max-width: 920px){.hero-card,.tools-grid,.result-grid,.detail-panel-inline,.history-card-top,.history-detail-grid{grid-template-columns:1fr}.page-shell{width:min(var(--page-width),calc(100% - 1rem));padding-top:1rem}.history-header,.history-subsection-header{align-items:start;flex-direction:column}h1{font-size:clamp(2.3rem,9vw,3.4rem)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.button{transition:none}}