.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}.rounded{border-radius:.25rem}.text-center{text-align:center}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--primary:#2563eb;--primary-rgb:37,99,235;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--success:#16a34a;--error:#dc2626;--amber:#d97706;--cream:#fdfcf6;--surface:#fff;--surface-2:#f5f1e8;--surface-3:#ede8d9;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--badge-organic-bg:#d1fae5;--badge-organic-fg:#065f46;--badge-cage-free-bg:#fef3c7;--badge-cage-free-fg:#92400e;--border:#e8e3d5;--white:#fff;--black:#000;--text-xs:0.75rem;--text-sm:0.875rem;--text-xl:1.25rem;--text-2xl:1.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--header-height:58px;--bottom-nav-height:72px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--min-touch-target:44px;--radius-md:12px;--radius-lg:16px;--radius-xl:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.06);--shadow-nav:0 -1px 0 rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);--font-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Monaco","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background-color:var(--cream);color:var(--text-secondary);font-family:var(--font-sans);height:100%;line-height:1.5;overflow:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{height:100%;height:100vh;height:100dvh;width:100%}.app-container,.app-header{display:flex;flex-direction:column}.app-header{align-items:flex-start;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(0,0,0,.04);flex-shrink:0;height:var(--header-height);justify-content:center;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:100}.app-header-title{color:var(--text-primary);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.app-header-subtitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.01em;margin-top:1px}.main-content{flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-height) + 28px + var(--safe-area-bottom));scroll-behavior:smooth}.tab-content{animation:tabFadeIn .18s ease;display:none;min-height:100%;width:100%}.tab-content.active{display:flex;flex-direction:column}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{align-items:center;background-color:var(--surface);border-radius:24px;bottom:calc(12px + var(--safe-area-bottom));box-shadow:var(--shadow-nav);display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:16px;padding:6px;position:fixed;right:16px;z-index:100}.nav-slider{background:var(--primary);border-radius:18px;height:calc(100% - 12px);left:6px;pointer-events:none;position:absolute;top:6px;transform:translateX(calc(var(--nav-active-idx, 0)*100%));transition:transform .38s cubic-bezier(.34,1.56,.64,1);width:calc(33.33333% - 4px);z-index:0}.nav-btn{align-items:center;background:none;border:none;border-radius:18px;color:var(--text-muted);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:3px;justify-content:center;min-height:var(--min-touch-target);padding:var(--spacing-sm);position:relative;transition:color .2s ease;z-index:1}.nav-btn:active{transform:scale(.92)}.nav-btn.active{color:var(--white)}.nav-icon{height:22px;width:22px}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.01em}#scanner-tab{background-color:var(--cream);gap:var(--spacing-md);padding:var(--spacing-md)}.scanner-viewport{background-color:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0;height:42vh;max-height:280px;overflow:hidden;position:relative;touch-action:manipulation;width:100%;-webkit-tap-highlight-color:rgba(var(--primary-rgb),.08);-moz-user-select:none;user-select:none;-webkit-user-select:none}.scanner-placeholder{align-items:center;background:var(--surface);display:flex;inset:0;justify-content:center;position:absolute}.vf-corner{border-color:var(--primary);border-style:solid;height:28px;pointer-events:none;position:absolute;width:28px;z-index:2}.vf-corner-tl{border-radius:4px 0 0 0;border-width:3px 0 0 3px;left:20px;top:20px}.vf-corner-tr{border-radius:0 4px 0 0;border-width:3px 3px 0 0;right:20px;top:20px}.vf-corner-bl{border-radius:0 0 0 4px;border-width:0 0 3px 3px;bottom:20px;left:20px}.vf-corner-br{border-radius:0 0 4px 0;border-width:0 3px 3px 0;bottom:20px;right:20px}.scanner-placeholder-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);position:relative;text-align:center}.scanner-placeholder-content:before{animation:pulseRing 2s ease-out infinite;border:2px solid rgba(var(--primary-rgb),.25);border-radius:50%;content:"";height:104px;pointer-events:none;position:absolute;width:104px}.scanner-placeholder-content:after{animation:pulseRing 2s ease-out .5s infinite;border:1.5px solid rgba(var(--primary-rgb),.12);border-radius:50%;content:"";height:132px;pointer-events:none;position:absolute;width:132px}@keyframes pulseRing{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.4)}}.placeholder-icon{color:var(--primary);filter:drop-shadow(0 0 14px rgba(var(--primary-rgb),.3));height:56px;position:relative;width:56px;z-index:1}.placeholder-text{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.01em;opacity:.85;position:relative;z-index:1}.scanner-container{background-color:var(--black);inset:0;position:absolute}.scanner-container:not(.hidden):after{animation:scanLine 2.2s linear infinite;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);border-radius:2px;content:"";height:2px;left:24px;pointer-events:none;position:absolute;right:24px;z-index:15}@keyframes scanLine{0%{opacity:0;top:18%}8%{opacity:.85}92%{opacity:.85}to{opacity:0;top:82%}}.scanner-container video{display:block!important;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.scanner-container canvas{height:100%;left:0;position:absolute;top:0;width:100%}.scanner-container canvas.drawingBuffer{pointer-events:none;z-index:10}.scanner-status{background-color:rgba(0,0,0,.8);border-radius:var(--radius-xl);bottom:var(--spacing-lg);color:var(--white);font-size:.875rem;font-weight:600;left:50%;padding:var(--spacing-sm) var(--spacing-lg);pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.scanner-status.detected{animation:detectPulse .5s ease-in-out;background-color:var(--success)}@keyframes detectPulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.06)}}.viewport-stop-hint{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(0,0,0,.55);border-radius:var(--radius-xl);color:var(--white);font-size:.8125rem;font-weight:500;left:50%;letter-spacing:.01em;opacity:0;padding:6px 16px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:25}.viewport-stop-hint.visible{opacity:1}.result-card-compact{animation:cardEntrance .28s cubic-bezier(.34,1.56,.64,1);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}@keyframes cardEntrance{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-status-bar{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);justify-content:center;letter-spacing:.02em;padding:20px 16px;text-align:center;text-transform:uppercase}.result-status-bar.approved{background-color:var(--success);color:var(--white)}.result-status-bar.not-approved{background-color:var(--error);color:var(--white)}.result-status-icon{flex-shrink:0;height:28px;width:28px}.result-product-name{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.3;padding:16px 16px 2px}.result-product-desc{line-height:1.45;padding:0 16px 4px}.result-not-found-body,.result-product-desc{color:var(--text-secondary);font-size:var(--text-sm)}.result-not-found-body{line-height:1.5;padding:16px;text-align:center}.result-details-compact{display:flex;flex-direction:column;gap:10px;padding:8px 16px 16px}.result-detail-row{align-items:baseline;display:flex;gap:var(--spacing-sm)}.result-label-compact{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;min-width:64px;text-transform:uppercase;white-space:nowrap}.result-value-compact{color:var(--text-primary);font-size:var(--text-sm);font-weight:400;line-height:1.4;word-break:break-word}.result-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0 16px 16px}.badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:4px;letter-spacing:.01em;padding:4px 12px}.badge-organic{background-color:var(--badge-organic-bg);color:var(--badge-organic-fg)}.badge-cage-free{background-color:var(--badge-cage-free-bg);color:var(--badge-cage-free-fg)}.explore-search-bar{background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-md);padding:var(--spacing-lg)}.explore-clear-btn{align-items:center;background:var(--surface-3);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.explore-clear-btn svg{height:15px;width:15px}#explore-upc-input{padding-right:52px}.explore-results{padding:var(--spacing-lg)}.explore-results:not(.hidden){animation:slideDown .2s ease}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-icon{color:var(--text-muted);flex-shrink:0;height:20px;left:18px;pointer-events:none;position:absolute;width:20px}.search-input{-webkit-appearance:none;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-mono);font-size:1.125rem;font-variant-numeric:tabular-nums;height:56px;letter-spacing:1px;padding:0 16px 0 52px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.search-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);outline:none}.search-input::-moz-placeholder{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:normal}.search-input::placeholder{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:normal}.search-hint{color:var(--text-muted);font-size:var(--text-xs);margin-top:-4px;text-align:center}.search-results{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.search-results:not(.hidden){animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.about-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.about-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.about-app-hero{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.about-hero-icon{filter:drop-shadow(0 0 12px rgba(var(--primary-rgb),.25));font-size:3rem;line-height:1}.about-hero-name{color:var(--text-primary);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.about-hero-tagline{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:240px}.about-version-chip{background-color:var(--surface-2);border-radius:var(--radius-xl);color:var(--text-muted);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;margin-top:4px;padding:3px 10px}.about-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.about-card-icon{color:var(--primary);flex-shrink:0;height:20px;width:20px}.about-card-title{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em}.about-card-body{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--spacing-sm);line-height:1.6;padding:var(--spacing-md) var(--spacing-lg)}.about-link{color:var(--primary);font-weight:600;text-decoration:none}.about-link:hover{text-decoration:underline}.about-step-list{display:flex;flex-direction:column}.about-step{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.about-step:last-child{border-bottom:none}.about-step-num{align-items:center;background-color:var(--primary);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:800;height:26px;justify-content:center;margin-top:1px;width:26px}.about-step-body{color:var(--text-secondary);flex:1;font-size:var(--text-sm);line-height:1.5}.about-step-body strong{color:var(--text-primary);font-weight:700}.categories-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:var(--spacing-lg)}.category-card{background-color:var(--surface);border:none;border-left:4px solid var(--amber);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px;overflow:hidden;padding:var(--spacing-md) var(--spacing-md) 32px;position:relative;text-align:left;transition:all .2s ease}.category-card:active{background-color:var(--surface-2);transform:scale(.97)}.category-emoji{display:block;font-size:1.75rem;line-height:1;margin-bottom:var(--spacing-sm)}.category-name{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.category-count-badge{background-color:rgba(217,119,6,.1);border-radius:var(--radius-xl);bottom:8px;color:var(--amber);font-size:.68rem;font-weight:700;padding:2px 8px;position:absolute;right:8px}.category-products{background-color:var(--surface);bottom:calc(var(--bottom-nav-height) + 20px + var(--safe-area-bottom));display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;top:var(--header-height);z-index:50}#category-products-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}#back-to-categories{align-self:flex-start;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:none;font-size:var(--text-sm);margin:var(--spacing-md) var(--spacing-lg) var(--spacing-md);min-height:36px;padding:.375rem 1rem;position:sticky;top:var(--spacing-md);z-index:10}.category-heading{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-lg)}.category-count-text{color:var(--text-muted);font-weight:400}.product-truncation-note{color:var(--text-muted);font-size:var(--text-sm);padding:var(--spacing-lg);text-align:center}.product-list{gap:var(--spacing-sm)}.product-list,.product-list-item{display:flex;flex-direction:column}.product-list-item{background-color:var(--surface);border:none;border-left:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:var(--spacing-xs);padding:var(--spacing-md);transition:border-left-color .15s ease}.product-list-item:hover{border-left-color:var(--amber)}.product-upc{color:var(--amber);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.05em}.product-description{display:flex;flex-direction:column;gap:2px}.product-brand{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.product-food{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.product-size{color:var(--text-muted);font-size:var(--text-xs)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:700;gap:var(--spacing-sm);justify-content:center;letter-spacing:-.01em;min-height:var(--min-touch-target);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn:active{box-shadow:none;transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-large{border-radius:var(--radius-xl);flex:1;min-height:56px}.btn-primary{background-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.25);color:var(--white)}.btn-primary:active{background-color:var(--primary-dark);box-shadow:none}.btn-secondary{background-color:var(--surface);border:2px solid var(--primary);color:var(--primary)}.btn-secondary:active{background-color:var(--surface-2)}.btn-icon{height:20px;width:20px}.btn-text{line-height:1}.status-overlay{align-items:center;background-color:var(--cream);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .4s ease;z-index:1000}.status-overlay.hidden{opacity:0;pointer-events:none}.status-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:280px;padding:var(--spacing-xl);text-align:center;width:100%}.status-app-icon{animation:splashPulse 1.8s ease-in-out infinite;font-size:3.5rem;line-height:1}@keyframes splashPulse{0%,to{filter:drop-shadow(0 0 12px rgba(var(--primary-rgb),.2));transform:scale(1)}50%{filter:drop-shadow(0 0 24px rgba(var(--primary-rgb),.4));transform:scale(1.1)}}.status-app-name{color:var(--text-primary);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-top:-8px}.status-content p{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.status-progress-bar{background-color:var(--border);border-radius:var(--radius-xl);height:4px;overflow:hidden;width:100%}.status-progress-fill{animation:progressIndeterminate 1.6s ease-in-out infinite;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-xl);height:100%;transform-origin:left}@keyframes progressIndeterminate{0%{transform:translateX(-100%) scaleX(.4)}50%{transform:translateX(60%) scaleX(.6)}to{transform:translateX(220%) scaleX(.4)}}.about-version-footer{color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;padding:var(--spacing-sm) 0 var(--spacing-xs);text-align:center}.scanner-processing{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);z-index:12}.scanner-processing.verdict-approved{background:var(--success);transition:background .22s ease}.scanner-processing.verdict-not-approved{background:var(--error);transition:background .22s ease}.processing-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-label{color:#fff;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;opacity:.85}.hidden{display:none!important}@supports (padding:max(0px)){.main-content{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.bottom-nav{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}@media (orientation:landscape) and (max-height:500px){.scanner-viewport{height:80vw;max-height:260px}.btn-large{min-height:var(--min-touch-target)}}