:root{--porcelain: #f6f3ec;--porcelain-deep: #efeadf;--paper: #fdfcf8;--ink: #20251f;--ink-soft: #5a6055;--ink-faint: #8b9184;--hairline: #e2dccd;--hairline-strong: #cfc8b4;--pine: #2e4636;--pine-soft: #5d7a64;--pine-tint: #e6ece4;--cream-on-pine: #f2efe4;--grade-a: #3a6b47;--grade-b: #6f8d3f;--grade-c: #b08428;--grade-d: #b3622e;--grade-f: #a8402f;--oxide: #a8402f;--oxide-tint: #f6e7e2;--amber-tint: #f5ecd9;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Instrument Sans", -apple-system, "Helvetica Neue", sans-serif;--font-data: "Spline Sans Mono", "SF Mono", Menlo, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(32, 37, 31, .05), 0 6px 24px -8px rgba(32, 37, 31, .09);--shadow-lift: 0 2px 4px rgba(32, 37, 31, .06), 0 18px 44px -12px rgba(32, 37, 31, .16);--shadow-pop: 0 24px 64px -16px rgba(32, 37, 31, .28);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--ease-out: cubic-bezier(.22, .9, .3, 1);--content-max: 1120px;--gutter: clamp(18px, 4vw, 36px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--porcelain);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:560;letter-spacing:-.01em;line-height:1.12;margin:0;color:var(--ink)}p{margin:0}a{color:var(--pine);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select{font-family:inherit}::selection{background:var(--pine);color:var(--cream-on-pine)}:focus-visible{outline:2px solid var(--pine-soft);outline-offset:2px;border-radius:4px}.container{max-width:var(--content-max);margin:0 auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-ui);font-size:.72rem;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:var(--pine-soft)}.data-num{font-family:var(--font-data);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;border-radius:var(--radius-pill);padding:13px 26px;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--pine);color:var(--cream-on-pine);box-shadow:0 10px 24px -10px #2e46368c}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px -10px #2e463699}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--hairline-strong)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--pine-soft);color:var(--pine)}.card{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.hairline-divider{border:none;border-top:1px solid var(--hairline);margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.page-enter{animation:pageIn .45s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.plt-native body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior-y:none;user-select:none;-webkit-user-select:none}.plt-native input,.plt-native textarea{user-select:text;-webkit-user-select:text}.plt-native .app-topbar{padding-top:env(safe-area-inset-top)}.plt-native .landing-bar{padding-top:calc(22px + env(safe-area-inset-top))}.plt-native .app-bottomnav{bottom:calc(10px + env(safe-area-inset-bottom))}.plt-native .app-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.plt-ios .app-bottomnav{background:#fcfbf685;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:none;box-shadow:inset 0 1px #ffffffa6,inset 0 0 0 .5px #ffffff59,inset 0 -1px #20251f0a,0 12px 40px -8px #20251f47}.plt-ios .app-topbar{background:#f6f3ec8c;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border-bottom:none;box-shadow:inset 0 -.5px #20251f1f}.plt-ios .app-topbar-tabs{background:#20251f0d;box-shadow:inset 0 .5px #fff6}.plt-ios .app-tab.is-active{background:#fdfcf8d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffffb3,0 1px 6px #20251f24}.plt-ios .app-bottomnav-item{transition:color .2s,background .25s var(--ease-out),transform .3s var(--ease-spring),filter .2s var(--ease-out)}.plt-ios .app-bottomnav-item:active{transform:scale(.92);filter:brightness(1.06) saturate(1.15)}.plt-ios .app-bottomnav-item.is-active{background:#2e46361f;box-shadow:inset 0 .5px #ffffff73}.plt-ios .save-btn{background:#fcfbf68c;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px #fff9,inset 0 0 0 .5px #ffffff4d,0 4px 14px -2px #20251f2e}.plt-ios .save-btn.is-saved{background:#2e4636d9;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px #ffffff40,0 4px 14px -2px #2e463666}.plt-android .app-bottomnav{background:#fdfcf8f7;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--hairline);box-shadow:0 1px 3px #20251f1f,0 6px 20px -4px #20251f33}.plt-android .app-topbar{background:#f6f3ecfa;backdrop-filter:none;-webkit-backdrop-filter:none}.plt-android .app-bottomnav-item{transition:color .2s,background .2s var(--ease-out),transform .2s var(--ease-out)}.plt-android .app-bottomnav-item:active{background:#2e46361a}.score-dial{position:relative;display:inline-grid;place-items:center;flex-shrink:0}.score-dial svg{position:absolute;inset:0}.score-dial-arc{transition:stroke-dashoffset 1.2s var(--ease-out)}.score-dial-center{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.score-dial-num{font-weight:500;color:var(--ink)}.score-dial-grade{font-family:var(--font-display);font-weight:650;letter-spacing:.04em}.landing{overflow-x:clip}.landing-bar{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.landing-bar-cta{padding:10px 20px;font-size:.88rem}.landing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,72px);padding-top:clamp(48px,9vw,110px);padding-bottom:clamp(48px,8vw,96px)}.landing-h1{font-size:clamp(2.6rem,6.4vw,4.6rem);font-weight:540;margin-top:18px;letter-spacing:-.02em}.landing-h1 em{font-style:italic;font-weight:400;color:var(--pine);margin-left:.35em}.landing-sub{margin-top:22px;font-size:1.08rem;line-height:1.7;color:var(--ink-soft);max-width:480px}.landing-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.landing-disclaimer{margin-top:18px;font-size:.76rem;color:var(--ink-faint)}.landing-hero-shelf{position:relative;display:flex;flex-direction:column;gap:14px;padding-bottom:26px}.landing-shelf-card{display:flex;align-items:center;gap:16px;padding:14px 18px;color:var(--ink);animation:shelfIn .8s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .14s + .2s);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-out)}.landing-shelf-card:nth-child(1){transform:rotate(-1.2deg)}.landing-shelf-card:nth-child(2){transform:rotate(.8deg) translate(14px)}.landing-shelf-card:nth-child(3){transform:rotate(-.6deg)}.landing-shelf-card:hover{transform:rotate(0) translateY(-3px)!important;box-shadow:var(--shadow-lift)}@keyframes shelfIn{0%{opacity:0;transform:translateY(26px)}}.landing-shelf-card .tin-icon{flex-shrink:0}.landing-shelf-meta{display:flex;flex-direction:column;flex:1;min-width:0}.landing-shelf-brand{font-size:.68rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.landing-shelf-name{font-family:var(--font-display);font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-shelf-note{position:absolute;bottom:0;right:6px;font-family:var(--font-display);font-style:italic;font-size:.88rem;color:var(--ink-faint)}@media(max-width:860px){.landing-hero{grid-template-columns:1fr}.landing-shelf-card:nth-child(2){transform:rotate(.8deg)}}.landing-stats{background:var(--pine);color:var(--cream-on-pine);padding:clamp(40px,6vw,64px) 0}.landing-stats-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}.landing-stat{display:flex;flex-direction:column;gap:8px}.landing-stat-num{font-size:clamp(2.6rem,5vw,3.8rem);font-weight:500;line-height:1}.landing-stat-label{font-size:.88rem;line-height:1.55;opacity:.78;max-width:250px}@media(max-width:720px){.landing-stats-inner{grid-template-columns:1fr}}.landing-how{padding-top:clamp(56px,8vw,96px)}.landing-h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin-top:12px}.landing-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:32px}.landing-how-card{padding:28px 26px;height:100%}.landing-how-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--pine-tint);color:var(--pine);margin-bottom:18px}.landing-how-card h3{font-size:1.22rem}.landing-how-card p{margin-top:10px;font-size:.92rem;line-height:1.65;color:var(--ink-soft)}.landing-close{padding:clamp(64px,10vw,120px) 0 clamp(48px,7vw,80px)}.landing-close-inner{text-align:center}.landing-close-h{font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:520}.landing-close-h em{font-style:italic;color:var(--pine)}.landing-close-btn{margin-top:32px;background:var(--ink);color:var(--porcelain);padding:16px 34px;font-size:1rem}.landing-close-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px #20251f80}.landing-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:26px;border-top:1px solid var(--hairline);font-size:.76rem;color:var(--ink-faint)}.save-btn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--ink-soft);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--hairline);transition:transform .25s var(--ease-spring),color .2s,box-shadow .2s,background .2s}.save-btn:hover{color:var(--pine);box-shadow:inset 0 0 0 1.5px var(--pine-soft);transform:translateY(-1px)}.save-btn:active{transform:scale(.9)}.save-btn.is-saved{color:var(--cream-on-pine);background:var(--pine);box-shadow:inset 0 0 0 1.5px var(--pine)}.save-btn.is-large{width:46px;height:46px}.save-btn-burst{position:absolute;inset:0;border-radius:50%;border:2px solid var(--pine);animation:saveBurst .5s var(--ease-out) forwards;pointer-events:none}@keyframes saveBurst{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}.formula-card{display:flex;flex-direction:column;padding:20px 20px 0;color:var(--ink);transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .25s var(--ease-out);animation:cardIn .6s var(--ease-out) both;animation-delay:calc(var(--card-index, 0) * 45ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.formula-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--hairline-strong)}.formula-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.formula-card-tin{transition:transform .45s var(--ease-spring)}.formula-card:hover .formula-card-tin{transform:rotate(-3deg) translateY(-3px)}.formula-card-actions{order:3}.formula-card-top .score-dial{order:2;margin-left:auto}.formula-card-body{margin-top:14px;flex:1}.formula-card-brand{font-size:.74rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.formula-card-name{font-size:1.32rem;margin-top:3px}.formula-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.formula-card-tag{font-size:.7rem;font-weight:600;letter-spacing:.03em;color:var(--ink-soft);background:var(--porcelain-deep);border-radius:var(--radius-pill);padding:4px 10px}.formula-card-tag.is-organic{color:var(--grade-a);background:var(--pine-tint)}.formula-card-tag.is-flagged{color:var(--oxide);background:var(--oxide-tint)}.formula-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hairline);margin-top:16px;padding:13px 0 16px}.formula-card-price{font-size:.86rem;color:var(--ink-soft)}.formula-card-cta{font-size:.84rem;font-weight:650;color:var(--pine);opacity:0;transform:translate(-4px);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.formula-card:hover .formula-card-cta{opacity:1;transform:none}@media(hover:none){.formula-card-cta{opacity:1;transform:none}}.index-view{padding-top:clamp(32px,6vw,60px)}.index-head{max-width:620px}.index-title{font-size:clamp(2rem,4.6vw,3.1rem);margin-top:12px}.index-title em{font-style:italic;font-weight:420;color:var(--pine)}.index-sub{margin-top:14px;color:var(--ink-soft);font-size:1.02rem;max-width:480px}.index-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.index-action-btn{padding:11px 22px;font-size:.9rem}.index-controls{margin-top:34px;display:flex;flex-direction:column;gap:14px}.index-search{position:relative;max-width:420px}.index-search input{width:100%;border:1.5px solid var(--hairline);background:var(--paper);border-radius:var(--radius-pill);padding:12px 42px;font-size:.95rem;color:var(--ink);transition:border-color .2s,box-shadow .2s;appearance:none}.index-search input::placeholder{color:var(--ink-faint)}.index-search input:focus{outline:none;border-color:var(--pine-soft);box-shadow:0 0 0 4px #5d7a641f}.index-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.index-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ink-faint);background:var(--porcelain-deep)}.index-chip-rows{display:flex;flex-direction:column;gap:8px}.index-chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:.82rem;font-weight:600;color:var(--ink-soft);background:var(--paper);border:1.5px solid var(--hairline);border-radius:var(--radius-pill);padding:7px 15px;transition:all .22s var(--ease-out)}.chip:hover{border-color:var(--pine-soft);color:var(--pine);transform:translateY(-1px)}.chip.is-on{background:var(--pine);border-color:var(--pine);color:var(--cream-on-pine)}.index-sortrow{display:flex;align-items:center;gap:10px}.index-sortlabel{font-size:.78rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.index-sortrow select{border:1.5px solid var(--hairline);background:var(--paper);border-radius:var(--radius-pill);padding:8px 14px;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer}.index-clear{font-size:.84rem;font-weight:600;color:var(--oxide);text-decoration:underline;text-underline-offset:3px}.index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:30px}.index-empty{margin-top:30px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.index-empty-title{font-family:var(--font-display);font-size:1.4rem}.index-empty-sub{color:var(--ink-soft);margin-bottom:14px}.metal-bar{padding:18px 0 14px;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out) var(--stagger, 0ms),transform .6s var(--ease-out) var(--stagger, 0ms)}.metal-bar.is-in{opacity:1;transform:none}.metal-bar+.metal-bar{border-top:1px solid var(--hairline)}.metal-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.metal-bar-name{font-weight:600;font-size:.98rem;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.metal-bar-flag{font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--oxide);background:var(--oxide-tint);padding:3px 9px;border-radius:var(--radius-pill)}.metal-bar-value{font-size:1.02rem;color:var(--ink)}.metal-bar-value em{font-style:normal;font-size:.78rem;color:var(--ink-faint)}.metal-bar-track{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--porcelain-deep);overflow:visible}.metal-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--grade-a),var(--grade-c) 60%,var(--oxide));transition:width 1s var(--ease-out) calc(var(--stagger, 0ms) + .15s)}.metal-bar-marker{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2.5px solid var(--ink);transform:translate(-50%,-50%);box-shadow:0 2px 6px #20251f40;transition:left 1s var(--ease-out) calc(var(--stagger, 0ms) + .15s)}.metal-bar-bench{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--oxide);transform:translate(-50%);border-radius:1px}.metal-bar-bench:after{content:"FDA";position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--oxide)}.metal-bar-scale{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-size:.72rem;color:var(--ink-faint)}.metal-bar-scale-label{font-size:.7rem;letter-spacing:.02em}.detail-view{padding-top:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:22px}.detail-back{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:650;color:var(--ink-soft);width:fit-content;transition:color .2s,transform .25s var(--ease-out)}.detail-back:hover{color:var(--pine);transform:translate(-2px)}.detail-missing{padding-top:80px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.detail-hero{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,44px);align-items:center;padding:clamp(24px,4vw,40px)}.detail-hero-tin{animation:tinFloat .8s var(--ease-spring) both}@keyframes tinFloat{0%{opacity:0;transform:translateY(14px) rotate(-4deg)}to{opacity:1;transform:none}}.detail-name{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:6px}.detail-blurb{margin-top:10px;color:var(--ink-soft);max-width:460px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.detail-tags span{font-size:.74rem;font-weight:600;color:var(--ink-soft);background:var(--porcelain-deep);border-radius:var(--radius-pill);padding:5px 12px}.detail-tags span.is-organic{color:var(--grade-a);background:var(--pine-tint)}.detail-hero-score{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.detail-verdict{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--ink-soft);max-width:170px;line-height:1.4}@media(max-width:760px){.detail-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.detail-blurb{margin-inline:auto}.detail-tags{justify-content:center}}.detail-flagbanner{display:flex;gap:12px;align-items:flex-start;background:var(--oxide-tint);color:var(--oxide);border:1px solid color-mix(in srgb,var(--oxide) 25%,transparent);border-radius:var(--radius-md);padding:16px 18px;font-size:.92rem;line-height:1.5}.detail-flagbanner svg{flex-shrink:0;margin-top:2px}.detail-section{padding:clamp(22px,3.5vw,34px)}.detail-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:8px}.detail-section-head h2{font-size:1.5rem;margin-top:6px}.detail-section-note{font-size:.76rem;color:var(--ink-faint);max-width:230px;text-align:right}.detail-metals{margin-top:10px}.detail-nodata{color:var(--ink-soft);padding:18px 0}.detail-finefoot{margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline);font-size:.78rem;color:var(--ink-faint);line-height:1.6}.detail-slider-row{display:flex;align-items:center;gap:22px;margin:18px 0 8px}.detail-slider-row input[type=range]{flex:1;appearance:none;-webkit-appearance:none;height:6px;border-radius:var(--radius-pill);background:var(--porcelain-deep);outline:none}.detail-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--pine);border:3px solid var(--paper);box-shadow:0 2px 8px #20251f4d;cursor:grab;transition:transform .2s var(--ease-spring)}.detail-slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.detail-slider-row input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--pine);border:3px solid var(--paper);box-shadow:0 2px 8px #20251f4d;cursor:grab}.detail-slider-value{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.detail-slider-value .data-num{font-size:1.7rem;font-weight:500}.detail-slider-value span:last-child{font-size:.78rem;color:var(--ink-faint)}.detail-costline{margin-top:10px;font-size:.9rem;color:var(--ink-soft)}.detail-costline strong{color:var(--ink)}.detail-intake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}.detail-intake-cell{background:var(--porcelain);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:3px}.detail-intake-metal{font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.detail-intake-value{font-size:1.5rem;color:var(--ink)}.detail-intake-unit{font-size:.72rem;color:var(--ink-faint)}.detail-recall{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:18px 0}.detail-recall+.detail-recall{border-top:1px solid var(--hairline)}.detail-recall-date{font-size:.9rem;color:var(--oxide);font-weight:500}.detail-recall h3{font-size:1.08rem}.detail-recall p{margin-top:6px;font-size:.9rem;color:var(--ink-soft);line-height:1.6}.detail-recall a{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.82rem;font-weight:650}.detail-buy{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--pine);border-color:var(--pine);color:var(--cream-on-pine)}.detail-buy .eyebrow{color:color-mix(in srgb,var(--cream-on-pine) 70%,transparent)}.detail-buy h2{color:var(--cream-on-pine);font-size:2rem;margin-top:6px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.detail-buy-sub{font-family:var(--font-ui);font-size:.84rem;font-weight:500;opacity:.75}.detail-buy-note{margin-top:6px;font-size:.76rem;opacity:.6}.detail-buy-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-buy .btn-primary{background:var(--cream-on-pine);color:var(--pine);box-shadow:none}.detail-buy .btn-ghost{color:var(--cream-on-pine);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cream-on-pine) 45%,transparent)}.detail-buy .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--cream-on-pine);color:var(--cream-on-pine)}.detail-alts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:16px}.compare-tablewrap{margin-top:30px;overflow-x:auto;padding:8px}.shortlist-table{width:100%;border-collapse:collapse;min-width:560px}.shortlist-table th,.shortlist-table td{padding:14px 16px;text-align:center;vertical-align:middle}.shortlist-table tbody tr{border-top:1px solid var(--hairline)}.shortlist-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--porcelain) 55%,transparent)}.compare-th-label{width:150px}.compare-col-head{position:relative;display:flex;justify-content:center}.compare-col-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);transition:transform .25s var(--ease-spring)}.compare-col-link:hover{transform:translateY(-2px)}.compare-col-brand{font-size:.64rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px}.compare-col-name{font-family:var(--font-display);font-size:1rem;line-height:1.2;max-width:140px}.compare-remove{position:absolute;top:0;right:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--porcelain-deep);color:var(--ink-faint);transition:background .2s,color .2s,transform .2s var(--ease-spring)}.compare-remove:hover{background:var(--oxide-tint);color:var(--oxide);transform:scale(1.08)}.compare-rowlabel{text-align:left!important;font-size:.82rem;font-weight:650;color:var(--ink-soft);white-space:nowrap}.compare-rowlabel span{font-weight:500;color:var(--ink-faint);font-size:.7rem}.compare-level{font-size:1.05rem;color:var(--ink);padding:4px 10px;border-radius:var(--radius-pill)}.compare-level.is-best{background:var(--pine-tint);color:var(--grade-a);font-weight:600}.compare-na{color:var(--hairline-strong);font-size:1.1rem}.compare-price{font-size:.92rem;color:var(--ink-soft)}.compare-plain{font-size:.86rem;color:var(--ink-soft)}.compare-buy{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:650;color:var(--pine);border:1.5px solid var(--hairline);border-radius:var(--radius-pill);padding:7px 16px;transition:border-color .2s,background .2s}.compare-buy:hover{border-color:var(--pine);background:var(--pine-tint)}.shortlist-view{padding-top:clamp(32px,6vw,60px)}.shortlist-head h1{font-size:clamp(2rem,4.4vw,2.9rem);margin-top:12px}.shortlist-sub{margin-top:12px;color:var(--ink-soft)}.shortlist-empty{margin-top:32px;padding:64px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.shortlist-empty-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--pine-tint);color:var(--pine);margin-bottom:6px}.shortlist-empty h2{font-size:1.5rem}.shortlist-empty p{color:var(--ink-soft);max-width:380px;margin-bottom:12px}.shortlist-foot{margin-top:16px;font-size:.76rem;color:var(--ink-faint)}.learn-view{padding-top:clamp(32px,6vw,60px)}.learn-head h1{font-size:clamp(2rem,4.4vw,2.9rem);margin-top:12px}.learn-head em{font-style:italic;font-weight:420;color:var(--pine)}.learn-section{margin-top:clamp(44px,7vw,72px)}.learn-h2{font-size:clamp(1.5rem,3vw,1.9rem)}.learn-lede{margin-top:12px;color:var(--ink-soft);max-width:560px;line-height:1.7}.learn-lede em{color:var(--ink)}.learn-metals{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:28px}.learn-metal{padding:24px;height:100%}.learn-metal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.learn-metal-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pine-tint);color:var(--pine);font-size:1.05rem;font-weight:600}.learn-metal-head h3{font-size:1.25rem;flex:1}.learn-metal-source{font-size:.66rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.learn-metal dl{margin:0}.learn-metal dt{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pine-soft);margin-top:14px}.learn-metal dd{margin:5px 0 0;font-size:.9rem;line-height:1.6;color:var(--ink-soft)}.learn-method{margin-top:24px;padding:clamp(24px,4vw,36px)}.learn-method-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:18px;line-height:1.65;color:var(--ink-soft)}.learn-method-steps strong{color:var(--ink)}.learn-method-steps li::marker{font-family:var(--font-data);color:var(--pine-soft);font-size:.9rem}.learn-weights{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.learn-weight{font-size:.8rem;font-weight:600;color:var(--ink);background:var(--porcelain-deep);border-radius:var(--radius-pill);padding:5px 13px}.learn-weight em{font-style:normal;color:var(--pine);margin-left:3px}.learn-faq{display:flex;flex-direction:column;gap:12px;margin-top:24px}.learn-faq-item{padding:0;overflow:hidden}.learn-faq-item summary{list-style:none;cursor:pointer;padding:19px 52px 19px 24px;font-family:var(--font-display);font-size:1.08rem;font-weight:560;position:relative;transition:color .2s}.learn-faq-item summary::-webkit-details-marker{display:none}.learn-faq-item summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:var(--font-data);font-size:1.2rem;color:var(--pine-soft);transition:transform .3s var(--ease-spring)}.learn-faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.learn-faq-item summary:hover{color:var(--pine)}.learn-faq-item p{padding:0 24px 22px;color:var(--ink-soft);line-height:1.7;font-size:.94rem;max-width:720px}.learn-sources{padding:clamp(24px,4vw,36px);background:var(--pine-tint);border-color:color-mix(in srgb,var(--pine) 18%,transparent)}.learn-sources ul{margin:18px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--ink-soft);line-height:1.6;font-size:.92rem}.learn-sources strong{color:var(--ink)}.learn-disclaimer{margin-top:20px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--pine) 18%,transparent);font-size:.84rem;color:var(--ink-soft);line-height:1.65}.match-view{padding-top:clamp(22px,4vw,40px);max-width:760px}.match-head{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.match-progress{display:flex;gap:6px}.match-progress-dot{width:26px;height:4px;border-radius:var(--radius-pill);background:var(--hairline);transition:background .3s var(--ease-out)}.match-progress-dot.is-done{background:var(--pine)}.match-step{margin-top:22px;animation:pageIn .4s var(--ease-out) both}.match-step h1{font-size:clamp(1.7rem,4vw,2.4rem)}.match-step h1 em{font-style:italic;color:var(--pine)}.match-step-sub{margin-top:10px;color:var(--ink-soft)}.match-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.match-option{text-align:left;padding:18px 22px;display:flex;flex-direction:column;gap:3px;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out),border-color .2s}.match-option:hover{transform:translateY(-2px);border-color:var(--pine-soft);box-shadow:var(--shadow-lift)}.match-option:active{transform:scale(.985)}.match-option-label{font-family:var(--font-display);font-size:1.15rem;color:var(--ink)}.match-option-sub{font-size:.86rem;color:var(--ink-soft)}.match-organic{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:.92rem;font-weight:600;color:var(--ink-soft);cursor:pointer}.match-organic input{width:18px;height:18px;accent-color:var(--pine)}.match-results{display:flex;flex-direction:column;gap:14px;margin-top:24px}.match-result{display:flex;align-items:center;gap:18px;padding:20px 22px;animation:cardIn .5s var(--ease-out) both;animation-delay:calc(var(--i, 0) * .11s);flex-wrap:wrap}.match-result-rank{font-size:1.4rem;color:var(--hairline-strong);font-weight:500}.match-result-body{flex:1;min-width:180px}.match-result-brand{font-size:.7rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.match-result-name{font-size:1.35rem;margin-top:2px}.match-result-reasons{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.match-result-reasons li{font-size:.84rem;color:var(--ink-soft);padding-left:16px;position:relative}.match-result-reasons li:before{content:"·";position:absolute;left:4px;color:var(--pine);font-weight:700}.match-result-side{display:flex;flex-direction:column;align-items:center;gap:8px}.match-result-cost{font-size:.8rem;color:var(--ink-soft)}.match-result-actions{display:flex;align-items:center;gap:8px}.match-btn-sm{padding:9px 16px;font-size:.82rem}.match-empty{margin-top:24px;padding:36px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:var(--ink-soft)}.match-restart{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font-size:.88rem;font-weight:650;color:var(--pine)}.match-foot{margin-top:18px;font-size:.76rem;color:var(--ink-faint);line-height:1.6}.scan-view{padding-top:clamp(22px,4vw,40px);max-width:620px}.scan-head{margin-top:18px}.scan-head h1{font-size:clamp(1.9rem,4.6vw,2.7rem);margin-top:12px}.scan-head em{font-style:italic;font-weight:420;color:var(--pine)}.scan-sub{margin-top:12px;color:var(--ink-soft);max-width:420px}.scan-btn{margin-top:26px;width:100%;padding:16px 26px;font-size:1.02rem}.scan-manual{margin-top:18px;padding:20px 22px}.scan-manual label{display:block;font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.scan-manual-row{display:flex;gap:8px}.scan-manual-row input{flex:1;border:1.5px solid var(--hairline);background:var(--porcelain);border-radius:var(--radius-pill);padding:12px 18px;font-family:var(--font-data);font-size:.95rem;color:var(--ink)}.scan-manual-row input:focus{outline:none;border-color:var(--pine-soft)}.scan-manual-row .btn{padding:12px 18px}.scan-notice{margin-top:18px;padding:22px 24px;animation:pageIn .35s var(--ease-out) both}.scan-notice h2{font-size:1.25rem;margin-bottom:8px}.scan-notice p{color:var(--ink-soft);line-height:1.65;font-size:.94rem}.scan-notice.is-error{border-color:color-mix(in srgb,var(--oxide) 30%,transparent);background:var(--oxide-tint)}.scan-notice.is-error p{color:var(--oxide)}.scan-foot{margin-top:20px;font-size:.76rem;color:var(--ink-faint);line-height:1.6}.vs-view{padding-top:clamp(22px,4vw,40px)}.vs-missing{padding-top:80px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.vs-head{margin-top:18px;max-width:720px}.vs-title{font-size:clamp(1.7rem,4vw,2.6rem);margin-top:10px}.vs-title em{font-style:italic;font-weight:420;color:var(--pine);padding-inline:.18em}.vs-verdict{margin-top:14px;color:var(--ink-soft);font-size:1.02rem;line-height:1.65}.vs-verdict strong{color:var(--ink)}.vs-ctas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:22px}.vs-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;flex-wrap:wrap}.vs-cta-brand{display:block;font-size:.68rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.vs-cta-name{font-family:var(--font-display);font-size:1.15rem}.vs-cta-actions{display:flex;gap:8px}.vs-cta-actions .btn{padding:10px 18px;font-size:.86rem}.vs-foot{margin-top:22px;font-size:.78rem;color:var(--ink-faint);line-height:1.6}.ogcard{width:1200px;height:630px;background:var(--porcelain);display:flex;align-items:stretch;justify-content:space-between;padding:70px 84px;box-sizing:border-box;overflow:hidden;position:relative}.ogcard:after{content:"";position:absolute;inset:24px;border:1.5px solid var(--hairline-strong);border-radius:28px;pointer-events:none}.ogcard-left{display:flex;flex-direction:column;justify-content:space-between;max-width:620px}.ogcard-wordmark{font-family:var(--font-display);font-size:38px;font-weight:600;color:var(--ink)}.ogcard-wordmark em{font-style:italic;font-weight:420;color:var(--pine)}.ogcard-brand{font-size:22px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.ogcard-name{font-size:74px;line-height:1.05;margin-top:10px;letter-spacing:-.015em}.ogcard-meta{margin-top:20px;font-size:26px;color:var(--ink-soft)}.ogcard-tagline{font-family:var(--font-display);font-style:italic;font-size:30px;color:var(--pine)}.ogcard-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.ogcard-dial{position:relative;display:grid;place-items:center}.ogcard-dial svg{position:absolute}.ogcard-dial-center{display:flex;flex-direction:column;align-items:center;line-height:1;gap:4px}.ogcard-score{font-family:var(--font-data);font-size:64px;font-weight:500;color:var(--ink)}.ogcard-grade{font-family:var(--font-display);font-size:30px;font-weight:650}.ogcard-default{flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.ogcard-default .ogcard-wordmark{font-size:84px}.ogcard-default .ogcard-tagline{font-size:44px}.ogcard-default-sub{font-size:26px;color:var(--ink-soft)}.app-footer{background:var(--pine);color:var(--cream-on-pine);padding:44px 0 28px;margin-top:72px}.app-footer-grid{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:36px;padding-bottom:28px;border-bottom:1px solid rgba(242,239,228,.18)}.app-footer-mark{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.app-footer-mark em{font-style:italic;font-weight:420;opacity:.85}.app-footer-tag{margin-top:8px;font-size:.86rem;opacity:.7;max-width:240px}.app-footer-meta{display:flex;flex-direction:column;gap:12px;font-size:.82rem;line-height:1.65;opacity:.85}.app-footer-meta a{color:var(--cream-on-pine);text-decoration:underline;text-underline-offset:3px}.app-footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:20px;font-size:.74rem;opacity:.55}@media(max-width:680px){.app-footer-grid{grid-template-columns:1fr;gap:20px}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--porcelain) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.app-topbar-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.app-wordmark{font-family:var(--font-display);font-size:1.32rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}.app-wordmark em{font-style:italic;font-weight:460;color:var(--pine)}.app-topbar-tabs{display:flex;gap:4px;background:var(--porcelain-deep);border-radius:var(--radius-pill);padding:4px}.app-tab{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:var(--ink-soft);padding:7px 16px;border-radius:var(--radius-pill);transition:background .25s var(--ease-out),color .2s,box-shadow .25s}.app-tab:hover{color:var(--ink)}.app-tab.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #20251f1a}.app-tab-badge{font-size:.68rem;font-weight:600;background:var(--pine);color:var(--cream-on-pine);border-radius:var(--radius-pill);min-width:18px;height:18px;display:inline-grid;place-items:center;padding-inline:5px}.app-main{flex:1;padding-bottom:56px}.app-bottomnav{display:none}@media(max-width:680px){.app-topbar-tabs{display:none}.app-main{padding-bottom:96px}.app-bottomnav{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:70;display:flex;gap:6px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:8px 10px;box-shadow:var(--shadow-pop)}.app-bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-faint);padding:6px 18px;border-radius:var(--radius-pill);transition:color .2s,background .25s var(--ease-out),transform .25s var(--ease-spring)}.app-bottomnav-item:active{transform:scale(.94)}.app-bottomnav-item.is-active{color:var(--pine);background:var(--pine-tint)}.app-bottomnav-icon{position:relative;display:grid;place-items:center}.app-bottomnav-dot{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border-radius:50%;background:var(--oxide);border:1.5px solid var(--paper)}.app-bottomnav-label{font-size:.64rem;font-weight:650;letter-spacing:.04em}}
