:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17211e;background:#f3f5f3;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button{font:inherit;cursor:pointer;min-height:48px}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(72px + var(--safe-bottom))}.app-shell.fullscreen{padding-bottom:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid #d8ddd9;padding-bottom:var(--safe-bottom);z-index:20}.bottom-nav button{flex:1;border:0;background:transparent;padding:10px 8px 12px;color:#66716d;font-weight:500}.bottom-nav button.active{color:#1e3932;font-weight:700}.screen{padding:calc(16px + var(--safe-top)) 20px 24px}.card{background:#fff;border:1px solid #d8ddd9;border-radius:20px;padding:16px}.headline{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 8px}.subtle{color:#66716d;line-height:1.45}.btn-primary{background:#1e3932;color:#fff;border:0;border-radius:16px;padding:14px 20px;font-weight:700;width:100%}.btn-primary:disabled{opacity:.45}.btn-secondary{background:transparent;color:#1e3932;border:1px solid #d8ddd9;border-radius:16px;padding:12px 18px;font-weight:600}.brand-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-header img{width:44px;height:44px;border-radius:12px}.produce-grid{display:grid;gap:12px}.produce-card{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:2px solid #d8ddd9;border-radius:18px;background:#fff;padding:12px}.produce-card.selected{border-color:#1e3932;box-shadow:0 0 0 1px #1e3932 inset}.produce-card.inactive,.produce-card:disabled{opacity:.45;cursor:not-allowed}.produce-card.inactive.selected,.produce-card:disabled.selected{border-color:#d8ddd9;box-shadow:none}.produce-card.locked{opacity:.55}.produce-card img{width:56px;height:56px;object-fit:contain}.scanner-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50;display:flex;flex-direction:column}.scanner-video-wrap{position:relative;flex:1;overflow:hidden}.scanner-video-wrap video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanner-controls{padding:16px 20px calc(16px + var(--safe-bottom));background:linear-gradient(transparent,#000000bf)}.scanner-hint{color:#f5f2e9;text-align:center;margin-bottom:12px;min-height:44px}.result-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60}.result-sheet{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#121c19;color:#f5f2e9;border-radius:24px 24px 0 0;padding:20px 22px calc(24px + var(--safe-bottom));max-height:88dvh;overflow:auto}.action-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.action-meter span{text-align:center;font-size:10px;font-weight:700;padding:8px 4px;border-radius:10px;opacity:.35}.action-meter span.active{opacity:1;transform:scale(1.03)}.history-item{display:flex;justify-content:space-between;gap:12px;align-items:center}.banner{background:#1e3932;color:#f5f2e9;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#16291f;color:#f5f2e9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-on-dark.btn-primary{background:#fff;color:#1e3932}.btn-on-dark.btn-primary:disabled{opacity:.65;color:#1e3932}.btn-on-dark.btn-secondary{background:transparent;color:#fff;border-color:#ffffff8c;width:100%}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#16291f;color:#f5f2e9;display:flex;flex-direction:column;justify-content:center;padding:28px}.onboarding-icon-wrap{width:76px;height:76px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:#fff}.onboarding-step{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.02em;opacity:.72}.onboarding h2{margin:0 0 12px;font-size:28px;font-weight:800;letter-spacing:-.3px}.onboarding-body{margin:0;line-height:1.55;opacity:.92}.onboarding-actions{display:grid;gap:10px;margin-top:28px}.onboarding-error{margin:0;color:#ffb4a8;font-size:14px;line-height:1.45}.onboarding-dots{display:flex;gap:8px;margin-top:28px}.onboarding-dots span{width:8px;height:8px;border-radius:999px;background:#ffffff40}.onboarding-dots span.active{width:22px;background:#fff}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.bottom-nav button svg{width:22px;height:22px}.scanner-page .btn-on-dark.btn-primary{background:#fff;color:#1e3932}.scanner-page .btn-on-dark.btn-secondary{color:#fff;border-color:#ffffff8c}