:root{--bg:#111614;--panel:#1c2521d6;--gold:#c7a96b;--text:#f6f1e8;--muted:#aeb7ae;--green:#4f695a;--burgundy:#5c2630}body{color:var(--text);background:radial-gradient(circle at 80% 10%,#5c26308c,#0000 32%),radial-gradient(circle at 10% 90%,#4f695a80,#0000 35%),#111614;margin:0;font-family:Inter,Arial,sans-serif;position:relative}body:before,body:after{content:"";opacity:.16;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:contain;width:280px;height:280px;position:fixed}body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23c7a96b' stroke-width='1.2'%3E%3Cpath d='M10 20 Q60 10 90 50 Q120 90 100 140'/%3E%3Cpath d='M20 30 Q35 25 45 40 Q35 45 20 30Z'/%3E%3Cpath d='M40 55 Q58 48 68 65 Q56 70 40 55Z'/%3E%3Cpath d='M60 85 Q80 78 90 95 Q76 100 60 85Z'/%3E%3Cpath d='M75 115 Q95 110 104 128 Q90 132 75 115Z'/%3E%3C/svg%3E");top:-40px;left:-50px;transform:rotate(-10deg)}body:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23c7a96b' stroke-width='1.2'%3E%3Cpath d='M10 20 Q60 10 90 50 Q120 90 100 140'/%3E%3Cpath d='M20 30 Q35 25 45 40 Q35 45 20 30Z'/%3E%3Cpath d='M40 55 Q58 48 68 65 Q56 70 40 55Z'/%3E%3Cpath d='M60 85 Q80 78 90 95 Q76 100 60 85Z'/%3E%3Cpath d='M75 115 Q95 110 104 128 Q90 132 75 115Z'/%3E%3C/svg%3E");bottom:-40px;right:-50px;transform:rotate(170deg)}.app-shell{z-index:1;min-height:100vh;padding:24px;position:relative}.hero{background:var(--panel);border:1px solid #c7a96b40;border-radius:32px;padding:28px;box-shadow:0 24px 70px #00000073}.nutrient-hero-image{aspect-ratio:1;object-fit:cover;border:1px solid #c7a96b59;border-radius:24px;width:100%;max-width:320px;margin:18px 0;display:block;box-shadow:0 18px 45px #00000080,inset 0 1px 1px #ffffff0f}.scan-preview{border:1px solid #c7a96b59;border-radius:20px;width:100%;max-width:320px;margin:18px 0;display:block}.scan-upload-label{color:var(--gold);cursor:pointer;text-align:center;border:1px dashed #c7a96b8c;border-radius:16px;margin:12px 0;padding:16px 24px;display:inline-block}.scan-upload-label input{display:none}.scan-analyze-button{color:var(--gold);cursor:pointer;background:#c7a96b24;border:1px solid #c7a96b8c;border-radius:999px;margin:8px 0;padding:12px 28px;font-family:inherit;font-size:15px}.scan-analyze-button:disabled{opacity:.5;cursor:not-allowed}.scan-ingredient-row{border-bottom:1px solid #c7a96b26;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.scan-ingredient-row:last-child{border-bottom:none}.scan-error{color:#e39b9b}.serious-illness-warning{color:var(--text);background:#5c263059;border:1.5px solid #e39b9b99;border-radius:20px;margin:18px 0;padding:18px 22px;font-size:14.5px;line-height:1.5}.serious-illness-warning strong{color:#e39b9b}.top-line{justify-content:space-between;align-items:center;display:flex}.brand-mark,.language{color:var(--gold);border:1px solid #c7a96b66;border-radius:999px;padding:10px 14px}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-top:42px;font-size:12px}h1{margin:14px 0;font-family:Georgia,serif;font-size:clamp(48px,10vw,96px);font-weight:400;line-height:.9}.subtitle{color:var(--muted);max-width:640px;line-height:1.7}.search-box{background:#111614b8;border:1px solid #c7a96b59;border-radius:999px;align-items:center;gap:12px;min-height:58px;margin-top:30px;padding:0 18px;display:flex}.search-box span{color:var(--gold);font-size:24px}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:var(--muted)}.category-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.category-card{background:linear-gradient(145deg,#4f695a3d,#5c26302e),#1c2521c2;border:1px solid #c7a96b38;border-radius:28px;min-height:180px;padding:22px;position:relative}.category-icon{width:56px;height:56px;color:var(--gold);background:radial-gradient(circle at 30% 25%,#e9d9b338,#0000 60%),radial-gradient(circle at 70% 75%,#c7a96b1f,#0000 65%);border:1px solid #c7a96b8c;border-radius:50%;place-items:center;font-size:24px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:inset 0 1px 2px #ffffff1f,inset 0 -2px 6px #0000004d}.category-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.category-card:hover .category-icon{transform:scale(1.06);box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -2px 6px #00000040,0 0 18px #c7a96b40}.category-card h2{color:var(--text);margin:24px 0 6px;font-family:Georgia,serif;font-weight:400}.category-card p{color:var(--muted);margin:0}.arrow{color:var(--gold);font-size:24px;position:absolute;bottom:20px;right:22px}.vitamins-page{max-width:1240px;margin:0 auto}.vitamins-hero{background:linear-gradient(145deg,#4f695a2e,#1c2521eb);border:1px solid #c7a96b40;border-radius:32px;padding:32px 28px 36px;box-shadow:0 24px 70px #00000073}.vitamins-title{color:var(--text);margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(44px,7vw,72px);font-weight:400;line-height:.95}.vitamins-subtitle{color:var(--muted);margin:0;font-size:1.04rem;line-height:1.7}.vitamins-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:24px;display:grid}.vitamin-card{cursor:pointer;background:linear-gradient(145deg,#4f695a33,#5c263029),#1c2521cc;border:1px solid #c7a96b47;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:inset 0 1px #ffffff0a}.vitamin-card:hover{border-color:#c7a96ba8;transform:translateY(-6px);box-shadow:0 18px 42px #00000059}.vitamin-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.vitamin-badge{width:54px;height:54px;color:var(--gold);border:1px solid #c7a96b8c;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:26px;display:grid}.vitamin-card h3{color:var(--text);margin:14px 0 8px;font-family:Georgia,serif;font-size:1.1rem;font-weight:400}.vitamin-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.vitamin-detail-card{background:linear-gradient(145deg,#4f695a2e,#1c2521eb);border:1px solid #c7a96b40;border-radius:32px;padding:32px 28px 36px;box-shadow:0 24px 70px #00000073}.detail-back-link{color:var(--gold);border:1px solid #c7a96b66;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.detail-back-link:hover{background:#c7a96b1a;transform:translate(-3px)}.vitamin-hero-band{align-items:center;gap:18px;margin-bottom:6px;display:flex}.vitamin-hero-mark{width:72px;height:72px;color:var(--gold);background:#11161499;border:1px solid #c7a96b8c;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:32px;display:grid}.detail-panel{background:#111614b3;border:1px solid #c7a96b3d;border-radius:22px;padding:18px 20px}.detail-panel h2{color:var(--gold);margin:0 0 10px;font-family:Georgia,serif;font-size:1.08rem;font-weight:400}.detail-panel ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.7}.detail-panel p{color:var(--muted);margin:0;line-height:1.7}@media (width<=800px){.app-shell{padding:14px}.hero{border-radius:26px;padding:22px}.category-grid{grid-template-columns:1fr}.category-card{min-height:150px}.detail-grid{grid-template-columns:1fr}.vitamin-detail-card{padding:24px 18px 28px}}.back-button{min-height:44px;color:var(--gold);background:#1116148c;border:1px solid #c7a96b73;border-radius:999px;align-items:center;margin-bottom:24px;padding:10px 16px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.back-button:hover{background:#c7a96b1f;transform:translate(-3px)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.detail-card{background:linear-gradient(145deg,#4f695a3d,#5c26302e),#1c2521c2;border:1px solid #c7a96b40;border-radius:28px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff0a}.detail-card-header{align-items:center;gap:12px;display:flex}.detail-card-icon{width:46px;height:46px;color:var(--gold);background:#11161499;border:1px solid #c7a96b73;border-radius:50%;place-items:center;font-size:20px;display:grid}.detail-card h2{color:var(--gold);margin:0;font-family:Georgia,serif;font-weight:400}.detail-card-body{flex-direction:column;gap:8px;display:flex}.detail-card p{color:var(--muted);margin:0;line-height:1.7}@media (width<=800px){.detail-grid{grid-template-columns:1fr}}.category-card{position:relative}.card-link{color:inherit;text-decoration:none;display:block}.favorite-button{z-index:2;width:44px;height:44px;color:var(--gold);cursor:pointer;background:#111614b3;border:1px solid #c7a96b73;border-radius:50%;font-size:22px;position:absolute;top:18px;right:18px}.favorite-button.active{background:var(--gold);color:#171510}.related-links{flex-wrap:wrap;gap:10px;display:flex}.related-link{min-height:44px;color:var(--gold);background:#1116148c;border:1px solid #c7a96b66;border-radius:999px;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.related-link:hover{background:var(--gold);color:#171510}.detail-card{cursor:default;transition:all .3s}.detail-card:hover{border-color:#ffd78299;transform:translateY(-6px);box-shadow:0 16px 35px #00000040}.category-card,.detail-card{position:relative;overflow:hidden}.category-card:before,.detail-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffd78214,#0000 40%,#ffffff08);transition:opacity .35s;position:absolute;inset:0}.category-card:hover:before,.detail-card:hover:before{opacity:1}.detail-card h2{color:#f3d38d;align-items:center;gap:10px;margin-bottom:16px;font-size:1.3rem;font-weight:700;display:flex}.detail-card ul{padding-left:20px}.detail-card li{margin-bottom:8px;line-height:1.6}.favorite-link{color:#f3d38d;border:1px solid #f3d38d59;border-radius:12px;margin-top:18px;padding:10px 18px;text-decoration:none;transition:all .3s;display:inline-block}.favorite-link:hover{background:#f3d38d1f;transform:translateY(-2px)}.language-switcher{position:relative}button.language{color:var(--gold);cursor:pointer;letter-spacing:.05em;background:#1116148c;border:1px solid #c7a96b66;border-radius:999px;padding:10px 14px;font-family:inherit;font-size:14px}button.language:hover{background:#c7a96b1f}.language-menu{z-index:10;background:#111614f5;border:1px solid #c7a96b59;border-radius:16px;flex-direction:column;min-width:100px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 42px #00000073}.language-option{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-family:inherit;font-size:14px}.language-option:hover{background:#c7a96b24}.language-option.active{color:var(--gold);font-weight:600}.detail-card,.detail-card p,.detail-card ul,.detail-card li,.detail-card-body{text-align:left!important;text-align:left!important}.subtitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.category-card p{text-align:left!important}.primary-links{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 6px;display:flex}.secondary-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:.85rem;display:flex}.secondary-links a{color:var(--muted);text-decoration:none;transition:color .2s}.secondary-links a:hover{color:var(--gold)}.secondary-links span{color:#c7a96b59}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:.85rem;display:flex;text-align:left!important;justify-content:flex-start!important;margin:0 0 22px!important}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span[aria-hidden]{color:#c7a96b66}.breadcrumb-current{color:var(--gold)}.category-icon{border-radius:50%!important;flex-shrink:0!important;width:56px!important;height:56px!important;overflow:hidden!important}.category-icon img{object-fit:cover!important;object-position:center 70%!important;border-radius:50%!important;width:100%!important;height:100%!important;display:block!important}.category-icon{border-radius:50%!important;flex-shrink:0!important;width:56px!important;height:56px!important;display:block!important;position:relative!important;overflow:hidden!important}.category-icon img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}body{background:radial-gradient(circle at 50% 0,#c7a96b14,#0000 45%),radial-gradient(circle at 85% 100%,#145a4459,#0000 55%),#0d2b21!important}:root{--bg:#0d2b21;--panel:#0f382bd1;--green:#1a5c44}.hero,.detail-card,.category-card{background:linear-gradient(165deg,#1a5c4466,#0d2b21f0)!important}body:before,body:after{opacity:.22!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23c7a96b' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 25 Q70 15 95 60 Q115 100 95 150'/%3E%3Cellipse cx='32' cy='35' rx='16' ry='8' transform='rotate(-30 32 35)'/%3E%3Cellipse cx='58' cy='58' rx='18' ry='9' transform='rotate(-15 58 58)'/%3E%3Cellipse cx='80' cy='90' rx='18' ry='9' transform='rotate(10 80 90)'/%3E%3Cellipse cx='90' cy='125' rx='16' ry='8' transform='rotate(35 90 125)'/%3E%3C/svg%3E")!important;width:320px!important;height:320px!important}body{font-family:Poppins,Arial,sans-serif}h1,h2,h3,.eyebrow,.detail-card h2,.category-card h2,.category-card h3{font-family:Playfair Display,Georgia,serif!important}h1{letter-spacing:-.01em;font-weight:600!important}.eyebrow{font-weight:500;letter-spacing:.14em!important;font-family:Poppins,Arial,sans-serif!important}body:before,body:after{display:none!important}.category-num{color:var(--accent,var(--gold));letter-spacing:.02em;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:600}.category-icon{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,var(--gold)) 45%, transparent), 0 0 18px color-mix(in srgb, var(--accent,var(--gold)) 30%, transparent)!important}.category-card:hover .category-icon{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,var(--gold)) 70%, transparent), 0 0 26px color-mix(in srgb, var(--accent,var(--gold)) 50%, transparent)!important}.category-card,.category-card *,.category-card:visited,.category-card:visited *{color:inherit!important;text-decoration:none!important}a,a:visited,a:hover,a:active{text-decoration:none!important}.category-card,.category-card:visited,.category-card:hover,.category-card:active{color:var(--text)!important;text-decoration:none!important}.category-card *,.category-card:visited *{color:inherit!important;text-decoration:none!important}.card-link,.card-link:visited,.card-link:hover,.card-link:active{color:var(--text)!important;text-decoration:none!important}.card-link *,.card-link:visited *{color:inherit!important;text-decoration:none!important}.category-num{text-decoration:none!important}.detail-card a,.detail-card a:visited{text-underline-offset:2px;color:#7db8e8!important;text-decoration:underline!important}.detail-card a:hover{color:#a3cef0!important}:root{--text:#f0ece2!important;--text-h:#f0ece2!important}.category-card h2,.category-card h3,.card-link h2,.card-link h3{color:#c9ac78!important}.detail-card,.detail-card p,.detail-card li,.detail-card-body{color:#d8d3c8!important}.detail-card h2{color:#c9ac78!important}.primary-links{gap:8px!important}.primary-links .favorite-link{opacity:.85;padding:8px 14px!important;font-size:.85rem!important;font-weight:400!important}.primary-links .favorite-link:hover{opacity:1}.category-card:hover{border-color:#ffd78299!important;transform:translateY(-4px)!important;box-shadow:0 12px 28px #0000004d,0 0 0 1px #ffd78259,0 0 24px #ffd7822e!important}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}