html,body{height:100%}body{margin:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out fade-in}.animate-slide-up{animation:.25s ease-out slide-up}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AppWrapper{width:100%;height:100vh;position:relative}.App,.AppOverlay{width:100%;height:100%;font-weight:400;position:absolute;top:0;left:0}.AppOverlay{z-index:200;pointer-events:none;justify-content:center;display:flex}.icon.clickable:hover{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:2px solid #4a90d9}
:root{--blue:#5f9ea0;--light-blue:#b7cbdb;--green:#90ee90;--light-green:#98fb98;--pink:#e9967a;--light-pink:bisque;--brown:#d2691e;--light-brown:#deb887;--red:#cc2c2c;--light-red:#ffb6c1;--white:#fffaf0;--black:#292727}.dark-mode{--primary:var(--blue)}input{border-radius:5px;outline:none;width:12em;margin-bottom:5px;margin-right:10px;padding:5px}.converter-dlg{width:fit-content}.text-error{color:var(--red);font-size:medium}.form{flex-direction:column;align-items:center;display:flex}.error-icon.fa{color:var(--red);width:0;font-size:medium;position:relative;right:30px}
:root{--nav-bar-icon-size:1.3em;--accent-color:#345053;--accent-color-hover:#263c3e;--secondary-accent-color:lightslategray;--accent-color-secondary:#4a6b6e;--accent-color-secondary-hover:#3f5b5e;--accent-bg-subtle:#f0f9f4;--actions-width:25%;--quantity-width:15%;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#888;--background-page:#f5f7f8;--background-card:#fff;--background-item:#f5f7f8;--border-color:#e5e7eb;--border-color-light:#e5e7eb;--warning-bg:#fef3c7;--warning-text:#92400e;--warning-border:#fcd34d;--warning-bg-light:#fde68a;--error-bg:#fee2e2;--error-text:#991b1b;--error-border:#fca5a5;--error-border-strong:#ef4444;--success-bg:#d1fae5;--success-text:#065f46;--success-border:#10b981;--neutral-bg:#f3f4f6;--neutral-text:#6b7280;--neutral-border:#9ca3af;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--border-radius-sm:8px;--border-radius-md:12px;background-color:#eceff1;font-size:16px}@media screen and (max-width:768px){:root{--actions-width:60px}.navigation-item-text{display:none}.results-wrapper{flex-direction:column;flex-grow:1}.mobile-background{z-index:100;background:#00000080;width:100vw;height:100%;position:fixed;top:0;left:0;overflow-y:scroll}.mobile-column>div:nth-of-type(2n){background-color:#f3f3f3}.mobile-background .category-list{background-color:#fff;position:static}.mobile-background.hidding{display:none}i.mobile-button{display:flex}.lists-wrapper{flex-direction:column}.filters .category-list{z-index:20;background-color:#fff;height:fit-content;position:absolute;left:0}div .lists-wrapper>div{width:100%}.navigation .navigation-bar-item{min-height:44px;padding:.75em}.actions-column .icon.fa,.actions-column img.icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}button.retry-btn{min-width:44px;min-height:44px;padding:8px 16px}.clickable-text{align-items:center;min-height:44px;display:inline-flex}.filters{width:100%;margin:0 0 10px}.inventory td,.cart td,.results td{word-break:break-word;white-space:normal;overflow-wrap:break-word;padding:8px 6px}th,td{padding:8px 6px}.search.row{box-sizing:border-box}.contents .row:first-child{padding:0 5px}.error-banner,.loading-spinner{margin:10px;padding:10px}.single-result{overflow-wrap:break-word;margin:5px;padding:5px}}@media screen and (max-width:480px){.message.from-user{margin-left:2rem;margin-right:.5rem}.message.from-bot{margin-left:.5rem;margin-right:2rem}.table-label{padding:4px;font-size:medium}.toxic-big-banner{font-size:16px}.alert{margin:5px;padding:8px 8px 8px 12px}.app-wrapper{overflow-x:hidden}.results-wrapper{padding:0 2px}}.app-content{flex-grow:1;padding-top:50px}.nav-language-toggle{border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-sm,8px);gap:2px;display:flex;overflow:hidden}.nav-language-btn{background:var(--background-card,#fff);cursor:pointer;color:var(--text-secondary,#666);border:none;padding:5px 10px;font-size:13px;font-weight:500;transition:all .2s}.nav-language-btn:hover{background:var(--background-item,#f5f7f8)}.nav-language-btn--active{background:var(--accent-color,#345053);color:#fff}.nav-language-btn--active:hover{background:var(--accent-color-hover,#263c3e)}.hamburger-language{justify-content:center;display:flex}.app-footer{padding:10px}.app-footer.language-toggle{padding:var(--spacing-md,12px)var(--spacing-lg,16px);background:var(--background-card,#fff);border-radius:var(--border-radius-md,8px);margin:var(--spacing-lg,16px);justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000001a}.app-footer .language-label{color:var(--text-secondary,#666);align-items:center;gap:var(--spacing-sm,8px);font-size:13px;display:flex}.app-footer .language-buttons{gap:var(--spacing-xs,4px);display:flex}.app-footer .language-btn{border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius-sm,4px);background:var(--background-card,#fff);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.app-footer .language-btn:hover{background:var(--background-item,#f5f5f5)}.app-footer .language-btn.active{background:var(--accent-color,#345053);color:#fff;border-color:var(--accent-color,#345053)}.navigation-item-text{font-size:18px}.mobile-button{display:none}.dialog-content{padding:10px}.clickable-text{cursor:pointer;color:#00f;padding:5px;text-decoration:underline}.row{align-items:center;display:flex}.alert{color:#555;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:.8em;border-radius:10px;margin:10px;padding:10px 10px 10px 36px}.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.success{color:#3c763d;margin:unset;border-radius:unset;background-color:#dff0d8;border-color:#d6e9c6}.error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.info{color:#31708f;cursor:pointer;background-color:#d9edf7;border-color:#bce8f1}.video-dlg,.camera-picker-dlg{z-index:400}.barcode-scanner-container{justify-content:center;width:100%;display:flex;position:relative}.barcode-scanner-container video{width:100%;display:block}.barcode-scanner-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.barcode-scanner-guide{pointer-events:none;border:2px dashed #ffffff73;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contents .row:first-child{flex-direction:column;align-items:flex-start}.search.row{background-color:#fff;border-width:2px 2px 1px;border-bottom-style:solid;border-bottom-color:#d3d3d3;border-radius:5px;align-items:center;width:100%}.filters{border:1px solid #d3d3d3;border-radius:5px;width:222px;margin:0 10px}.filters .category-header{margin:0;padding:5px 0}.filter-button{display:none}.filters .category-items{padding-left:0}.filters .category-item{width:fit-content;padding:2px}.filters .category-item>div>div{align-items:flex-end;display:flex}.expiration-row{align-items:center;display:flex}.expiration-row i,.expiration-row img{visibility:hidden}.expiration-row:hover i,.expiration-row:hover img{visibility:visible}.search input::-webkit-calendar-picker-indicator{display:none!important}table:not(.desktop-view) .action-wrapper{align-self:flex-start;padding-top:20px}.actions-column{width:var(--actions-width);align-items:center;display:flex}.cart th.info-column,.cart td.info-column{width:calc((100% - var(--actions-width) - var(--quantity-width))/2)}.cart th.quantity-column,.cart td.quantity-column{width:var(--quantity-width)}.inventory th.info-column,.inventory td.info-column{width:calc((100% - var(--actions-width))/3)}.health-risks .info-column{align-items:center;display:flex}.page-list-cap{align-items:flex-end;display:flex}.page-list-header{padding-right:10px;font-weight:600}.actions-column .icon.fa{font-size:18px}.results-fda .content{flex-direction:column;display:flex}.results-fda .content .recall-item{background-color:#fef7f6;border-left:4px solid #df3f2f;border-radius:5px;margin-bottom:1rem;padding:1rem 1rem 1rem 1.5rem;display:block}.results-fda .content .recall-item.Class.II{background-color:#fef7f6;border-left:4px solid #dfa72f}.toxic-label{color:#000;border:2px solid red;border-radius:50px;justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-bottom:5px;margin-right:10px;font-size:1.5em;font-weight:700;display:flex}.results-wrapper{display:flex}.search .textinput-wrapper{flex-grow:1}.inventory .textinput-wrapper input,.cart .textinput-wrapper input{width:100%}.search.row input,.search.row input:focus{border:none;outline:none;width:100%;line-height:26px}.navigation{z-index:100;background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-around;display:flex;position:fixed;top:0;left:0;right:0}.navigation.nav-bottom{padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #ddd;border-bottom:none;top:auto;bottom:0}.app-wrapper.use-bottom-nav .app-content{padding-top:0;padding-bottom:60px}.navigation.nav-bottom .nav-numbers{top:2px;left:50%;transform:translate(-50%)}.navigation .navigation-bar-item{cursor:pointer;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:.5em;display:flex}.navigation-bar-item.nav-selected{background-color:var(--accent-color);color:#fff}.navigation .nav-selected .icon{filter:invert()}.icon{width:var(--nav-bar-icon-size);height:var(--nav-bar-icon-size);padding-right:8px}.icon.disabled{pointer-events:none;opacity:.4;filter:alpha(opacity=40)}.nav-icon-wrap{text-align:center;padding-top:6px;display:inline-block;position:relative}.nav-numbers{text-align:center;color:#fff;z-index:2;background-color:red;border-radius:3px;width:10px;font-size:10px;line-height:12px;position:absolute;left:16px}.health-risks{flex-direction:column;height:100%;display:flex}.health-risk-text{white-space:normal;width:100%}.results td,.results th{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.single-result div{word-wrap:break-word;overflow-wrap:break-word}.single-result{border:1px solid;margin:10px;padding:0 10px 10px}.toxic-big-banner{align-items:center;font-size:20px;font-weight:700;display:flex}div:not(.single-result) .no-toxic-symbol{font-size:32px}.no-toxic-symbol{color:green;font-size:45px}.app-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.chat-wrapper{flex-direction:column;flex-grow:1;height:100%;font-family:SanFrancisco;font-size:1.25rem;line-height:1.25;display:flex}.chat-hist-wrapper{flex-grow:1;overflow:auto}.write-message{align-items:center;display:flex;position:sticky;bottom:0}.write-message textarea{border-radius:.25rem;width:100%;height:4rem;margin:5px;padding:5px;font-size:1.25rem}.send-button{padding:5px 10px 5px 5px}.message{word-wrap:break-word;background-color:#fff;border:1px solid #e5e5ea;border-radius:1.15rem;flex-direction:column;max-width:75%;margin:0 auto 1rem;padding:.5rem .875rem;display:flex;position:relative}.message.from-user{color:#fff;background-color:#248bf5;align-self:flex-end;margin-left:5rem;margin-right:1rem}.message.from-bot{color:#000;background-color:#e5e5ea;align-items:flex-start;margin-left:1rem;margin-right:5rem}.expired{color:#f44336}.soon-to-expire{color:#ff9800}.lists-wrapper{display:flex}.lists-wrapper>div{width:50%;padding:5px}.inventory,.cart,.results{border-collapse:collapse;table-layout:fixed;width:100%;font-family:sans-serif;font-size:.9em;box-shadow:0 0 20px #00000026}.results{margin:5px;font-size:.75em}.results td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:200px}th,td{padding:12px 15px}.inventory td,.cart td{text-align:center}tbody tr{border-bottom:1px solid #ddd}tbody tr:nth-of-type(2n){background-color:#f3f3f3}tbody tr:last-of-type,.inventory .header,.cart .header{border-bottom:2px solid var(--accent-color)}.new-cart-item{align-items:center;padding:5px;display:flex}.category-items .category-item:nth-of-type(odd){background-color:#f3f3f3}.category-items .category-item{border-bottom:1px solid #ddd;width:100%;padding:12px 15px}.pages{justify-content:center;display:flex}.citations{flex-direction:column;font-size:12px;display:flex}.citations div{justify-content:center;display:flex}.table-label{background-color:var(--accent-color);color:#fff;align-items:center;margin-bottom:5px;padding:5px;font-size:large;font-weight:600;display:flex}.table-label img{filter:invert()}.preference-dlg{background-color:#fff}.preference-dlg .dialog-content{padding:5px 10px 10px}.preference-dlg .section:not(:first-child){border-top:1px solid #d3d3d3;margin-top:10px;padding-top:2px}.preference-dlg .option{cursor:pointer}.filters .category-item .preferences{flex-direction:column;align-items:flex-start;display:flex}.dlg-footer{justify-content:flex-end;padding-top:10px;display:flex}.app-content>.hide{display:none}.app-content>.show{display:block}.recall-list{max-width:900px;margin:0 auto;padding:16px}.recall-list h2{color:#333;margin-bottom:8px}.recall-data-source{color:#666;margin-bottom:20px;font-size:12px;font-style:italic}.recall-month-group{margin-bottom:24px}.recall-month-header{color:#444;border-bottom:2px solid #e0e0e0;margin-bottom:12px;padding-bottom:8px;font-size:18px}.recall-item-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.recall-item-card:hover{box-shadow:0 2px 6px #00000026}.recall-item-card a{color:#1a73e8;font-size:16px;text-decoration:none}.recall-item-card a:hover{text-decoration:underline}.recall-description{color:#555;margin:8px 0;font-size:14px;line-height:1.5}.recall-date{color:#888;font-size:12px}.recall-show-more-btn{color:#1a73e8;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;width:100%;margin-top:16px;padding:12px 24px;font-size:14px;transition:background-color .2s;display:block}.recall-show-more-btn:hover{background:#e8e8e8}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner .spinner{border:3px solid var(--light-blue);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner .loading-text{color:#555;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px}.error-banner{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin:10px;padding:20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px;display:flex}.error-banner .error-message{text-align:center}.error-banner .retry-btn{cursor:pointer;color:#a94442;background-color:#fff;border:1px solid #a94442;border-radius:5px;padding:6px 16px;font-family:inherit;font-size:12px;transition:background-color .2s}.error-banner .retry-btn:hover{background-color:#f2dede}
.home-page{flex-direction:column;min-height:calc(100vh - 56px);display:flex}.home-hero{background-color:var(--background-hero,#fff8f0);padding:60px var(--spacing-xl,20px)40px;flex:1;justify-content:center;align-items:center;display:flex}.home-hero__content{align-items:center;gap:60px;width:100%;max-width:1000px;display:flex}.home-hero__text{flex:1}.home-hero__heading{color:var(--accent-color,#345053);margin:0 0 var(--spacing-lg,16px);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:42px;font-weight:700;line-height:1.2}.home-hero__subtext{color:var(--text-secondary,#666);margin:0 0 var(--spacing-md,12px);font-size:18px;line-height:1.6}.home-hero__detail{color:var(--text-muted,#888);margin:0 0 32px;font-size:15px;line-height:1.6}.home-hero__search{margin-top:var(--spacing-lg,16px)}.home-hero__visual{flex-shrink:0}.home-hero__illustration{justify-content:center;align-items:center;display:flex}.home-summary{justify-content:center;gap:var(--spacing-xl,20px);padding:var(--spacing-xl,20px);background:var(--background-card,#fff);border-top:1px solid var(--border-color,#e5e7eb);display:flex}.home-summary__item{align-items:center;gap:var(--spacing-sm,8px);color:var(--text-secondary,#666);padding:var(--spacing-sm,8px)var(--spacing-lg,16px);border-radius:var(--border-radius-sm,8px);text-decoration:none;transition:background-color .2s;display:flex}.home-summary__item:hover{background-color:var(--background-item,#f5f7f8)}.home-summary__count{color:var(--accent-color,#345053);font-size:24px;font-weight:700}.home-summary__label{font-size:14px}@media screen and (max-width:768px){.home-hero{padding:40px var(--spacing-lg,16px)30px}.home-hero__content{text-align:center;flex-direction:column;gap:30px}.home-hero__heading{font-size:30px}.home-hero__subtext{font-size:16px}.home-hero__detail{font-size:14px}.home-hero__visual{order:-1}.home-hero__illustration svg{width:140px;height:140px}.home-summary{align-items:center;gap:var(--spacing-sm,8px);flex-direction:column}}
.about-page{max-width:720px;padding:var(--spacing-lg)var(--spacing-md);margin:0 auto}.about-hero{margin-bottom:var(--spacing-lg)}.about-hero h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.about-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.about-founder{gap:var(--spacing-lg);align-items:flex-start;display:flex}.about-founder-photo{object-fit:cover;border-radius:50%;flex-shrink:0}.about-summary{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}@media screen and (max-width:480px){.about-founder{text-align:center;flex-direction:column;align-items:center}}.about-mission h2{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:20px;font-weight:600}.about-mission p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.about-disclaimers{flex-direction:column;gap:0;display:flex}.about-disclaimers h2{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:16px;font-weight:600}.about-legal-links{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;display:flex}.about-legal-link{color:var(--color-primary,#2563eb);font-size:13px;text-decoration:none}.about-legal-link:hover{text-decoration:underline}