:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f5ef;--fg:#1d2a22;--muted:#5b6b61;--accent:#2e7d4f;--on-accent:#fff;--line:#d9d4c7;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14201a;--fg:#eef3ee;--muted:#9fb0a5;--accent:#6fcf97;--on-accent:#0d1a12;--line:#2c3b32}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-size:1rem;line-height:1.5}.page{max-width:40rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));margin:0 auto}h1{margin:0 0 .5rem;font-size:2.5rem;line-height:1.1}p{margin:0 0 1rem}.build{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}h2{margin:2rem 0 .75rem;font-size:1.25rem}a{color:var(--accent);min-height:44px;padding:.6rem 0;display:inline-block}button{background:var(--accent);min-height:44px;color:var(--on-accent);font:inherit;border:0;border-radius:.75rem;padding:.6rem 1.25rem;font-weight:600}button:disabled{opacity:.6}button.secondary{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:0 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.status-list{margin:0 0 1rem}.status-list div{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0 .75rem;padding:.6rem 0;display:flex}.status-list dt{min-width:6.5rem;font-weight:600}.status-list dd{margin:0}.camera-frame{aspect-ratio:3/4;background:#000;border-radius:1rem;max-height:60dvh;margin:0 auto 1rem;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%}.camera-overlay{color:#fff;text-align:center;justify-content:center;align-items:center;margin:0;padding:1.5rem;display:flex;position:absolute;inset:0}.actions{gap:.75rem;min-height:44px;display:flex}.log{overflow-wrap:anywhere;margin:0 0 1rem;padding:0;font-size:1rem;list-style:none}.log li{border-bottom:1px solid var(--line);padding:.25rem 0}.log-time{color:var(--muted);font-variant-numeric:tabular-nums}.links{margin:0;padding:0;list-style:none}.camera-frame-scan{aspect-ratio:4/3}.scan-guide{pointer-events:none;border:2px solid #ffffffd9;border-radius:.5rem;height:40%;position:absolute;top:30%;left:8%;right:8%;box-shadow:0 0 0 100vmax #00000040}.field{flex-direction:column;gap:.25rem;display:flex}.field label{font-weight:600}select{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);font:inherit;border-radius:.75rem;padding:.5rem .75rem}.scan-status{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.scan-status p{margin:0}.scan-timer{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.result{border:1px solid var(--line);border-radius:1rem;margin:1.5rem 0 0;padding:1rem}.result h2{margin-top:0}.result-name{font-variant-numeric:tabular-nums;font-weight:700}.result-product{align-items:flex-start;gap:.75rem;display:flex}.result-product img{object-fit:contain;background:#fff;border-radius:.5rem;flex:none}.result-product p{margin:0 0 .25rem}.undo{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}