*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-body);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;transition:background .25s,color .25s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button{color:inherit}:root{--font-display:Georgia,"Times New Roman",serif;--font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--bg-body:#f7f2e8;--bg-surface:#fffdf7;--bg-surface-alt:#f3efe6;--bg-elevated:#fff;--bg-input:#f7f2e8;--bg-header:rgba(255,253,247,.92);--bg-overlay:rgba(0,0,0,.35);--text-primary:#123c2e;--text-secondary:#46574e;--text-muted:#7a8a7e;--text-inverse:#f5f0e4;--color-forest:#123c2e;--color-forest-hover:#1a5a44;--color-moss:#6d8b61;--color-moss-hover:#5a784e;--color-lime:#b8e14b;--color-lime-hover:#c8ea5a;--color-coral:#e98269;--border-subtle:#ded8ca;--border-strong:#c5bda8;--shadow-sm:0 2px 8px rgba(18,60,46,.06);--shadow-md:0 8px 28px rgba(18,60,46,.08);--shadow-lg:0 16px 48px rgba(18,60,46,.1);--shadow-modal:0 24px 64px rgba(18,60,46,.16);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--header-blur:blur(12px)}[data-theme=light]{--bg-body:#f7f2e8;--bg-surface:#fffdf7;--bg-surface-alt:#f3efe6;--bg-elevated:#fff;--bg-input:#f7f2e8;--bg-header:rgba(255,253,247,.92);--bg-overlay:rgba(0,0,0,.35);--text-primary:#123c2e;--text-secondary:#46574e;--text-muted:#7a8a7e;--text-inverse:#f5f0e4;--color-forest:#123c2e;--color-forest-hover:#1a5a44;--color-moss:#6d8b61;--color-moss-hover:#5a784e;--color-lime:#b8e14b;--color-lime-hover:#c8ea5a;--color-coral:#e98269;--border-subtle:#ded8ca;--border-strong:#c5bda8;--shadow-sm:0 2px 8px rgba(18,60,46,.06);--shadow-md:0 8px 28px rgba(18,60,46,.08);--shadow-lg:0 16px 48px rgba(18,60,46,.1);--shadow-modal:0 24px 64px rgba(18,60,46,.16)}[data-theme=dark]{--bg-body:#1a1e1b;--bg-surface:#242a26;--bg-surface-alt:#2d342f;--bg-elevated:#1e241f;--bg-input:#2d342f;--bg-header:rgba(36,42,38,.94);--bg-overlay:rgba(0,0,0,.6);--text-primary:#e8ede4;--text-secondary:#b8c4b8;--text-muted:#8a9a8a;--text-inverse:#1a1e1b;--color-forest:#7aaa7a;--color-forest-hover:#9ac89a;--color-moss:#8fbc8f;--color-moss-hover:#a8d0a8;--color-lime:#b8e14b;--color-lime-hover:#c8ea5a;--color-coral:#e98269;--border-subtle:#3d4a3d;--border-strong:#5a6b5a;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 28px rgba(0,0,0,.4);--shadow-lg:0 16px 48px rgba(0,0,0,.5);--shadow-modal:0 24px 64px rgba(0,0,0,.6)}[x-cloak]{display:none!important}:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}::-moz-selection{background:var(--color-lime);color:#000}::selection{background:var(--color-lime);color:#000}@media (pointer:fine){::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-moss)}}.font-display,h1,h2,h3,h4,h5{color:var(--text-primary);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.2}.app-shell{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden}.main-content{flex:1;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px))}@media (min-width:1024px){.main-content{padding-bottom:0}}.container,.section-container,.view-container{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:1.25rem;padding-right:1.25rem}.view-container-narrow{max-width:860px}@media (min-width:640px){.container,.section-container,.view-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.container,.section-container,.view-container{padding-left:2.5rem;padding-right:2.5rem}}.app-header{backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);background:var(--bg-header);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;transition:background .25s,border-color .25s;z-index:40}.header-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1440px;padding:.75rem 1.25rem}@media (min-width:640px){.header-inner{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.header-inner{padding-left:2.5rem;padding-right:2.5rem}}.brand{align-items:center;color:var(--color-forest);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;gap:.5rem;text-decoration:none}.brand-icon{font-size:1.5rem;line-height:1}.brand-name{color:var(--text-primary)}.desktop-navigation{align-items:center;display:none;font-size:.9rem;font-weight:500;gap:1.75rem}.desktop-navigation a{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;min-height:2.75rem;padding:.25rem 0;position:relative;text-decoration:none;transition:color .2s;white-space:nowrap}.desktop-navigation a:after{background:var(--color-forest);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.desktop-navigation a.active,.desktop-navigation a:hover{color:var(--text-primary)}.desktop-navigation a.active:after{width:100%}.desktop-more-wrap{display:inline-block;position:relative}.nav-more-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;font-weight:500;min-height:2.75rem;padding:0 .25rem;transition:color .2s}.nav-more-btn:hover{color:var(--text-primary)}.desktop-more-menu{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);z-index:50}.menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:block;font-family:var(--font-body);font-size:.9rem;min-height:2.75rem;padding:.6rem 1.25rem;text-align:left;transition:background .15s,color .15s;width:100%}.menu-item:hover{background:var(--bg-surface-alt);color:var(--text-primary)}@media (min-width:1024px){.desktop-navigation{display:flex}}.header-actions{gap:.25rem}.header-actions,.icon-button{align-items:center;display:flex;flex-shrink:0}.icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:1.25rem;height:2.75rem;justify-content:center;position:relative;transition:background .2s,color .2s;width:2.75rem}.icon-button:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.favorites-badge{align-items:center;background:var(--color-coral);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.6rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:0 .25rem;position:absolute;right:-2px;top:-2px}.theme-toggle{font-size:1.15rem}.global-search{margin:0 auto;max-width:1440px;padding:.5rem 1.25rem 1rem;position:relative;z-index:45}@media (min-width:640px){.global-search{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.global-search{padding-left:2.5rem;padding-right:2.5rem}}.search-field{align-items:center;background:var(--bg-input);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;min-height:3.25rem;padding:.25rem;position:relative;transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:var(--color-moss);box-shadow:0 0 0 3px rgba(109,139,97,.15)}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:1rem;line-height:1;padding:0 .75rem 0 1rem}.search-input{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:var(--font-body);font-size:1rem;min-width:0;outline:none;padding:.6rem 0}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-clear{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;line-height:1;min-height:2.75rem;min-width:2.75rem;padding:0 .75rem;transition:color .2s}.search-clear:hover{color:var(--text-primary)}.search-submit{border-radius:var(--radius-full);flex-shrink:0;font-size:.95rem;margin-left:.25rem;min-height:2.75rem;padding:.4rem 1.25rem}.search-results{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:.75rem;max-height:320px;overflow-y:auto;padding:.75rem;position:relative;z-index:50}.search-result-group{margin-bottom:1rem}.search-result-group:last-child{margin-bottom:0}.search-result-group h4{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.04em;margin-bottom:.4rem;padding-bottom:.25rem;text-transform:uppercase}.search-result-item{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;text-align:left;transition:background .15s,color .15s;width:100%}.search-result-item:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.search-empty{color:var(--text-muted);font-size:.9rem;padding:1.5rem 0;text-align:center}.primary-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-forest);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:3rem;min-width:3rem;padding:.7rem 2rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.primary-button:hover{background:var(--color-forest-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.primary-button:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.primary-button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.5;transform:none!important}.primary-button:disabled:hover{background:var(--color-forest);box-shadow:var(--shadow-sm);transform:none}[data-theme=dark] .primary-button{background:var(--color-forest);color:var(--text-inverse)}[data-theme=dark] .primary-button:hover{background:var(--color-forest-hover)}.secondary-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1.5px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:3rem;min-width:3rem;padding:.7rem 2rem;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.secondary-button:hover{background:var(--bg-surface-alt);border-color:var(--color-forest)}.secondary-button:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.secondary-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.secondary-button:disabled:hover{background:transparent;border-color:var(--border-strong);transform:none}.text-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-moss);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:500;gap:.25rem;min-height:2.75rem;padding:.5rem .25rem;transition:color .2s}.text-button:hover{color:var(--color-forest);text-decoration:underline}.filter-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface-alt);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8rem;font-weight:500;min-height:2.75rem;padding:.4rem 1rem;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.filter-chip.active,[data-theme=dark] .filter-chip.active{background:var(--color-forest);border-color:var(--color-forest);color:var(--text-inverse)}.filter-chip:disabled{cursor:not-allowed;opacity:.4}.filter-clear{background:transparent;border-color:var(--border-subtle);color:var(--color-coral)}.filter-clear:hover{border-color:var(--color-coral);color:var(--color-coral)}.filter-clear.active{background:var(--color-coral);border-color:var(--color-coral);color:#fff}.tab-bar{border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;margin-top:1.5rem;padding-bottom:.25rem}.tab-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.85rem;font-weight:500;min-height:2.75rem;padding:.4rem 1.25rem;transition:all .2s;white-space:nowrap}.tab-button:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.tab-button.active,[data-theme=dark] .tab-button.active{background:var(--color-forest);color:var(--text-inverse)}.section{padding:3rem 0}.section-swaps{background:var(--bg-surface)}.section-comparison{background:var(--bg-surface-alt)}.section-featured{background:var(--bg-surface)}.section-resources{background:var(--bg-surface-alt)}.section-features{background:var(--bg-surface)}.section-cta{background:var(--bg-surface-alt)}.section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem}@media (min-width:640px){.section-title{font-size:2rem}}.section-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;margin-top:.25rem}.hero{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:2.5rem 0}@media (min-width:768px){.hero{padding:3rem 0}}@media (min-width:1024px){.hero{padding:4rem 0}}.hero-layout{display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1440px;padding:0 1.25rem}.hero-layout>*{min-width:0}@media (min-width:1024px){.hero-layout{align-items:center;gap:3rem;grid-template-columns:1fr 1fr}}@media (min-width:1280px){.hero-layout{gap:4rem;padding:0 2.5rem}}.hero-copy{display:flex;flex-direction:column;gap:1rem}.hero-headline{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);line-height:1.1;max-width:14ch}.hero-subhead{color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.35rem);max-width:40ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}@media (max-width:479px){.hero-actions .primary-button,.hero-actions .secondary-button{justify-content:center;width:100%}}.hero-search{margin-top:.5rem}.hero-search .search-field{background:var(--bg-elevated)}@media (max-width:479px){.hero-search .search-field{background:var(--bg-elevated);border-radius:var(--radius-md);flex-wrap:wrap;padding:.5rem}.hero-search .search-input{flex:1 1 100%;padding:.5rem 0}.hero-search .search-submit{flex:1 1 100%;justify-content:center;margin-left:0;margin-top:.25rem}}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hero-tags .tag{cursor:pointer;transition:border-color .2s,background .2s}.hero-tags .tag:hover{background:var(--bg-surface-alt);border-color:var(--color-moss)}.hero-visual{justify-self:center;min-width:0;width:min(100%,680px)}.hero-image{border-radius:24px;box-shadow:var(--shadow-lg);display:block;height:clamp(320px,36vw,520px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (min-width:600px) and (max-width:1023px){.hero-visual{width:min(100%,520px)}.hero-image{height:320px}}.swap-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.swap-grid>*{min-width:0}@media (min-width:600px){.swap-grid{gap:1.25rem}}@media (min-width:1024px){.swap-grid{gap:1.5rem;grid-template-columns:repeat(5,1fr)}}.swap-card{align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);justify-content:flex-end;min-height:130px;padding:1.25rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%}.swap-card:hover{border-color:var(--color-moss);box-shadow:var(--shadow-md);transform:translateY(-4px)}.swap-card:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.swap-icon{font-size:2rem;line-height:1;margin-bottom:.5rem}.swap-label{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.swap-action{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.comparison-grid{display:grid;gap:1.5rem}.comparison-grid>*{min-width:0}@media (min-width:1024px){.comparison-grid{align-items:center;gap:2rem;grid-template-columns:1fr 1fr}}.comparison-card{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center}.comparison-target{background:rgba(184,225,75,.12);border-color:var(--color-lime)}[data-theme=dark] .comparison-target{background:rgba(184,225,75,.08)}.comparison-icon{display:block;font-size:3rem;line-height:1;margin-bottom:.5rem}.comparison-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.comparison-desc{color:var(--text-secondary);margin-top:.25rem}.comparison-arrow{color:var(--color-moss);display:block;font-size:2rem;margin-top:.75rem}.comparison-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.features-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.features-grid>*{min-width:0}@media (min-width:600px){.features-grid{gap:1rem}}@media (min-width:1024px){.features-grid{gap:1rem;grid-template-columns:repeat(6,1fr)}}.feature-card{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);justify-content:center;min-height:100px;padding:1.25rem .5rem;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:var(--color-moss);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.feature-card:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.feature-icon{display:block;font-size:2rem;line-height:1}.feature-label{color:var(--text-primary);font-family:var(--font-display);font-size:.85rem;margin-top:.25rem}.resources-grid{display:grid;gap:1.5rem}.resources-grid>*{min-width:0}@media (min-width:768px){.resources-grid{gap:2rem;grid-template-columns:1fr 1fr}}.resource-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem}.resource-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.35rem}.resource-desc{margin-top:.25rem}.resource-desc,.resource-list{color:var(--text-secondary);font-size:.95rem}.resource-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:1rem 0;padding:0}.resource-list li{align-items:center;display:flex;gap:.5rem}.bullet{color:var(--color-lime);font-size:.6rem}.resource-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.resource-link{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;min-height:2.75rem;padding:.6rem 1rem;text-align:left;text-decoration:none;transition:background .2s,border-color .2s,color .2s;width:100%}.resource-link:hover{background:var(--bg-surface);border-color:var(--color-moss);color:var(--text-primary)}.resource-link:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.section-cta{border-top:1px solid var(--border-subtle);padding:4rem 0;text-align:center}.cta-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem)}.cta-sub{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1.5rem;margin-top:.5rem}.view{padding:2rem 0}@media (min-width:768px){.view{padding:3rem 0}}.view-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.75rem)}.view-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:.25rem}.favorites-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.favorites-header .view-title{margin-bottom:0}.favorites-header .view-subtitle{margin-top:0}.explore-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.explore-controls .search-field{max-width:100%}.dietary-disclaimer{color:var(--text-muted);font-size:.75rem;line-height:1.5;margin-top:1rem}.product-grid{display:grid;gap:1rem;grid-template-columns:1fr}.product-grid>*{min-width:0}@media (min-width:480px) and (max-width:1023px){.product-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.product-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);min-height:120px;padding:1rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.product-card-body{align-items:center;display:flex;flex:1;gap:.75rem;min-width:0}.product-card-main{align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;gap:.25rem;min-width:0;padding:0;text-align:left;width:100%}.product-card-main:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}.product-card-favorite{display:flex;flex-direction:column;justify-content:space-between}.product-emoji{flex-shrink:0;font-size:2rem;line-height:1}.product-brand{font-size:.9rem;font-weight:600;word-break:break-word}.product-name{color:var(--text-muted);font-size:.8rem;word-break:break-word}.product-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.product-tags .tag{white-space:normal;word-break:break-word}.favorite-remove{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-coral);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.75rem;min-height:2.75rem;padding:.25rem 0;text-align:left;width:-moz-fit-content;width:fit-content}.favorite-remove:hover{text-decoration:underline}.favorite-remove:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}.recipe-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.recipe-grid>*{min-width:0}@media (min-width:600px) and (max-width:1023px){.recipe-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.recipe-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.recipe-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;width:100%}.recipe-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.recipe-card:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.recipe-media{align-items:center;background:var(--bg-surface-alt);display:flex;flex-shrink:0;height:140px;justify-content:center}@media (min-width:600px){.recipe-media{height:160px}}@media (min-width:1024px){.recipe-media{height:180px}}.recipe-visual{font-size:2.5rem;line-height:1}.recipe-body{display:flex;flex:1;flex-direction:column;gap:.25rem;padding:.75rem 1rem 1rem}.recipe-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:600}.recipe-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem 1rem}.learn-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.learn-item{border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.learn-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:flex;font-family:var(--font-body);justify-content:space-between;min-height:2.75rem;padding:.25rem 0;text-align:left;width:100%}.learn-toggle:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}.learn-title{color:var(--text-primary);flex:1;font-family:var(--font-display);font-size:1.15rem}.learn-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.2rem;margin-left:1rem;transition:transform .25s}.learn-arrow.rotate{transform:rotate(180deg)}.learn-content{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:.75rem}.learn-content p{margin-bottom:.75rem}.learn-content ol,.learn-content ul{margin-bottom:.75rem;padding-left:1.5rem}.learn-content li{margin-bottom:.25rem}.learn-content strong{color:var(--text-primary)}.animals-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.animal-count{color:var(--text-muted);font-size:.85rem}.animal-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.animal-grid>*{min-width:0}@media (min-width:600px) and (max-width:1023px){.animal-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.animal-grid{grid-template-columns:repeat(3,1fr)}}.animal-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);min-height:150px;padding:1.25rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%}.animal-card:hover{border-color:var(--color-moss);box-shadow:var(--shadow-md);transform:translateY(-3px)}.animal-card:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px}.animal-emoji{font-size:2.5rem;line-height:1}.animal-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-top:.25rem}.animal-summary{color:var(--text-secondary);flex:1;font-size:.9rem;margin-top:.25rem}.animal-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem 1rem;margin-top:.75rem}.sensitive-badge{align-items:center;background:var(--color-coral);border-radius:var(--radius-full);color:#27130e;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;letter-spacing:.03em;padding:.1rem .6rem;text-transform:uppercase}[data-theme=dark] .sensitive-badge{color:#fff}.progress-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem 1.5rem}.progress-header{align-items:center;display:flex;font-weight:500;justify-content:space-between}.progress-label{color:var(--text-secondary)}.progress-value{color:var(--text-primary);font-weight:600}.progress-bar{background:var(--bg-surface-alt);height:.5rem;margin-top:.5rem;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--color-lime);height:100%;transition:width .4s ease}.task-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.task-item{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s,border-color .2s}.task-item:hover{background:var(--bg-surface-alt)}.task-checkbox{accent-color:var(--color-lime);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:1.1rem;margin-top:.2rem;width:1.1rem}.task-label{color:var(--text-secondary);flex:1;font-size:.95rem}.task-label.done{color:var(--text-muted);text-decoration:line-through}.everyday-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}.everyday-grid>*{min-width:0}@media (min-width:600px) and (max-width:1023px){.everyday-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.everyday-grid{grid-template-columns:repeat(3,1fr)}}.everyday-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.everyday-item{align-items:center;display:flex;gap:.75rem}.everyday-emoji{flex-shrink:0;font-size:1.75rem;line-height:1}.everyday-name{font-size:.95rem;font-weight:600}.everyday-desc{color:var(--text-muted);font-size:.8rem}.everyday-tags{display:flex;flex-wrap:wrap;gap:.25rem}.location-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.4rem;margin-top:1rem}.location-desc{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.ingredient-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}.ingredient-grid>*{min-width:0}@media (min-width:768px){.ingredient-grid{grid-template-columns:repeat(2,1fr)}}.ingredient-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem}.ingredient-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.ingredient-name{color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;font-weight:600}.ingredient-aliases{color:var(--text-muted);font-size:.75rem;margin-left:.4rem}.ingredient-found,.ingredient-source{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.ingredient-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tag{align-items:center;background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.2rem .7rem;white-space:nowrap}.tag-lime{background:var(--color-lime);border-color:var(--color-lime);color:#000}.tag-coral{background:var(--color-coral);border-color:var(--color-coral);color:#27130e}[data-theme=dark] .tag-coral{color:#fff}.tag-high-protein{background:var(--color-lime);border-color:var(--color-lime);color:#000}.nutrient-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.nutrient-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.nutrient-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.2rem}.nutrient-desc{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.nutrient-details{display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1fr;margin-top:.75rem}@media (min-width:768px){.nutrient-details{grid-template-columns:1fr 1fr}}.nutrient-label{color:var(--text-secondary);font-weight:600}.nutrient-disclaimer{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;margin-top:.75rem;padding:.5rem .75rem}.nutrition-note{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;padding:1rem 1.25rem}.nutrition-note-strong{color:var(--text-primary);font-weight:600}.about-content{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:1.5rem}.about-content p{margin-bottom:1rem}.about-content hr{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.about-content strong{color:var(--text-primary)}.about-disclaimer{color:var(--text-muted);font-size:.8rem;margin-top:1rem}.empty-state{color:var(--text-muted);font-size:1rem;padding:3rem 1rem;text-align:center}.empty-state span{display:block;font-size:3rem;margin-bottom:.5rem}.empty-text{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;margin-top:.75rem}.filter-row .filter-chip{flex-shrink:0}.modal-overlay{align-items:flex-end;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:100}@media (min-width:1024px){.modal-overlay{align-items:center;padding:1.5rem}}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-modal);margin-top:auto;max-width:100%;overflow-y:auto;padding:1.5rem;transition:background .25s;width:100%}@media (min-width:1024px){.modal-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:0;max-width:640px;padding:2rem}}.modal-panel-wide{max-width:900px}.modal-close{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;float:right;font-size:1.75rem;justify-content:center;line-height:1;min-height:2.75rem;min-width:2.75rem;padding:.25rem;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-close:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}.modal-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-subtle);gap:.25rem;margin:1rem 0 1.25rem;padding-bottom:.25rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.modal-tabs::-webkit-scrollbar{display:none;height:0;width:0}.modal-tab{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:var(--font-body);font-size:.85rem;font-weight:500;min-height:2.75rem;min-height:44px;padding:.4rem 1rem;scroll-snap-align:start;transition:color .2s,border-color .2s;white-space:nowrap}.modal-tab:hover{color:var(--text-primary)}.modal-tab:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:-2px}.modal-tab.active,[data-theme=dark] .modal-tab.active{border-bottom-color:var(--color-forest);color:var(--color-forest)}@media (max-width:1023px){.modal-tabs{flex-wrap:wrap;gap:.5rem .25rem;justify-content:center;overflow:visible;scroll-behavior:auto;scroll-snap-type:none}.modal-tab{flex:0 1 auto;min-height:44px;padding:.4rem .75rem;scroll-snap-align:none;white-space:nowrap}}.modal-body{animation:modalFade .2s ease;display:none}.modal-body.active{display:block}@keyframes modalFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-text{color:var(--text-secondary);line-height:1.6}.modal-subtitle{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;margin-bottom:.5rem;margin-top:1.25rem}.modal-list{color:var(--text-secondary);font-size:.9rem;list-style:disc;padding-left:1.5rem}.modal-list li{margin-bottom:.25rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.animal-detail-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.animal-detail-emoji{flex-shrink:0;font-size:3rem;line-height:1}.animal-detail-name{color:var(--text-primary);font-family:var(--font-display);font-size:1.6rem}.animal-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.detail-grid{display:grid;gap:.6rem;grid-template-columns:1fr}.detail-grid>*{min-width:0}@media (min-width:1024px){.detail-grid{gap:.75rem 1.5rem;grid-template-columns:1fr 1fr}}.detail-row{align-items:baseline;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:.5rem;min-width:0}.detail-label{color:var(--text-primary);flex-shrink:0;font-weight:600}.detail-row span:last-child{min-width:0;overflow-wrap:break-word;word-break:normal}.use-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.use-card{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem}.use-title{color:var(--text-primary);font-size:1rem;font-weight:600}.use-summary{color:var(--text-secondary);font-size:.9rem;margin-top:.15rem}.use-tags{flex-wrap:wrap;gap:.25rem}.ingredient-list,.use-tags{display:flex;margin-top:.5rem}.ingredient-list{flex-direction:column;gap:.5rem}.ingredient-row{align-items:center;background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.ingredient-row .ingredient-name{font-family:var(--font-mono);font-size:.9rem;font-weight:500}.ingredient-row-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ingredient-found-in{color:var(--text-muted);font-size:.75rem}.alt-grid{display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:.5rem}@media (min-width:600px){.alt-grid{grid-template-columns:1fr 1fr}}.alt-card{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem}.alt-name{color:var(--text-primary);font-weight:600}.alt-desc{font-size:.85rem;margin-top:.1rem}.alt-desc,.alt-placeholder{color:var(--text-secondary)}.alt-placeholder{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.95rem;margin-top:.5rem;padding:1rem}.alt-tip{color:var(--text-primary);font-weight:600}.alt-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}@media (max-width:479px){.alt-actions .secondary-button{justify-content:center;width:100%}}.source-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.source-card{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem}.source-title{color:var(--text-primary);font-weight:600}.source-org{color:var(--text-secondary);font-size:.85rem}.source-date{color:var(--text-muted);font-size:.75rem}.source-link{color:var(--color-moss);display:inline-block;font-size:.9rem;margin-top:.25rem;text-decoration:none}.source-link:hover{text-decoration:underline}.product-detail-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.product-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.product-detail-desc{color:var(--text-secondary);margin:.75rem 0}.product-detail-grid{display:grid;gap:.5rem 1rem;grid-template-columns:1fr 1fr}.product-detail-grid,.product-detail-meta{color:var(--text-secondary);font-size:.9rem}.product-detail-meta{margin-top:.25rem}.product-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}@media (max-width:479px){.product-detail-actions .secondary-button{justify-content:center;width:100%}}.recipe-detail-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.recipe-detail-desc{color:var(--text-secondary);margin-top:.25rem}.recipe-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem}.recipe-detail-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.recipe-detail-grid>*{min-width:0}@media (min-width:1024px){.recipe-detail-grid{gap:2rem;grid-template-columns:1fr 1fr}}.recipe-detail-subtitle{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;margin-bottom:.5rem}.recipe-ingredient-list{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:.4rem;list-style:none;padding:0}.recipe-ingredient-list li{align-items:center;display:flex;gap:.5rem}.recipe-ingredient-list .task-checkbox{margin-top:0}.recipe-instruction-list{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:.4rem;padding-left:1.25rem}.ingredient-detail-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.ingredient-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.ingredient-detail-grid{color:var(--text-secondary);display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1fr}.ingredient-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}@media (max-width:479px){.ingredient-detail-actions .secondary-button{justify-content:center;width:100%}}.checker-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.checker-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.checker-textarea{background:var(--bg-input);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;margin-top:1rem;min-height:120px;padding:.75rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.checker-textarea:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px rgba(109,139,97,.15);outline:none}.checker-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.checker-actions .text-button{align-self:center}@media (max-width:479px){.checker-actions .primary-button,.checker-actions .secondary-button{justify-content:center;width:100%}}.checker-results{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.checker-result{align-items:center;background:var(--bg-surface-alt);border-left:4px solid transparent;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem 1rem;padding:.5rem .75rem}.checker-result.animal{background:rgba(233,130,105,.08);border-left-color:var(--color-coral)}.checker-result.usually{background:rgba(232,184,74,.08);border-left-color:#e8b84a}.checker-result.maybe{background:rgba(138,155,168,.08);border-left-color:#8a9ba8}.checker-result.clear{background:rgba(109,139,97,.08);border-left-color:var(--color-moss)}.checker-result.unknown{background:var(--bg-surface-alt);border-left-color:var(--border-strong)}.checker-result-term{color:var(--text-primary);flex:1 1 auto;font-family:var(--font-mono);font-weight:500;min-width:100px}.checker-result-status{border-radius:var(--radius-full);flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.1rem .6rem;text-transform:uppercase}.checker-result-status.animal{background:var(--color-coral);color:#27130e}[data-theme=dark] .checker-result-status.animal{color:#fff}.checker-result-status.usually{background:#e8b84a;color:#27130e}[data-theme=dark] .checker-result-status.usually{color:#fff}.checker-result-status.maybe{background:#8a9ba8;color:#fff}.checker-result-status.clear{background:var(--color-moss);color:var(--text-inverse)}.checker-result-status.unknown{background:var(--border-strong);color:var(--text-inverse)}.checker-result-note{color:var(--text-muted);flex:1 1 100%;font-size:.8rem}@media (min-width:600px){.checker-result-note{flex:0 1 auto}}.checker-disclaimer{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;margin-top:1rem;padding:.75rem 1rem}.checker-disclaimer span{display:inline-block;margin-right:.25rem}.bottom-navigation{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-surface);border-top:1px solid var(--border-subtle);bottom:0;display:flex;justify-content:space-around;left:0;padding:.4rem 0 env(safe-area-inset-bottom,.5rem);position:fixed;right:0;z-index:50}.bottom-nav-item{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);font-size:.6rem;font-weight:500;gap:1px;justify-content:center;min-height:2.75rem;min-width:3rem;padding:.25rem .5rem;position:relative;transition:color .2s}.bottom-nav-item .nav-icon{font-size:1.2rem;line-height:1}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-item.active:after{background:var(--color-forest);border-radius:0 0 4px 4px;content:"";height:3px;left:30%;position:absolute;top:-2px;width:40%}.bottom-nav-item:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-lime);outline-offset:2px}@media (min-width:1024px){.bottom-navigation{display:none!important}}.more-drawer{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px));box-shadow:var(--shadow-lg);display:block;min-width:180px;opacity:0;padding:.5rem;pointer-events:none;position:fixed;right:.75rem;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;visibility:hidden;z-index:49}.more-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.more-drawer button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.85rem;gap:.75rem;min-height:2.75rem;padding:.6rem 1rem;text-align:left;transition:background .15s,color .15s;width:100%}.more-drawer button:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.more-drawer button:focus-visible{outline:3px solid var(--color-lime);outline-offset:-2px}.more-drawer .drawer-icon{font-size:1.1rem;line-height:1}@media (min-width:1024px){.more-drawer{display:none!important}}.app-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75rem;margin-top:1rem;padding:2rem 1.25rem;text-align:center}@media (max-width:1023px){.app-footer{padding-bottom:calc(5rem + env(safe-area-inset-bottom, 0px))}}.footer-disclaimer{font-size:.7rem;margin-top:.25rem}.toast-container{bottom:calc(5.5rem + env(safe-area-inset-bottom, 0px));left:50%;max-width:90vw;pointer-events:none;position:fixed;transform:translateX(-50%);width:auto;z-index:999}@media (min-width:768px){.toast-container{bottom:2rem}}@media (min-width:1024px){.toast-container{bottom:2rem}}.toast{animation:toastIn .35s ease forwards;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.skip-link{background:var(--color-forest);border-radius:var(--radius-sm);color:var(--text-inverse);font-weight:600;left:1rem;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-1000px;z-index:9999}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.line-through{text-decoration:line-through}.rotate-180{transform:rotate(180deg)}@media (min-width:768px) and (max-width:1023px){.toast-container{bottom:calc(5.5rem + env(safe-area-inset-bottom, 0px))}}.modal-panel{max-height:92vh;max-height:92dvh;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px))}@media (min-width:1024px){.modal-panel{padding-bottom:2rem}}@media (max-width:479px){.hero-search .search-field{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr)}.hero-search .search-icon{grid-column:1;grid-row:1}.hero-search .search-input{grid-column:2;grid-row:1;min-width:0}.hero-search .search-submit{grid-column:1/-1;grid-row:2;width:100%}}@media (max-width:599px){.product-detail-grid{grid-template-columns:1fr}}.status-certified{background:var(--color-lime);border-color:var(--color-lime);color:#102117}.status-labeled{background:rgba(184,225,75,.22);border-color:var(--color-lime);color:var(--text-primary)}.status-verify{background:rgba(232,184,74,.2);border-color:#c99525;color:var(--text-primary)}.status-unknown{background:var(--bg-surface-alt);border-color:var(--border-strong);color:var(--text-secondary)}.animal-detail-tags .tag,.ingredient-detail-tags .tag,.modal-tags .tag,.product-detail-tags .tag{max-width:100%;overflow-wrap:break-word;white-space:normal}[data-theme=dark] button.primary-button,[data-theme=light] button.primary-button{background-color:var(--color-forest);color:var(--text-inverse)}[data-theme=dark] button.primary-button:hover,[data-theme=light] button.primary-button:hover{background-color:var(--color-forest-hover)}@media (max-width:1023px){.modal-overlay{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;overflow:hidden;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));width:100%}.modal-panel{margin:0;max-height:calc(100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-width:900px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0px))}}.resources-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.resource-count{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.resource-safety-note{background:color-mix(in srgb,var(--color-moss) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--color-moss) 28%,transparent);border-radius:1rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem;padding:1rem 1.1rem}.resource-search{max-width:42rem}.resource-filters{margin:1rem 0 1.25rem;overflow-x:auto;padding-bottom:.25rem}.resource-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.external-resource-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:1.15rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;padding:1.15rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.external-resource-card:hover{border-color:color-mix(in srgb,var(--color-moss) 40%,var(--border-subtle));box-shadow:var(--shadow-md);transform:translateY(-2px)}.external-resource-card.resource-graphic{border-color:color-mix(in srgb,#d96c5a 45%,var(--border-subtle))}.resource-card-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.resource-emoji{font-size:1.65rem}.resource-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.resource-badge{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:.28rem .48rem}.resource-free{color:var(--color-moss)}.resource-warning-badge{background:color-mix(in srgb,#d96c5a 10%,var(--bg-surface));border-color:color-mix(in srgb,#d96c5a 42%,var(--border-subtle));color:#b84130}.resource-card-title{color:var(--text-primary);font-size:1.08rem;line-height:1.25;margin:.85rem 0 .25rem}.resource-creator{color:var(--text-muted);font-size:.78rem;margin:0 0 .7rem}.resource-description{color:var(--text-secondary);font-size:.88rem;line-height:1.55;margin:0}.resource-content-warning{background:color-mix(in srgb,#d96c5a 9%,var(--bg-surface-alt));border-radius:.7rem;color:var(--text-secondary);font-size:.78rem;line-height:1.45;margin-top:.8rem;padding:.7rem}.resource-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0}.resource-tags span{background:var(--bg-surface-alt);border-radius:.45rem;color:var(--text-muted);font-size:.68rem;padding:.24rem .42rem}.resource-open-link{align-items:center;border-top:1px solid var(--border-subtle);color:var(--color-moss);display:flex;font-weight:700;gap:.6rem;justify-content:space-between;margin-top:auto;padding-top:.8rem;text-decoration:none}.resource-open-link:hover{text-decoration:underline}.resource-disclaimer{color:var(--text-muted);font-size:.78rem;line-height:1.5;margin:1.4rem auto 0;max-width:52rem;text-align:center}@media(max-width:960px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.resources-heading{align-items:flex-start;flex-direction:column}.resource-grid{grid-template-columns:1fr}.external-resource-card{padding:1rem}}.context-resources{border-top:1px solid var(--border-subtle);display:grid;gap:.5rem;margin-top:1rem;padding-top:.9rem}.context-resource-heading{color:var(--text-muted);font-size:.76rem;font-weight:800;letter-spacing:.045em;margin-bottom:.1rem;text-transform:uppercase}.context-resource-link{align-items:center;background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:grid;gap:.65rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.68rem .75rem;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.context-resource-link:hover{border-color:var(--color-moss);transform:translateY(-1px)}.context-resource-link strong{display:block;font-size:.82rem;line-height:1.25}.context-resource-link small{color:var(--text-muted);display:block;font-size:.68rem;line-height:1.3;margin-top:.14rem}.context-resources-learn{margin:0 1rem 1rem}.journey-resources{margin-top:1.25rem}.nutrient-resources{margin-top:.9rem}.animal-context-resources,.product-context-resources{margin-top:1rem}.card-photo-fallback{z-index:0}.card-photo-wrap{background:linear-gradient(135deg,var(--bg-surface-alt),var(--bg-elevated));isolation:isolate;overflow:hidden;position:relative}.card-photo-fallback{display:grid!important;font-size:2.2rem;inset:0;place-items:center;position:absolute;z-index:-1}.card-photo{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .35s ease;width:100%;z-index:1}.product-card-visual{overflow:hidden;padding:0 0 1rem;text-align:left}.product-card-visual>.product-brand,.product-card-visual>.product-name,.product-card-visual>.product-tags{margin-left:1rem;margin-right:1rem}.product-card-visual>.product-brand{margin-top:.85rem}.product-card-visual .card-photo-wrap{height:9.5rem;width:100%}.animal-card-visual:hover .card-photo,.external-resource-card-visual:hover .card-photo,.product-card-visual:hover .card-photo,.recipe-card:hover .card-photo{transform:scale(1.035)}.recipe-media.card-photo-wrap{height:11rem}.animal-card-visual{overflow:hidden;padding:0 0 1rem}.animal-card-visual>.animal-meta,.animal-card-visual>.animal-name,.animal-card-visual>.animal-summary{margin-left:1rem;margin-right:1rem}.animal-card-visual>.animal-name{margin-top:.85rem}.animal-photo{height:11rem;width:100%}.external-resource-card-visual{overflow:hidden;padding:0}.external-resource-card-visual>.resource-card-title,.external-resource-card-visual>.resource-card-top,.external-resource-card-visual>.resource-content-warning,.external-resource-card-visual>.resource-creator,.external-resource-card-visual>.resource-description,.external-resource-card-visual>.resource-open-link,.external-resource-card-visual>.resource-tags{margin-left:1.15rem;margin-right:1.15rem}.external-resource-card-visual>.resource-card-top{margin-top:.9rem}.external-resource-card-visual>.resource-open-link{margin-bottom:1.1rem}.resource-photo{height:10.5rem}.resource-image-warning{background:rgba(25,20,18,.84);border-radius:999px;bottom:.65rem;color:#fff;font-size:.68rem;font-weight:800;left:.65rem;padding:.32rem .5rem;position:absolute;z-index:2}.resource-card-top>.resource-emoji{display:none}@media(max-width:640px){.product-card-visual .card-photo-wrap{height:8.5rem}.animal-photo,.recipe-media.card-photo-wrap{height:10rem}}.favorite-product-photo{border-radius:.75rem;height:4.5rem;min-width:4.5rem;width:4.5rem}.product-detail-photo{border-radius:1rem;height:18rem;margin:0 0 1.25rem;width:100%}@media(max-width:640px){.product-detail-photo{height:13rem}}