:root{--color-bg: #f7f8f9;--color-surface: #ffffff;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #0d9488;--color-primary-soft: #ecfdf5;--color-good: #0d9488;--color-watch: #d97706;--color-alert: #dc2626;--color-error-bg: #fef2f2;--color-error-text: #991b1b;--radius-sm: 10px;--radius-md: 16px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--layout-gutter: 16px;--layout-max: 95%;--scan-block-max: 300px;--scan-border-width: 4px;--gradient-brand: conic-gradient( from 0deg, var(--color-primary), #5eead4, var(--color-primary), rgba(13, 148, 136, .2), var(--color-primary) );--gradient-brand-soft: linear-gradient( 135deg, rgba(13, 148, 136, .1), rgba(94, 234, 212, .14), rgba(255, 255, 255, .92) );--gradient-brand-text: linear-gradient(90deg, #0f766e, #0d9488, #14b8a6, #0d9488, #0f766e);color:var(--color-text);background:var(--color-bg);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip}button{font:inherit}.barcode-frame.loading .barcode-frame-border{animation-duration:1.2s}.app-shell{min-height:100svh;min-height:100dvh;overflow-x:clip;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-right:max(var(--layout-gutter),env(safe-area-inset-right,0px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px);padding-left:max(var(--layout-gutter),env(safe-area-inset-left,0px));background:var(--color-bg)}.app-layout{display:flex;flex-direction:column;gap:24px;width:100%;max-width:var(--layout-max);margin-inline:auto;overflow-x:clip}.hero{display:grid;grid-template-rows:1fr auto 1fr;align-items:center;width:100%;min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px)}.app-header{grid-row:1;align-self:end;padding-bottom:12px;text-align:center}.app-title{margin:0;color:var(--color-text);font-size:clamp(1.75rem,7vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.app-tagline{margin:10px 0 0;color:var(--color-text-muted);font-size:clamp(.95rem,3.2vw,1.1rem);font-weight:600;letter-spacing:-.01em;line-height:1.3}.brand-gradient{background:var(--gradient-brand-text);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-scan{grid-row:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:44px;text-decoration:none;color:var(--color-text-muted);font-size:clamp(.95rem,3.2vw,1.1rem);font-weight:600;letter-spacing:-.01em;transition:color .15s ease}.hero-scroll:hover{color:var(--color-primary)}.hero-scroll-icon{color:var(--color-primary);animation:scroll-hint 1.8s ease-in-out infinite}@keyframes scroll-hint{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.barcode-frame{position:relative;display:block;width:min(100%,var(--scan-block-max));margin-inline:auto;padding:0;overflow:hidden;border:none;border-radius:var(--radius-md);background:transparent;box-shadow:var(--shadow-sm);isolation:isolate;transition:width .18s ease,box-shadow .15s ease,opacity .15s ease}.barcode-frame:hover{box-shadow:0 4px 22px #0d948829}.barcode-frame.scanning{cursor:default;width:min(100%,390px)}.barcode-frame-border{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:0;background:var(--gradient-brand);animation:border-spin 2.8s linear infinite;pointer-events:none;will-change:transform}.barcode-frame-inner{position:relative;z-index:1;margin:var(--scan-border-width);aspect-ratio:3.4 / 1;overflow:hidden;border-radius:calc(var(--radius-md) - var(--scan-border-width));background:var(--color-surface);transition:aspect-ratio .18s ease,min-height .18s ease}.barcode-frame.scanning .barcode-frame-inner{aspect-ratio:1 / 1;min-height:280px}.scan-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:end center;width:100%;height:100%;border:0;padding:0 12px 12px;background:transparent;cursor:pointer}.scan-trigger:active{opacity:.96}.barcode-scanner{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.barcode-scanner.active{opacity:1;pointer-events:auto}.scanner-opening{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;color:var(--color-text-muted);background:#ffffffb8;font-size:.86rem;font-weight:700;letter-spacing:-.01em}.barcode-scanner :deep(video){width:100%;height:100%;object-fit:cover}.scanner-view--mirror video{transform:scaleX(-1)}.scanner-view{width:100%;height:100%}.scanner-view #qr-shaded-region{display:none!important}.scan-cancel{margin-top:14px;border:1px solid rgba(13,148,136,.22);border-radius:999px;padding:9px 16px;color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.scan-cancel:hover{opacity:.88}.scan-cancel:active{transform:scale(.98)}.scan-error{max-width:340px;margin:12px auto 0;border-radius:var(--radius-sm);padding:10px 12px;color:var(--color-error-text);background:var(--color-error-bg);font-size:.82rem;font-weight:600;line-height:1.4;text-align:center}@keyframes border-spin{to{transform:rotate(360deg)}}.barcode-stripes{position:absolute;top:14%;right:6%;bottom:14%;left:6%;background-image:repeating-linear-gradient(90deg,#1f2937 0 2px,transparent 2px 5px,#1f2937 5px 7px,transparent 7px 10px,#1f2937 10px 13px,transparent 13px 16px,#1f2937 16px 17px,transparent 17px 22px,#1f2937 22px 25px,transparent 25px 27px,#1f2937 27px 29px,transparent 29px 34px,#1f2937 34px 38px,transparent 38px 41px,#1f2937 41px 42px,transparent 42px 47px,#1f2937 47px 51px,transparent 51px 53px,#1f2937 53px 55px,transparent 55px 59px,#1f2937 59px 63px,transparent 63px 65px,#1f2937 65px 67px,transparent 67px 72px,#1f2937 72px 76px,transparent 76px 78px,#1f2937 78px 80px,transparent 80px 86px);opacity:.88}.barcode-frame.loading{opacity:.85}.promises{width:100%;scroll-margin-top:12px}.promise-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.promise-item{position:relative;display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.promise-mark{flex-shrink:0;width:6px;background:linear-gradient(180deg,var(--color-primary),#5eead4,var(--color-primary))}.promise-text{margin:0;padding:16px 18px;font-size:clamp(.98rem,3.6vw,1.25rem);font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--color-text)}.analysis{width:100%}.analysis-title{margin:0 0 16px;text-align:center;font-size:clamp(1.2rem,4.5vw,1.55rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--color-text)}.analysis-grid{display:grid;gap:12px}.analysis-card{position:relative;overflow:hidden;padding:16px 16px 14px;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.analysis-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#5eead4,var(--color-primary))}.analysis-card-title{margin:0 0 12px;font-size:clamp(.98rem,3.4vw,1.08rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--color-text)}.analysis-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.analysis-item{display:grid;gap:2px;padding-left:12px;border-left:2px solid rgba(13,148,136,.25)}.analysis-item-label{font-size:.8125rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--color-text)}.analysis-item-detail{font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.app-content{display:grid;gap:16px;width:100%}.eyebrow{margin:0 0 4px;color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}h2,h3,p{margin-top:0}h2{margin-bottom:6px;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:none;border-radius:var(--radius-sm);padding:0;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.icon-button:active:not(:disabled){transform:scale(.98)}.icon-button:disabled{cursor:progress;opacity:.65}.primary{color:#fff;background:var(--color-primary)}.notice{display:flex;align-items:flex-start;gap:8px;margin:0;border-radius:var(--radius-sm);padding:12px 14px;font-size:.875rem;line-height:1.45}.notice.error{color:var(--color-error-text);background:var(--color-error-bg)}.result-surface{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:20px 16px}.product-result{display:grid;gap:16px}.product-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}.product-head img,.product-image-fallback{width:72px;height:72px;border:1px solid var(--color-border);border-radius:var(--radius-sm);object-fit:contain;background:var(--color-surface)}.product-image-fallback{background:linear-gradient(90deg,transparent 20%,var(--color-primary) 20% 26%,transparent 26% 38%,var(--color-primary) 38% 48%,transparent 48% 62%,var(--color-primary) 62% 67%,transparent 67%),var(--color-primary-soft)}.product-head h2{margin-bottom:4px;font-size:1.05rem;overflow-wrap:anywhere}.barcode-line,.muted,.source-note{color:var(--color-text-muted)}.barcode-line{margin:0;font-size:.8rem}.score-band{display:flex;align-items:end;justify-content:space-between;border-radius:var(--radius-md);padding:16px 18px;color:#fff}.score-band.good{background:var(--color-good)}.score-band.watch{background:var(--color-watch)}.score-band.alert{background:var(--color-alert)}.score-band strong{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.03em}.score-band .eyebrow{color:#ffffffd1}.dimension-list{display:grid;gap:10px}.dimension-row{display:grid;grid-template-columns:minmax(68px,76px) minmax(0,1fr) 24px;gap:8px;align-items:center;font-size:.8125rem}.dimension-row strong{text-align:right;font-size:.875rem}.meter{height:6px;overflow:hidden;border-radius:999px;background:var(--color-border)}.meter i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.explanations{border-top:1px solid var(--color-border);padding-top:14px}.explanations h3{margin-bottom:10px;font-size:.95rem;font-weight:600}.explanations ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.explanations li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;border-radius:var(--radius-sm);padding:10px 12px;background:var(--color-bg);font-size:.875rem}.analysis-results{border-top:1px solid var(--color-border);padding-top:14px}.analysis-results h3{margin-bottom:12px;font-size:.95rem;font-weight:600}.analysis-results-grid{display:grid;gap:10px}.analysis-result-card{border-radius:var(--radius-sm);padding:12px 14px;background:var(--color-bg)}.analysis-result-card h4{margin:0 0 8px;font-size:.85rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.analysis-result-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.analysis-result-card li{padding-left:10px;border-left:2px solid rgba(13,148,136,.25)}.finding-message{margin:0;font-size:.8125rem;line-height:1.45;color:var(--color-text)}.finding-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0}.evidence-chip{font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-muted);opacity:.85}.source-link{font-size:.68rem;font-weight:600;color:var(--color-primary);text-decoration:none;opacity:.75}.source-link:hover{opacity:1;text-decoration:underline}.scientific-sources{width:100%;max-width:420px;margin:14px auto 0;padding:14px 16px;border-radius:var(--radius-md);background:var(--color-bg);text-align:center}.scientific-sources-label{margin:0 0 10px;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);opacity:.8}.scientific-sources-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0;padding:0;list-style:none}.scientific-sources-list a{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;opacity:.75}.scientific-sources-list a:hover{color:var(--color-primary);opacity:1}.source-note{margin:0;font-size:.78rem;line-height:1.5}.site-footer{width:100%;margin-top:8px}.site-footer-inner{position:relative;overflow:hidden;padding:24px 18px 22px;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center}.site-footer-inner:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#5eead4,var(--color-primary))}.site-footer-brand{display:block;font-size:clamp(1.35rem,5vw,2.1rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text)}.off-source{width:100%;max-width:360px;margin:16px auto 0;padding:16px 18px;border-radius:var(--radius-md);background:var(--gradient-brand-soft);text-align:center}.off-source-label{margin:0 0 12px;font-size:clamp(.95rem,3.2vw,1.15rem);font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--color-text)}.off-source-row{display:flex;flex-direction:column;align-items:center;gap:8px}.off-source-name{font-size:clamp(.82rem,2.4vw,.92rem);font-weight:600;letter-spacing:-.01em;color:var(--color-text-muted)}.off-source-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--color-primary),#5eead4,var(--color-primary));background-size:200% 100%;box-shadow:0 2px 10px #0d948840;transition:opacity .15s ease,transform .1s ease}.off-source-badge:hover{opacity:.92}.off-source-badge:active{transform:scale(.98)}.site-footer-copy{margin:20px 0 0;font-size:.85rem;color:var(--color-text-muted);opacity:.75}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){:root{--scan-block-max: 340px;--scan-border-width: 5px}.hero{min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 64px);min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 64px)}.app-header{padding-bottom:24px}.promise-list{gap:14px}.promise-text{padding:20px 22px;font-size:clamp(1.05rem,2.8vw,1.3rem)}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analysis-card{padding:18px 18px 16px}.analysis-title{margin-bottom:20px}.product-head{grid-template-columns:88px minmax(0,1fr)}.product-head img,.product-image-fallback{width:88px;height:88px}.product-head h2{font-size:1.2rem}.dimension-row{grid-template-columns:88px minmax(0,1fr) 28px;font-size:.875rem}.site-footer-inner{padding:28px 24px 26px}}@media(min-width:768px){:root{--layout-gutter: 24px;--layout-max: 80%}.app-layout{gap:28px}}@media(min-width:1024px){:root{--layout-max: 70%}}