/* FoodScan design system: native type, clean surfaces, no runtime CSS dependencies. */
:root{color-scheme:light;--bg:#f8faf7;--surface:#fff;--surface-2:#f0f4ee;--ink:#192c25;--muted:#66756d;--line:#dfe7dc;--green:#215c42;--green-hover:#16462f;--accent:#d9edbd;--soft-green:#eaf2e1;--cream:#f3f1e4;--shadow:0 12px 36px rgba(31,57,38,.045);--shadow-lift:0 20px 50px rgba(31,57,38,.10);--radius:24px;--danger:#a83d2d;--warning-bg:#fff8eb;--warning-ink:#815623;--focus:#3d7d54;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101b16;--surface:#19271f;--surface-2:#223127;--ink:#edf3e9;--muted:#a9b8ab;--line:#35463a;--green:#bcdfa1;--green-hover:#d3edc0;--accent:#d9edbd;--soft-green:#2a402e;--cream:#2c3023;--shadow:0 12px 36px rgba(0,0,0,.14);--shadow-lift:0 20px 50px rgba(0,0,0,.2);--danger:#ffb2a2;--warning-bg:#342b1d;--warning-ink:#f6cd91;--focus:#aed38b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}button{color:inherit}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus,select:focus{outline:2px solid var(--focus);outline-offset:2px}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em;font-weight:650}p{color:var(--muted)}h1{font-size:58px;margin-bottom:18px}h2{font-size:34px;margin-bottom:16px}h3{font-size:21px;margin-bottom:12px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;color:var(--green)}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;display:block}.icon{width:20px;height:20px;flex-shrink:0}button{border:0;background:none}button:disabled{pointer-events:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-70px;padding:12px 20px;background:var(--ink);color:var(--surface);z-index:100}.skip-link:focus{top:12px}#main{min-height:65vh}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 21px;border-radius:12px;font-size:14px;font-weight:650;line-height:1.3;transition:background .18s,transform .18s,box-shadow .18s;white-space:normal}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:var(--surface)}[data-theme="dark"] .button-primary{color:#15311f}.button-primary:not(:disabled):hover{background:var(--green-hover);box-shadow:0 5px 15px rgba(26,66,45,.1)}.button-outline{background:var(--surface);border:1px solid var(--line)}.button-outline:not(:disabled):hover{background:var(--surface-2)}.button-dark{background:#193f2d;color:#fff}.button-saved{background:var(--soft-green);color:var(--green);border:1px solid var(--line)}.button-small{min-height:40px;padding:10px 15px;font-size:13px}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;flex-shrink:0;transition:background .2s}.icon-button:hover{background:var(--surface-2)}.link-button{padding:6px 0;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--green);min-height:32px}.link-button:hover{text-decoration:underline;text-underline-offset:5px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--muted);margin-bottom:12px}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;background:var(--soft-green);padding:8px 13px;border:1px solid var(--line);border-radius:40px;font-size:9px;font-weight:750;letter-spacing:.1em;margin-bottom:22px;color:var(--green)}.status-dot,.tiny-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.2px;flex-shrink:0;line-height:1}.brand>span>span{font-weight:450}.brand b{color:var(--green);font-size:27px}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:var(--surface);letter-spacing:0}.brand-mark .icon{width:25px;height:25px}[data-theme="dark"] .brand-mark{color:#183a25}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a{position:relative;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:550;padding:10px 14px;min-height:42px;color:var(--muted);border-radius:30px;white-space:nowrap}.main-nav a:hover{color:var(--ink);background:var(--surface-2)}.main-nav a[aria-current="page"]{color:var(--green);background:var(--soft-green);font-weight:700}.main-nav .icon{width:17px;height:17px}.nav-count{font-size:10px;border-radius:50%;background:var(--green);color:var(--surface);min-width:18px;height:18px;display:grid;place-items:center}.header-actions{display:flex;align-items:center;gap:11px}.header-actions .icon-button{border:1px solid var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:58px;padding-block:56px 48px;align-items:stretch}.hero h1{font-size:clamp(62px,6.1vw,87px);line-height:1.015;letter-spacing:-.065em;margin-bottom:23px}.hero h1 em{letter-spacing:-.062em}.hero-description{font-size:16px;max-width:440px;line-height:1.7;margin-bottom:29px}.scan-box{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}.scan-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.scan-box-head .eyebrow{font-size:9px;margin:0 0 6px}.scan-box h2{font-size:22px;letter-spacing:-.035em;margin:0}.key-hint{border:1px solid var(--line);border-radius:5px;padding:1px 7px;font-size:11px;color:var(--muted);box-shadow:0 2px 0 var(--line)}.camera-cta{width:100%;min-height:49px;justify-content:space-between;padding-inline:16px}.camera-cta span{flex:1;text-align:left}.scan-alternatives{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:11px 9px;font-size:10px;color:var(--muted)}.scan-alternatives .link-button{font-size:11px;min-height:30px;font-weight:550}.scan-alternatives .icon{width:15px;height:15px}.barcode-input-wrap{border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;align-items:center;padding:5px 5px 5px 13px;gap:9px;min-width:0}.barcode-input-wrap>.icon{color:var(--muted);width:18px}.barcode-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--soft-green)}.barcode-input-wrap input{border:0;outline:none;background:transparent;color:var(--ink);width:100%;min-width:0;font-size:14px;padding:8px 0;font-variant-numeric:tabular-nums;letter-spacing:.04em}.barcode-input-wrap input::placeholder{color:var(--muted);opacity:.8}.input-submit{background:var(--soft-green);color:var(--green);border:1px solid var(--line);width:38px;height:36px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.input-submit:hover{background:var(--accent);color:#234731}.input-hint{font-size:10px;margin:9px 0 0;line-height:1.6}.has-error{border-color:var(--danger)}.sample-button{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:13px 0 0;margin-top:15px;width:100%;font-size:10px;text-align:left;color:var(--muted)}.sample-button span{display:inline-flex;align-items:center;color:var(--green);gap:3px;font-weight:650}.sample-button .icon{width:13px;height:13px}.sample-button:hover span{text-decoration:underline;text-underline-offset:3px}.trust-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:16px;padding-inline:3px}.trust-row span{display:inline-flex;align-items:center;gap:5px}.trust-row .icon{width:13px;height:13px;color:var(--green)}.hero-visual{position:relative;min-height:660px;border-radius:28px;background:#193e2d;overflow:hidden;color:#fff;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.hero-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 40%,rgba(142,179,105,.21),transparent 63%),linear-gradient(150deg,rgba(7,30,18,.6),transparent)}.visual-top{position:absolute;left:34px;right:30px;top:28px;display:flex;justify-content:space-between;align-items:center}.visual-tag{font-size:8px;letter-spacing:.19em;font-weight:600;color:#d0e4b7}.visual-spark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #496549;border-radius:50%;color:#d7eaa6}.visual-spark .icon{width:16px;height:16px}.visual-title{position:absolute;top:87px;left:37px;font-size:45px;font-weight:500;letter-spacing:-.04em;line-height:1.06;z-index:2}.visual-title em{color:#d9eab9;font-size:48px}.orbit{position:absolute;width:540px;height:540px;border:1px solid rgba(192,218,156,.13);border-radius:50%;left:85px;top:130px;z-index:-1}.orbit-two{width:700px;height:700px;top:50px;left:4px;opacity:.8}.label-art{position:absolute;left:19%;top:240px;width:67%;height:300px;background:#f8f9f1;border:1px solid #e3e8d8;border-radius:17px;box-shadow:9px 18px 30px rgba(0,0,0,.24);transform:rotate(-8deg);padding:22px 23px;color:#27442e}.label-art-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;color:#65815b}.mini-brand{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.09em}.mini-brand .icon{width:12px;height:12px}.label-art-heading{font-size:26px;line-height:1.05;letter-spacing:-.05em;font-weight:650;margin-top:24px}.label-art-line{border-top:1px solid #d8dfcf;margin-top:16px}.label-art-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:8px;color:#697965;margin-top:10px}.label-art-meta .icon{width:15px;height:15px}.art-barcode{background:#fff;margin-top:19px;padding:4px 3px 5px;border-radius:3px}.art-barcode svg{width:100%;height:60px;display:block}.art-barcode>span{display:block;text-align:center;color:#28442f;font-size:9px;letter-spacing:.22em}.scan-bracket{position:absolute;width:20px;height:20px;border-color:#90b258;border-style:solid}.tl{top:-10px;left:-10px;border-width:2px 0 0 2px}.tr{top:-10px;right:-10px;border-width:2px 2px 0 0}.bl{bottom:-10px;left:-10px;border-width:0 0 2px 2px}.br{bottom:-10px;right:-10px;border-width:0 2px 2px 0}.art-scan-line{position:absolute;left:-24px;right:-24px;top:72%;height:1px;background:#bfdf90;box-shadow:0 0 18px 3px rgba(177,224,126,.25);animation:scan-drift 6s ease-in-out infinite}.floating-tag{position:absolute;display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:11px;border-radius:10px;z-index:3;box-shadow:0 8px 30px rgba(0,0,0,.14);font-weight:600}.floating-tag .icon{width:17px;height:17px}.tag-top{right:18px;top:218px;background:#daeabf;color:#244832;transform:rotate(4deg)}.tag-bottom{left:20px;bottom:97px;background:#f5f7eb;color:#385135;transform:rotate(3deg)}.visual-bottom{position:absolute;bottom:28px;left:30px;right:30px;font-size:7px;letter-spacing:.11em;color:#cadcbf;display:flex;align-items:center;gap:8px;font-weight:600}.visual-bottom>span:last-child{margin-left:auto;font-size:6px;letter-spacing:.08em}.visual-bottom .tiny-dot{width:4px;height:4px;color:#cce39c}.principles-strip{display:flex;align-items:center;gap:16px;background:var(--cream);padding:19px 25px;border-radius:13px}.strip-icon{display:grid;place-items:center;background:var(--surface);border-radius:11px;height:42px;width:42px;color:var(--green);flex-shrink:0}.principles-strip p{font-size:12px;margin:0;color:var(--muted)}.principles-strip strong{color:var(--ink)}.principles-strip>a{margin-left:auto;display:grid;place-items:center;min-width:34px;min-height:34px;border:1px solid var(--line);border-radius:50%}.section-space{margin-block:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-heading .eyebrow{font-size:9px;margin-bottom:11px}.section-heading h2{font-size:34px;margin:0}.section-heading p,.section-note{font-size:11px;margin:0;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;display:flex;flex-direction:column;align-items:start;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:20px;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.feature-number{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.feature-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--soft-green);color:var(--green);border-radius:13px;margin-block:30px 20px}.feature-icon .icon{width:23px;height:23px}.feature-card h3{font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.feature-card p{font-size:12px;line-height:1.85;max-width:290px;margin-bottom:25px}.feature-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:650;margin-top:auto;color:var(--green)}.feature-link .icon{width:17px}.green-card{background:var(--soft-green);border-color:var(--soft-green)}.green-card .feature-icon{background:var(--surface)}.empty-discoveries{display:flex;align-items:center;gap:24px;border:1px dashed var(--line);border-radius:18px;padding:28px;background:var(--surface)}.empty-icon{width:70px;height:70px;border-radius:50%;display:inline-grid;place-items:center;background:var(--soft-green);color:var(--green);flex-shrink:0}.empty-icon .icon{width:29px;height:29px}.empty-discoveries h3{font-size:20px;margin-bottom:8px}.empty-discoveries p{font-size:12px;margin-bottom:0}.empty-discoveries .button{margin-left:auto;flex-shrink:0;font-size:12px}.app-promo{position:relative;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 52px;background:var(--soft-green);margin-block:60px 75px;overflow:hidden}.app-promo h2{font-size:36px;margin-bottom:16px;line-height:1.15}.app-promo p{font-size:12px;margin-bottom:24px}.app-promo .eyebrow{font-size:9px;color:var(--green)}.app-promo .button{font-size:12px}.promo-icon{flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:175px;height:175px;margin-right:65px;transform:rotate(9deg);border-radius:39px;background:#214b33;color:#e0efc7;box-shadow:12px 18px 0 rgba(47,87,53,.1),0 0 0 32px rgba(73,107,55,.025),0 0 0 65px rgba(73,107,55,.02)}.promo-icon .icon{width:65px;height:65px;stroke-width:1.4}.promo-icon>span{font-size:15px;font-weight:550;letter-spacing:-.04em}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:40px;padding-block:35px}.footer-top .brand{font-size:21px}.footer-top .brand-mark{width:31px;height:31px}.footer-top p{font-size:11px;margin:0;line-height:1.8}.footer-top nav{display:flex;flex-direction:column;gap:9px;font-size:11px;color:var(--muted)}.footer-top nav .link-button{font-size:11px;padding:0;min-height:initial;color:var(--muted);font-weight:400}.source-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--green);line-height:1.6;text-decoration:underline;text-underline-offset:4px}.source-link .icon{width:13px;height:13px}.footer-top .source-link{font-size:10px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:9px;color:var(--muted)}.offline-banner{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 20px;background:var(--warning-bg);color:var(--warning-ink);font-size:12px}.offline-banner .icon{width:16px}.notice{display:flex;align-items:start;gap:11px;padding:16px 18px;border-radius:12px;background:var(--surface-2);font-size:12px;color:var(--muted);margin-block:16px;line-height:1.8;border:1px solid var(--line)}.notice strong{color:inherit}.notice .icon{width:18px;height:18px;margin-top:2px}.notice.error{background:var(--warning-bg);color:var(--danger);border-color:var(--danger)}.notice.warning{background:var(--warning-bg);color:var(--warning-ink);border-color:transparent}.scan-box .notice{font-size:11px;margin-bottom:0}.breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;font-size:11px;color:var(--muted)}.breadcrumb a,.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px}.breadcrumb>span{font-size:9px;letter-spacing:.15em}.breadcrumb .icon{width:15px}.product-page{padding-block:34px 60px}.product-hero{display:grid;grid-template-columns:290px 1fr;gap:42px;padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.product-image{position:relative;display:grid;place-items:center;background:var(--surface-2);overflow:hidden;isolation:isolate}.product-image img{position:relative;z-index:1;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#fff;padding:13px}.image-fallback{position:absolute;display:grid;place-items:center;color:var(--green);opacity:.3;inset:0}.image-fallback .icon{width:50px;height:50px;stroke-width:1.2}.image-failed img{display:none}.product-hero-image{width:100%;min-height:310px;max-height:340px;border-radius:17px;align-self:center}.product-hero-image img{padding:20px}.product-summary{padding-block:10px}.product-summary .eyebrow{font-size:10px;color:var(--green)}.product-summary h1{font-size:38px;max-width:750px;line-height:1.1;overflow-wrap:anywhere;margin-bottom:14px}.product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.product-meta span{display:flex;gap:6px;align-items:center}.product-meta .icon{width:13px;height:13px}.grade-group{display:flex;gap:33px;margin-block:24px 11px}.grade-block{display:flex;flex-direction:column;gap:7px;font-size:9px;color:var(--muted)}.grade-scale{display:flex;gap:3px;align-items:center;min-height:30px}.grade-scale>span{width:23px;height:22px;border-radius:4px;display:grid;place-items:center;font-weight:800;font-size:10px;opacity:.33;color:#fff}.grade-A{background:#216c3c}.grade-B{background:#739133}.grade-C{background:#9c7c00}.grade-D{background:#b95626}.grade-E{background:#ac3930}.grade-scale>span.selected{opacity:1;outline:2px solid var(--ink);outline-offset:2px;transform:scale(1.18);margin-inline:3px}.nova-badge{font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--ink);padding:4px 9px;border-radius:6px;background:var(--surface-2);display:inline-flex;align-self:start}.unavailable{font-size:12px;font-weight:500;color:var(--muted);line-height:2}.product-buttons{display:flex;align-items:center;gap:10px;margin-top:19px;flex-wrap:wrap}.product-buttons .button{font-size:12px;min-height:43px;padding:11px 16px}.product-buttons>.icon-button{border:1px solid var(--line)}.source-time{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px;margin-top:15px}.source-time .icon{width:12px;height:12px}.footnote{font-size:10px;color:var(--muted);line-height:1.85;margin-bottom:0}.product-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:28px;margin-top:33px}.product-main{min-width:0}.detail-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding-inline:3px}.detail-tabs button{font-size:13px;font-weight:600;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px}.detail-tabs button[aria-selected="true"]{color:var(--green);border-color:var(--green)}.detail-panel{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 20px 20px;border-top:0;min-height:480px}.detail-panel>h2{font-size:30px;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading .eyebrow{font-size:8px;margin-bottom:8px}.panel-heading h2{font-size:29px;margin:0}.segmented{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.segmented button{border-radius:6px;min-height:32px;padding:7px 10px;font-size:10px;white-space:nowrap;color:var(--muted)}.segmented button[aria-pressed="true"]{background:var(--green);color:var(--surface);font-weight:600}[data-theme="dark"] .segmented button[aria-pressed="true"]{color:#173420}.nutrition-basis{font-size:10px;margin:13px 0 22px}.nutrition-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.nutrition-highlight{display:flex;flex-direction:column;padding:18px 17px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.nutrition-highlight>span:first-child{color:var(--muted);font-size:10px;font-weight:550}.nutrition-highlight>strong{display:flex;gap:5px;align-items:baseline;font-size:32px;line-height:1.3;letter-spacing:-.045em;margin-block:10px 5px;font-weight:600;font-variant-numeric:tabular-nums}.nutrition-highlight small{font-size:11px;font-weight:500;letter-spacing:0}.metric-caption{font-size:8px;color:var(--muted)}.highlight-focus{background:var(--soft-green);border-color:var(--green)}.nutrition-table-head{display:flex;justify-content:space-between;gap:15px;padding:10px 0 12px;font-size:10px;font-weight:650;color:var(--muted);border-bottom:1px solid var(--line)}.nutrition-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 11px;border-bottom:1px solid var(--line);font-size:12px}.nutrition-row>span{display:flex;gap:10px;align-items:center}.nutrition-row>strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.focus-row{background:var(--soft-green)}.focus-label{font-size:8px;background:var(--surface);color:var(--green);padding:2px 7px;border-radius:10px}.data-completeness{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 11px;font-size:10px;color:var(--muted)}.data-completeness>span:first-child{display:flex;align-items:center;gap:5px}.data-completeness .icon{width:15px;height:15px}.data-completeness strong{font-weight:650;color:var(--ink)}.completeness-dots{display:flex;gap:3px}.completeness-dots b{width:7px;height:7px;background:var(--line);border-radius:2px}.completeness-dots b.filled{background:var(--green)}.product-sidebar{padding-top:46px}.sidebar-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:18px}.sidebar-card h3{font-size:20px}.sidebar-card p{font-size:11px;line-height:1.85}.sidebar-card .eyebrow{font-size:8px}.priority-choices{display:flex;flex-direction:column;gap:6px;margin-top:19px}.priority-choices button{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;min-height:42px}.priority-choices .icon{width:16px;height:16px}.priority-choices button[aria-pressed="true"]{border-color:var(--green);background:var(--soft-green);color:var(--green)}.priority-choices button>.icon:last-child:not(:first-child){margin-left:auto}.pale-card{background:var(--cream);border-color:transparent}.sidebar-badge{display:grid;place-items:center;width:35px;height:35px;color:var(--green);background:var(--surface);border-radius:10px;margin-bottom:20px}.sidebar-card>a{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--green)}.sidebar-card>a>.icon{width:15px;height:15px}.ingredients-text{font-size:14px;line-height:2;overflow-wrap:anywhere;white-space:pre-line;margin-bottom:30px}.detail-panel h3{font-size:17px;margin-top:26px}.detail-panel>p{font-size:13px;line-height:1.9}.allergen-tags{display:flex;flex-wrap:wrap;gap:7px}.allergen-tags>span{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:7px;background:var(--warning-bg);color:var(--warning-ink);font-size:11px;text-transform:capitalize}.allergen-tags .icon{width:13px;height:13px}.source-facts{margin:25px 0}.source-facts>div{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.source-facts dt{color:var(--muted)}.source-facts dd{margin:0;text-align:right}.source-facts a{display:inline-flex;gap:7px;align-items:center;color:var(--green)}.source-facts .icon{width:12px;height:12px}.product-disclaimer{display:flex;align-items:start;gap:9px;color:var(--muted);font-size:10px;line-height:1.8;margin:24px 0}.product-disclaimer .icon{width:15px;height:15px;margin-top:2px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.page-heading h1{font-size:47px;letter-spacing:-.045em;margin-bottom:15px}.page-heading h1>span{color:var(--green)}.page-heading p{font-size:13px;margin-bottom:0}.page-heading .button{flex-shrink:0;font-size:12px}.collection-page,.compare-page{padding-block:57px 75px;min-height:75vh}.collection-toolbar{display:flex;align-items:center;gap:24px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.collection-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.collection-search .icon{width:17px;color:var(--muted)}.collection-search input{border:0;background:transparent;color:var(--ink);min-width:0;width:100%;padding:8px;font-size:13px}.sort-control{display:flex;align-items:center;gap:11px;font-size:11px}.sort-control>label{color:var(--muted);white-space:nowrap}select{border:1px solid var(--line);background:var(--bg);border-radius:8px;color:var(--ink);font-size:12px;padding:9px 30px 9px 10px;max-width:100%;min-height:38px}.collection-count{font-size:10px;color:var(--muted);white-space:nowrap}.collection-note{margin:12px 0 26px}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.food-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.food-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.food-card-open{display:block}.food-card-open:focus-visible{outline-offset:-4px}.food-card .product-image{height:175px;max-height:175px;margin:12px;border-radius:10px}.food-card .product-image img{padding:13px}.food-card-text{padding:8px 22px 18px}.food-brand{display:block;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-card h3{font-size:21px;line-height:1.3;margin:8px 0;overflow-wrap:anywhere}.food-card-text>p{font-size:10px;margin:0}.card-metrics{display:flex;gap:15px;padding:16px 0 4px;font-size:10px;color:var(--muted)}.card-metrics strong{font-size:17px;font-weight:650;color:var(--ink)}.food-card .footnote{font-size:8px}.food-card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:7px 14px 7px 21px}.food-card-actions .link-button{font-size:11px}.food-card-actions .link-button .icon{width:16px}.food-card-actions .icon-button .icon{width:17px}.is-saved{color:var(--green)}.is-saved .icon{fill:var(--soft-green)}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.food-card-small{position:relative;display:flex;align-items:center;padding:10px}.food-card-small .food-card-open{display:flex;align-items:center;min-width:0;flex:1}.food-card-small .product-image{flex-shrink:0;width:64px;height:68px;min-height:68px;margin:0 8px 0 0;border-radius:8px}.food-card-small .product-image img{padding:6px}.food-card-small .image-fallback .icon{width:25px;height:25px}.food-card-small .food-card-text{padding:8px;min-width:0}.food-card-small h3{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:330px;margin:4px 0}.food-card-small .food-brand{font-size:8px}.food-card-small .food-card-text>p{font-size:9px}.small-open-arrow{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center}.small-open-arrow .icon{width:15px}.empty-collection{text-align:center;padding:65px 24px 75px;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}.empty-collection .empty-icon{margin-bottom:27px}.empty-collection h2{font-size:32px}.empty-collection p{font-size:13px;max-width:390px;margin:0 auto 25px}.empty-collection .eyebrow{font-size:9px}.collection-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.collection-bottom p{font-size:10px;display:flex;align-items:center;gap:8px;margin:0}.collection-bottom p .icon{width:14px;height:14px}.collection-bottom .link-button{font-size:11px;white-space:nowrap}.compare-selectors{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-selector{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0}.compare-selector>label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650;margin-bottom:16px}.slot-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--soft-green);color:var(--green);font-size:10px}.compare-selector>select{width:100%;min-width:0;font-size:12px}.compare-slot-empty{display:flex;align-items:center;justify-content:center;gap:15px;min-height:140px;background:var(--bg);border-radius:12px;margin-block:18px}.compare-slot-empty>.icon{width:31px;height:31px;color:var(--muted);opacity:.4}.compare-slot-empty p{font-size:11px;margin:0}.compare-selector>.link-button{font-size:11px}.compare-selected-food{display:flex;align-items:center;gap:18px;min-height:140px;margin-block:18px}.compare-selected-food .product-image{height:128px;width:110px;flex-shrink:0;border-radius:10px}.compare-selected-food>div:last-child{min-width:0}.compare-selected-food strong{font-size:18px;letter-spacing:-.03em;display:block;line-height:1.35;overflow-wrap:anywhere}.compare-selected-food span{display:block;font-size:11px;color:var(--muted);margin:8px 0}.compare-selected-food a{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--green)}.compare-selected-food a .icon{width:12px;height:12px}.versus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--green);font-family:Georgia,serif;font-size:24px}.compare-empty-note{display:flex;align-items:center;gap:22px;padding:40px;margin-top:26px;border:1px dashed var(--line);border-radius:20px}.compare-empty-note>.icon{width:37px;height:37px;color:var(--green)}.compare-empty-note h3{font-size:22px;margin-bottom:10px}.compare-empty-note p{font-size:12px;margin:0;max-width:650px}.comparison-data{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:28px;padding:28px}.comparison-focus{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.comparison-focus>span{font-size:12px;color:var(--muted)}.compare-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.compare-table th,.compare-table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.compare-table td{font-weight:650;font-variant-numeric:tabular-nums}.compare-table th{font-weight:500;color:var(--muted);font-size:11px}.compare-table thead th{font-weight:650;color:var(--ink);font-size:12px;vertical-align:bottom}.compare-table th:first-child{width:32%}.comparison-sources{display:flex;justify-content:end;gap:34px;padding:18px 10px}.comparison-sources a{display:flex;gap:7px;align-items:center;color:var(--green);font-size:10px}.comparison-sources .icon{width:12px;height:12px}.about-page{padding-block:65px 75px;max-width:1050px}.about-heading{max-width:770px;margin-bottom:48px}.about-heading h1{font-size:66px;line-height:1.1;margin-block:18px 26px}.about-heading p{font-size:16px;line-height:1.9;max-width:700px}.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:38px}.about-steps article{position:relative;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.about-steps .feature-icon{margin:0 0 25px}.about-steps .feature-number{position:absolute;top:27px;right:26px}.about-steps h2{font-size:23px}.about-steps p{font-size:12px;line-height:1.9;margin-bottom:0}.editorial-card{padding:38px 42px;border:1px solid var(--line);border-radius:22px;background:var(--surface);margin-bottom:36px}.editorial-card h2{font-size:29px}.editorial-card h2:not(:first-child){margin-top:32px}.editorial-card p{font-size:14px;line-height:1.95;max-width:850px}.editorial-card .button-row{margin-top:28px}.faq-section{padding:30px 0 40px}.faq-section h2{margin-bottom:30px}.faq-section details{border-bottom:1px solid var(--line);padding-block:19px}.faq-section summary{font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);flex-shrink:0}.faq-section summary .icon{width:14px;height:14px}.faq-section details[open] summary .icon{transform:rotate(45deg)}.faq-section details p{font-size:13px;line-height:1.95;margin-top:15px;margin-bottom:4px;max-width:890px}.license-card{padding:35px 40px;border-radius:20px;background:var(--soft-green)}.license-card h2{font-size:30px}.license-card p{font-size:12px;line-height:1.95}.license-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.license-links a{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.license-links .icon{width:13px;height:13px}.lookup-page{padding-block:35px 80px;min-height:75vh}.lookup-state{text-align:center;padding:80px 20px}.lookup-state .empty-icon{margin-bottom:28px}.lookup-state h1{font-size:45px;margin-bottom:19px}.lookup-state p{font-size:14px;max-width:530px;margin:0 auto 22px;line-height:1.8}.lookup-state .button-row{justify-content:center;margin-top:28px}.barcode-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:9px 17px;background:var(--surface);font-size:12px;letter-spacing:.05em}.lookup-orbit{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:0 auto 35px;border-radius:50%;background:var(--soft-green);color:var(--green)}.lookup-orbit>.icon{width:38px;height:38px}.orbit-spinner{position:absolute;inset:-6px;border:1px solid var(--line);border-top:2px solid var(--green);border-radius:50%;animation:spin 1.5s linear infinite}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin 1.4s linear infinite}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 32px));z-index:90;display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--ink);color:var(--surface);box-shadow:0 8px 35px rgba(0,0,0,.18);border-radius:13px;font-size:12px;line-height:1.5}.toast button{color:inherit;text-decoration:underline;white-space:nowrap;font-weight:650}.toast>.icon{width:17px;height:17px}.app-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:29px;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.app-dialog::backdrop{background:rgba(14,29,20,.62);backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}.modal-head .eyebrow{font-size:8px}.modal-head h2{font-size:29px;margin:0;line-height:1.15}.modal-head .icon-button{width:34px;height:34px;border:1px solid var(--line);flex-shrink:0}.modal-head .icon-button .icon{width:17px;height:17px}.settings-section{border-top:1px solid var(--line);padding-top:21px;margin-top:23px}.settings-section h3{font-size:17px;letter-spacing:-.02em}.settings-section p{font-size:12px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-options button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:13px 6px;font-size:12px}.theme-options button[aria-pressed="true"]{border-color:var(--green);background:var(--soft-green);color:var(--green)}.theme-options .icon{width:17px;height:17px}.settings-actions{display:flex;gap:9px;margin-block:15px}.settings-actions .button{font-size:12px;flex:1}.danger-link{color:var(--danger);display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:9px 0;margin-top:6px}.danger-link .icon{width:15px;height:15px}.install-icon{margin:5px auto 22px;display:grid;place-items:center;width:85px;height:85px;background:#244d34;color:#e2edc9;border-radius:22px;box-shadow:4px 6px 0 var(--soft-green)}.install-icon .icon{width:48px;height:48px}.install-description{text-align:center;font-size:13px;line-height:1.85}.install-instructions{margin-top:26px}.install-instructions h3{font-size:17px;margin-bottom:9px}.install-instructions p{font-size:12px;line-height:1.85;margin-bottom:22px}.camera-stage{position:relative;height:300px;background:#0c1811;border-radius:14px;overflow:hidden}.camera-stage video{width:100%;height:100%;object-fit:contain}.camera-guide{position:absolute;left:10%;right:10%;top:28%;bottom:28%;border:1px solid rgba(211,233,176,.2);pointer-events:none}.camera-guide span{position:absolute;width:23px;height:23px;border:solid #dceebf}.camera-guide span:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.camera-guide span:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.camera-guide span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px}.camera-guide span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0}.camera-guide b{position:absolute;top:50%;height:1px;left:0;right:0;background:rgba(219,242,170,.6)}.camera-stage>p{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;color:#e7eddf;font-size:10px;background:rgba(14,28,19,.78);padding:7px;border-radius:6px;margin:0}.camera-status{font-size:12px;display:flex;align-items:center;gap:9px;margin:19px 0;color:var(--green)}.camera-status.error-text{color:var(--danger)}.camera-status .spinner{width:15px;height:15px;flex-shrink:0}.app-dialog .button-row{gap:9px}.app-dialog .button-row .button{font-size:11px;padding-inline:12px}.app-dialog>.footnote{margin-top:19px}.share-input{width:100%;border:1px solid var(--line);padding:12px;border-radius:9px;background:var(--bg);color:var(--ink);font-size:12px;margin-bottom:18px}.confirm-dialog-description{font-size:13px;line-height:1.85}.button-danger{background:var(--danger);color:var(--surface)}.noscript-notice{padding:40px;max-width:700px;margin:40px auto;background:#fff;border:1px solid #ddd;border-radius:20px;color:#192c25}#main:focus{outline:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan-drift{0%,100%{top:68%;opacity:.7}50%{top:84%;opacity:1}}
@media(min-width:1600px){.container{width:min(1320px,calc(100% - 120px))}.hero{gap:75px}.hero-visual{min-height:686px}.label-art{top:250px;height:318px}.art-barcode svg{height:73px}.label-art-heading{font-size:29px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header-inner{gap:14px}.main-nav a{padding-inline:10px}.nav-about{display:none!important}.hero{gap:30px}.hero h1{font-size:66px}.hero-visual{min-height:642px}.visual-title{left:30px;font-size:38px}.visual-title em{font-size:43px}.visual-top{left:28px}.label-art{left:15%;width:72%;height:284px;padding:20px}.label-art-heading{font-size:24px}.label-art-meta{font-size:7px}.art-barcode svg{height:53px}.floating-tag{font-size:10px;padding:12px}.tag-top{right:11px;top:215px}.tag-bottom{left:14px;bottom:89px}.visual-bottom{left:25px;right:25px;font-size:6px}.hero-description{font-size:15px}.scan-box{padding:20px}.trust-row{font-size:9px}.feature-card{padding:23px}.feature-card h3{font-size:21px}.section-heading h2{font-size:30px}.promo-icon{margin-right:30px}.product-hero{grid-template-columns:230px 1fr;gap:28px}.product-summary h1{font-size:34px}.product-content-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.detail-panel{padding:23px}.panel-heading{flex-wrap:wrap}.sidebar-card{padding:20px}.food-grid{grid-template-columns:repeat(3,1fr);gap:18px}.food-card-text{padding-inline:17px}.food-card h3{font-size:18px}.food-card-small h3{font-size:15px;max-width:250px}.page-heading h1{font-size:43px}.collection-toolbar{gap:15px}.collection-count{display:none}.about-heading h1{font-size:58px}}
@media(max-width:850px){.container{width:calc(100% - 42px)}.header-inner{height:77px}.brand{font-size:22px}.brand-mark{width:34px;height:34px}.main-nav{gap:0}.main-nav a{font-size:11px;padding:9px}.main-nav .icon{width:15px;height:15px}.header-actions{gap:7px}.install-header{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;padding-block:36px}.hero h1{font-size:58px}.eyebrow-pill{font-size:7px;padding:8px 10px;letter-spacing:.06em}.hero-description{font-size:13px;line-height:1.8}.scan-box{padding:17px}.scan-box h2{font-size:20px}.scan-box .eyebrow{font-size:8px}.scan-alternatives{font-size:9px;flex-wrap:wrap;justify-content:start}.scan-alternatives>span{margin-left:auto;font-size:9px}.scan-alternatives .link-button{font-size:10px}.sample-button{font-size:9px}.barcode-input-wrap{gap:6px;padding-left:9px}.barcode-input-wrap input{font-size:12px}.trust-row{font-size:8px;gap:7px;flex-wrap:wrap}.trust-row .icon{width:12px}.hero-visual{min-height:588px;border-radius:22px}.visual-title{font-size:33px;left:23px;top:80px}.visual-title em{font-size:37px}.visual-top{left:23px;right:20px;top:23px}.visual-tag{font-size:6px}.visual-spark{width:28px;height:28px}.label-art{top:229px;left:12%;width:79%;height:254px;padding:15px}.label-art-heading{font-size:21px}.label-art-top{font-size:8px}.mini-brand{font-size:5px;letter-spacing:.06em}.label-art-heading{margin-top:19px}.art-barcode{margin-top:15px}.art-barcode svg{height:49px}.art-barcode>span{font-size:7px}.floating-tag{font-size:8px;padding:11px 12px}.floating-tag .icon{width:13px;height:13px}.tag-top{top:204px;right:7px}.tag-bottom{bottom:65px;left:12px}.visual-bottom>span:last-child{display:none}.visual-bottom{bottom:25px;left:25px;font-size:6px}.feature-grid{gap:13px}.feature-card{padding:19px}.feature-card h3{font-size:19px}.feature-card p{font-size:11px}.feature-number{font-size:8px}.feature-link{font-size:9px}.feature-icon{margin-block:25px 18px;width:40px;height:40px}.feature-icon .icon{width:21px;height:21px}.section-space{margin-block:48px}.section-heading h2{font-size:27px}.principles-strip{padding:17px}.principles-strip p{font-size:11px}.empty-discoveries{padding:23px;gap:16px;flex-wrap:wrap}.empty-discoveries .button{margin-left:85px}.empty-discoveries h3{font-size:18px}.empty-discoveries p{font-size:11px}.app-promo{padding:36px 34px;margin-block:48px}.app-promo h2{font-size:31px}.promo-icon{width:130px;height:130px;border-radius:31px;margin-right:15px}.promo-icon .icon{width:46px;height:46px}.promo-icon>span{font-size:12px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top .source-link{width:100%;justify-content:end}.product-hero{grid-template-columns:180px 1fr;padding:26px;gap:24px}.product-hero-image{min-height:240px;height:100%;max-height:310px}.product-summary h1{font-size:29px}.product-summary{padding:0}.grade-group{gap:22px;margin-top:18px}.product-content-layout{grid-template-columns:1fr}.product-sidebar{display:grid;grid-template-columns:1fr 1fr;padding-top:0;gap:20px}.sidebar-card{margin-bottom:0}.priority-choices{display:grid;grid-template-columns:1fr 1fr}.priority-choices button{font-size:10px;gap:7px}.priority-choices button>.icon:last-child:not(:first-child){display:none}.detail-panel{padding:27px}.panel-heading{flex-wrap:nowrap}.nutrition-highlight>strong{font-size:34px}.food-grid{grid-template-columns:repeat(2,1fr)}.food-card-small h3{max-width:200px}.page-heading h1{font-size:37px}.page-heading{align-items:start}.collection-toolbar{padding:13px}.collection-count{display:none}.sort-control label{display:none}.collection-bottom{flex-direction:column;align-items:start;gap:10px}.about-heading h1{font-size:51px}.about-steps{gap:13px}.about-steps article{padding:21px}.about-steps h2{font-size:21px}.about-steps p{font-size:11px}.compare-selector{padding:20px}.compare-selected-food{gap:13px}.compare-selected-food .product-image{width:80px;height:110px}.compare-selected-food strong{font-size:16px}.compare-empty-note{padding:28px}.comparison-data{padding:22px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.header-inner{height:auto;min-height:112px;flex-wrap:wrap;gap:0;padding-top:18px;padding-bottom:9px;position:relative}.brand{font-size:22px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:9px}.brand-mark .icon{width:22px;height:22px}.header-actions{margin-left:auto;position:absolute;right:0;top:16px}.header-actions .icon-button{width:35px;height:35px}.header-actions .icon-button .icon{width:17px}.main-nav{order:3;width:100%;justify-content:space-between;margin-top:12px;gap:6px}.main-nav a{flex:1;justify-content:center;min-height:35px;padding:8px 10px;font-size:11px}.main-nav .icon{width:15px;height:15px}.nav-count{font-size:8px;min-width:15px;height:15px}.hero{grid-template-columns:1fr;padding-block:32px;gap:29px}.hero-copy{max-width:100%}.eyebrow-pill{font-size:7px;letter-spacing:.04em;padding:7px 10px;margin-bottom:20px;gap:7px;max-width:100%}.status-dot{width:5px;height:5px}.hero h1{font-size:clamp(54px,14.8vw,73px);letter-spacing:-.07em;line-height:1.025;margin-bottom:19px}.hero-description{font-size:13px;max-width:360px;line-height:1.8;margin-bottom:24px}.scan-box{padding:19px;border-radius:16px}.scan-box-head{margin-bottom:16px}.scan-box h2{font-size:22px}.scan-box .eyebrow{font-size:8px}.camera-cta{min-height:51px;font-size:13px}.camera-cta .icon{width:19px;height:19px}.scan-alternatives{gap:5px;margin-top:13px;margin-bottom:9px}.scan-alternatives .link-button{font-size:10px}.scan-alternatives>span{font-size:9px}.barcode-input-wrap{padding-left:12px;gap:9px}.barcode-input-wrap input{font-size:16px;letter-spacing:.01em;padding-block:9px}.input-submit{height:38px;width:38px}.input-hint{font-size:9px}.sample-button{font-size:9px;padding-top:14px;margin-top:16px;min-height:34px}.sample-button span{font-size:10px}.trust-row{justify-content:space-between;flex-wrap:nowrap;gap:7px;margin-top:14px;font-size:8px}.trust-row span{gap:4px}.trust-row .icon{width:12px;height:12px}.key-hint{display:none}.hero-visual{min-height:480px;height:480px;border-radius:21px}.visual-top{top:23px;left:25px;right:22px}.visual-tag{font-size:7px}.visual-title{top:74px;left:26px;font-size:37px}.visual-title em{font-size:41px}.label-art{top:193px;left:18%;width:65%;height:225px;max-width:320px;padding:17px}.label-art-heading{font-size:22px;margin-top:13px}.label-art-top{font-size:7px}.mini-brand{font-size:5px}.label-art-line{margin-top:12px}.label-art-meta{font-size:6px;margin-top:8px}.label-art-meta .icon{width:12px}.art-barcode{margin-top:11px;padding-bottom:4px}.art-barcode svg{height:43px}.art-barcode>span{font-size:6px;letter-spacing:.16em}.floating-tag{font-size:8px;padding:11px}.tag-top{top:178px;right:15px}.tag-bottom{bottom:48px;left:18px}.visual-bottom{bottom:19px;left:24px;right:24px;font-size:6px}.visual-bottom>span:last-child{display:block;font-size:5px}.orbit-one{top:70px;left:10px;width:420px;height:420px}.orbit-two{top:0;left:-40px;width:560px;height:560px}.principles-strip{gap:12px;padding:15px;border-radius:12px;align-items:start}.principles-strip p{font-size:10px;line-height:1.9}.strip-icon{width:34px;height:34px;border-radius:10px;margin-top:2px}.strip-icon .icon{width:17px;height:17px}.principles-strip>a{display:none}.section-space{margin-block:42px}.section-heading{gap:16px;align-items:start;margin-bottom:20px;flex-wrap:wrap}.section-heading .eyebrow{font-size:7px;letter-spacing:.13em}.section-heading h2{font-size:29px;line-height:1.13;max-width:300px}.section-heading>p{display:none}.section-note{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{display:grid;grid-template-columns:1fr 44px;gap:0 15px;padding:23px}.feature-number{font-size:8px;grid-column:1}.feature-icon{grid-column:2;grid-row:1 / 4;margin:0;width:43px;height:43px;align-self:start}.feature-card h3{grid-column:1;font-size:23px;margin-top:14px;margin-bottom:10px;line-height:1.1;max-width:255px}.feature-card p{grid-column:1 / -1;font-size:12px;max-width:90%;line-height:1.85;margin-bottom:22px}.feature-link{grid-column:1 / -1;font-size:11px}.empty-discoveries{padding:25px 20px;display:grid;grid-template-columns:47px 1fr;gap:15px}.empty-discoveries .empty-icon{width:46px;height:46px}.empty-discoveries .empty-icon .icon{width:23px;height:23px}.empty-discoveries h3{font-size:19px;line-height:1.18;margin-bottom:8px}.empty-discoveries p{font-size:11px;line-height:1.8}.empty-discoveries .button{margin:7px 0 0;grid-column:1 / -1;width:100%;font-size:12px}.recent-grid{grid-template-columns:1fr;gap:11px}.food-card-small h3{max-width:215px;font-size:16px}.food-card-small .food-card-text{padding:7px}.food-card-small .product-image{width:56px;height:64px;min-height:64px}.app-promo{padding:29px 25px;min-height:380px;align-items:start;margin-block:42px;isolation:isolate}.app-promo .eyebrow{font-size:7px;max-width:260px}.app-promo h2{font-size:30px;line-height:1.2;max-width:275px;position:relative;z-index:1}.app-promo p{font-size:12px;max-width:210px;margin-bottom:22px;position:relative;z-index:1}.app-promo .button{font-size:11px;position:relative;z-index:1}.promo-icon{position:absolute;right:-21px;bottom:19px;width:93px;height:93px;border-radius:22px;gap:6px;margin:0;z-index:-1;opacity:.9;transform:rotate(13deg)}.promo-icon .icon{width:35px;height:35px}.promo-icon>span{font-size:9px}.footer-top{padding-block:27px;gap:24px;display:grid;grid-template-columns:1fr 1fr}.footer-top .brand{font-size:21px}.footer-top .brand-mark{width:29px;height:29px}.footer-top>p{font-size:10px;text-align:right}.footer-top nav{gap:12px;font-size:10px}.footer-top nav .link-button{font-size:10px}.footer-top .source-link{font-size:9px;justify-content:end;align-items:start;max-width:150px;margin-left:auto;text-align:right}.footer-top .source-link .icon{margin-top:3px}.footer-bottom{font-size:8px;gap:10px;flex-direction:column;line-height:1.6;padding-block:17px}.page-heading{display:block;margin-bottom:26px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:37px;max-width:380px;line-height:1.1;margin-bottom:16px}.page-heading p{font-size:12px;line-height:1.8}.page-heading>.button{margin-top:22px;font-size:11px;min-height:40px;padding:10px 14px}.collection-page,.compare-page{padding-block:35px 45px}.collection-toolbar{flex-wrap:wrap;gap:13px;padding:14px}.collection-search{flex-basis:100%;border-bottom:1px solid var(--line);padding-bottom:10px}.collection-search input{font-size:16px;padding:8px 5px}.collection-search .icon{width:16px}.sort-control{width:100%;justify-content:space-between}.sort-control label{display:block;font-size:10px}.sort-control select{font-size:12px;min-height:37px;max-width:calc(100% - 60px)}.collection-note{font-size:9px;margin-bottom:21px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-card .product-image{height:124px;max-height:124px;margin:8px;border-radius:9px}.food-card .product-image img{padding:9px}.food-card-text{padding:7px 12px 13px}.food-brand{font-size:7px;letter-spacing:.08em}.food-card h3{font-size:17px;line-height:1.25;margin:8px 0}.food-card-text>p{font-size:9px;line-height:1.5}.card-metrics{flex-wrap:wrap;gap:5px 12px;font-size:8px;line-height:1.8;padding-block:10px 4px}.card-metrics strong{font-size:14px}.food-card .footnote{font-size:7px}.food-card-actions{padding:5px 7px 5px 12px}.food-card-actions .link-button{font-size:9px;gap:5px}.food-card-actions .link-button .icon{width:13px}.food-card-actions .icon-button{width:32px;height:36px}.food-card-actions .icon-button .icon{width:15px}.food-card-small .product-image{width:55px;height:59px;min-height:59px;margin:0 8px 0 0}.food-card-small .food-card-text{padding:6px}.food-card-small h3{font-size:16px;margin:4px 0}.food-card-small .food-brand{font-size:7px}.food-card-small .food-card-text>p{font-size:9px}.empty-collection{padding:44px 19px 50px}.empty-collection h2{font-size:29px;line-height:1.15}.empty-collection .eyebrow{font-size:7px}.empty-collection p{font-size:12px;line-height:1.9}.empty-collection .empty-icon{width:63px;height:63px;margin-bottom:22px}.collection-bottom p{align-items:start;font-size:9px;line-height:1.9}.collection-bottom p .icon{margin-top:3px;flex-shrink:0}.product-page{padding-block:23px 35px}.breadcrumb{gap:12px;margin-bottom:20px}.breadcrumb>span{display:none}.breadcrumb a,.breadcrumb .link-button{font-size:10px}.product-hero{grid-template-columns:1fr;padding:21px;gap:24px;border-radius:20px}.product-hero-image{min-height:190px;height:210px;max-height:210px;width:100%;border-radius:13px}.product-hero-image img{padding:19px}.product-summary h1{font-size:32px;line-height:1.15}.product-summary .eyebrow{font-size:9px;margin-bottom:13px}.product-meta{font-size:10px;gap:13px}.grade-group{gap:22px;margin-block:21px 11px}.grade-block{font-size:9px}.product-summary .footnote{font-size:9px}.product-buttons{gap:9px;margin-top:19px}.product-buttons .button{font-size:11px;min-height:43px;padding:11px 13px;gap:7px}.product-buttons .button .icon{width:16px;height:16px}.product-buttons>.icon-button{width:37px;height:37px}.source-time{font-size:8px;gap:5px}.product-content-layout{gap:20px;margin-top:24px}.detail-tabs{gap:23px}.detail-tabs button{font-size:11px;padding:13px 0}.detail-panel{padding:23px 18px;border-radius:0 0 16px 16px;min-height:350px}.panel-heading{align-items:start;flex-direction:column;gap:17px}.panel-heading .eyebrow{font-size:7px}.panel-heading h2{font-size:28px}.segmented button{font-size:10px;min-height:31px;padding:8px 12px}.nutrition-basis{font-size:9px;line-height:1.8;margin:14px 0 20px}.nutrition-highlights{gap:7px;margin-bottom:22px}.nutrition-highlight{padding:12px 9px;border-radius:9px}.nutrition-highlight>span:first-child{font-size:9px}.nutrition-highlight>strong{font-size:25px;gap:3px;margin-block:9px 5px}.nutrition-highlight small{font-size:9px}.metric-caption{font-size:7px;line-height:1.6}.nutrition-table-head{font-size:9px}.nutrition-row{padding:12px 7px;font-size:11px}.nutrition-row>strong{font-size:12px}.focus-label{font-size:6px;padding:2px 5px}.nutrition-row>span{gap:7px}.data-completeness{font-size:9px;gap:5px;margin-top:21px}.data-completeness>span:first-child{gap:3px}.data-completeness .icon{width:12px;height:12px}.completeness-dots{gap:2px}.completeness-dots b{width:5px;height:5px}.detail-panel .footnote{font-size:9px}.detail-panel>h2{font-size:27px}.detail-panel>p{font-size:12px;line-height:1.9}.detail-panel h3{font-size:16px}.ingredients-text{font-size:12px!important;line-height:2!important}.notice{font-size:11px;padding:14px;gap:9px}.notice .icon{width:16px;height:16px}.source-facts>div{font-size:10px;gap:12px}.source-facts dd{max-width:62%;overflow-wrap:anywhere}.source-facts .icon{width:11px}.detail-panel .button{font-size:11px}.product-sidebar{grid-template-columns:1fr;gap:16px}.sidebar-card{padding:22px}.sidebar-card h3{font-size:22px}.sidebar-card p{font-size:12px}.sidebar-card .eyebrow{font-size:8px}.priority-choices{grid-template-columns:1fr 1fr;gap:8px}.priority-choices button{font-size:11px;padding:12px}.sidebar-card>a{font-size:11px}.sidebar-badge{width:33px;height:33px;margin-bottom:15px}.product-disclaimer{font-size:9px;margin-block:20px 0}.compare-selectors{gap:12px}.compare-selector{padding:15px 12px;border-radius:15px}.compare-selector>label{font-size:11px;gap:7px;margin-bottom:12px}.slot-number{width:21px;height:21px;font-size:9px}.compare-selector>select{font-size:11px;padding:10px 20px 10px 8px;text-overflow:ellipsis;min-height:39px}.compare-slot-empty{flex-direction:column;gap:10px;min-height:130px;text-align:center;padding:12px 7px;margin-block:15px}.compare-slot-empty>.icon{width:26px;height:26px}.compare-slot-empty p{font-size:10px;line-height:1.7}.compare-selector>.link-button{font-size:9px;gap:4px;line-height:1.5;text-align:left;min-height:35px}.compare-selector>.link-button .icon{width:13px;height:13px}.versus{width:31px;height:31px;font-size:19px}.compare-selected-food{flex-direction:column;align-items:start;gap:11px;margin-block:15px}.compare-selected-food .product-image{width:100%;height:110px}.compare-selected-food strong{font-size:16px;line-height:1.3}.compare-selected-food span{font-size:9px;margin:6px 0}.compare-selected-food a{font-size:9px}.compare-empty-note{padding:25px 18px;gap:14px;align-items:start}.compare-empty-note>.icon{width:24px;height:24px;margin-top:4px}.compare-empty-note h3{font-size:21px;line-height:1.2}.compare-empty-note p{font-size:11px;line-height:1.9}.comparison-data{padding:18px 12px;border-radius:16px;margin-top:22px}.comparison-focus{align-items:start;flex-direction:column;gap:13px;margin-bottom:18px}.comparison-focus>span{font-size:10px}.comparison-focus .segmented{width:100%}.comparison-focus .segmented button{flex:1;padding:7px 9px;font-size:9px}.compare-table th,.compare-table td{padding:13px 7px}.compare-table thead th{font-size:10px;line-height:1.6}.compare-table td{font-size:11px}.compare-table tbody th{font-size:10px;line-height:1.7}.compare-table th:first-child{width:34%}.comparison-sources{padding:16px 5px;gap:22px;justify-content:space-between}.comparison-sources a{font-size:9px;gap:5px}.comparison-sources .icon{width:11px}.comparison-data .footnote{font-size:9px}.about-page{padding-block:37px 45px}.about-heading{margin-bottom:33px}.about-heading .eyebrow{font-size:8px}.about-heading h1{font-size:48px;margin-block:17px 22px;line-height:1.05}.about-heading p{font-size:13px;line-height:1.9}.about-steps{grid-template-columns:1fr;gap:13px;margin-bottom:27px}.about-steps article{padding:23px}.about-steps .feature-icon{margin-bottom:22px}.about-steps h2{font-size:25px}.about-steps p{font-size:12px}.editorial-card{padding:25px 22px;border-radius:17px;margin-bottom:27px}.editorial-card h2{font-size:27px;line-height:1.1}.editorial-card p{font-size:12px;line-height:2}.editorial-card .source-link{font-size:11px}.editorial-card .button-row .button{font-size:11px}.faq-section{padding:24px 0 32px}.faq-section h2{font-size:31px;margin-bottom:22px}.faq-section summary{font-size:13px;line-height:1.6;gap:14px}.faq-section details{padding-block:17px}.faq-section details p{font-size:12px}.license-card{padding:25px 22px;border-radius:17px}.license-card h2{font-size:28px;line-height:1.15}.license-card p{font-size:11px;line-height:1.95}.license-links{gap:15px;margin-top:22px}.license-links a{font-size:10px}.lookup-page{padding-block:26px 40px}.lookup-state{padding:65px 10px}.lookup-state h1{font-size:35px;line-height:1.1}.lookup-state .eyebrow{font-size:8px}.lookup-state p{font-size:12px;line-height:1.9}.lookup-state .button-row{gap:10px}.lookup-state .button{font-size:12px}.app-dialog{padding:23px 20px;width:calc(100vw - 28px);border-radius:19px;max-height:calc(100dvh - 30px)}.modal-head{gap:12px;margin-bottom:21px}.modal-head h2{font-size:26px;line-height:1.1}.modal-head .eyebrow{font-size:7px}.modal-head .icon-button{width:31px;height:31px}.theme-options button{font-size:11px;padding:12px 5px;gap:6px}.settings-actions .button{font-size:10px;padding:11px;gap:7px}.settings-actions .icon{width:17px}.settings-section p{font-size:11px;line-height:1.9}.danger-link{font-size:10px}.install-description{font-size:12px}.install-instructions p{font-size:11px}.camera-stage{height:250px}.camera-status{font-size:11px;line-height:1.7}.camera-stage>p{font-size:9px}.app-dialog .button-row{gap:10px}.app-dialog .button-row .button{font-size:10px;padding-inline:11px}.app-dialog .button-row .link-button{font-size:10px}.app-dialog .footnote{font-size:9px}.toast{bottom:17px;padding:13px 15px;border-radius:12px;font-size:11px;max-width:calc(100vw - 28px)}.offline-banner{font-size:10px;justify-content:start;padding:10px 18px;line-height:1.6}.offline-banner .icon{flex-shrink:0}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero h1{font-size:53px}.eyebrow-pill{font-size:6px}.scan-box{padding:16px}.scan-alternatives{flex-direction:column;align-items:start}.scan-alternatives>span{margin-left:0}.trust-row{font-size:7px}.visual-title{font-size:34px}.label-art{left:14%;width:73%}.feature-card h3{font-size:21px}.page-heading h1{font-size:34px}.nutrition-highlight>strong{font-size:23px}.food-grid{gap:9px}.food-card h3{font-size:16px}.detail-tabs{gap:18px}.detail-tabs button{font-size:10px}.food-card-small h3{max-width:175px}.data-completeness{flex-wrap:wrap;gap:8px}.compare-selector{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.art-scan-line{animation:none}}
@media print{.site-header,.site-footer,.page-heading>.button,.compare-selector>.link-button,.comparison-focus,.toast,.app-dialog,.skip-link{display:none!important}:root{--bg:#fff;--surface:#fff;--ink:#000;--muted:#444;--line:#ccc;--soft-green:#edf1e9}.container{width:100%;max-width:none}.compare-page{padding:10px}.compare-selectors{gap:15px}.compare-selector{break-inside:avoid}.compare-selector select{display:none}.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:10px}.comparison-data{break-inside:avoid;padding:15px}.notice{font-size:10px}.page-heading h1{font-size:30px}}
/* 2.1: compact recovery flow and actionable, source-transparent diagnostics. */
.release-pill{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--border,#dce5de);border-radius:50px;font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap;color:var(--muted,#64756c);background:var(--surface,#fff)}
.lookup-page-v21{padding-bottom:70px}.lookup-recovery-card{max-width:700px;margin:30px auto 0;padding:38px 42px;background:var(--surface,#fff);border:1px solid var(--border,#dce5de);border-radius:28px;box-shadow:0 15px 60px #143b2810}.recovery-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.recovery-icon{display:grid;place-items:center;width:62px;height:62px;background:#eaf2e1;border-radius:20px;color:#245841}.recovery-icon svg{width:28px;height:28px}.lookup-recovery-card h1{font-size:clamp(30px,4.5vw,46px);line-height:1.14;letter-spacing:-.045em;margin:13px 0 22px;max-width:580px}.lookup-recovery-card .barcode-chip{margin:0 0 20px;padding:11px 16px;font-size:17px;width:fit-content}.recovery-message{font-size:16px;line-height:1.65;color:var(--muted,#5d7166);margin:0 0 22px}.recovery-status{display:grid;gap:13px;padding:19px 0;border-top:1px solid var(--border,#dce5de);border-bottom:1px solid var(--border,#dce5de);margin-bottom:25px;font-size:13px;line-height:1.5}.recovery-status>div{display:flex;align-items:center;gap:11px}.recovery-status svg{flex:0 0 18px;color:#437f60}.recovery-links{display:flex;flex-wrap:wrap;gap:18px;margin:23px 0;font-size:12px;font-weight:600}.recovery-links a{display:inline-flex;gap:6px;align-items:center}.recovery-links svg{width:15px;height:15px}.lookup-progress{display:flex;gap:15px;align-items:center;padding:18px 20px;border-radius:15px;background:#edf4e7;margin:8px 0 18px}.lookup-progress p{margin:0;font-size:15px;color:#254c38}.lookup-progress .spinner{flex:0 0 18px}.retry-notice{display:flex;gap:10px;align-items:flex-start;padding:14px;background:#fbf0d4;color:#6c5424;border-radius:12px;font-size:13px}.product-connection-note{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:var(--muted,#5d7166);margin-top:18px}.product-connection-note svg{color:#377752;width:16px;height:16px}
.connection-page{padding-top:32px;padding-bottom:75px}.connection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:32px 0}.connection-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 16px}.connection-heading h1 span{color:#6a9277}.connection-heading p{color:var(--muted,#5d7166);font-size:16px;max-width:630px;line-height:1.65}.connection-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.connection-card{padding:28px;border:1px solid var(--border,#dce5de);background:var(--surface,#fff);border-radius:22px;margin-bottom:20px;min-width:0}.connection-card h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:12px 0 20px}.connection-card h3{font-size:17px;line-height:1.4}.connection-card p{font-size:14px;line-height:1.7;color:var(--muted,#5d7166)}.connection-card .footnote{font-size:12px}.connection-card label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.connection-input{display:flex;gap:10px;flex-wrap:wrap}.connection-input input{border:1px solid var(--border,#dce5de);border-radius:12px;background:transparent;color:inherit;min-width:0;flex:1 1 175px;padding:14px;font:inherit;letter-spacing:.035em}.connection-input .button{font-size:13px;min-height:50px;padding:12px 17px;flex-shrink:0}.connection-live{font-size:13px;display:flex;gap:10px;align-items:center;margin-top:15px;min-height:18px}.connection-live:empty{display:none}.connection-result-top{display:flex;gap:16px;align-items:flex-start}.connection-result-top>svg{flex:0 0 25px;margin-top:3px}.connection-result-top h2{margin-bottom:10px}.connection-result-good{border-color:#a8c6ae}.connection-result-good .connection-result-top>svg{color:#327148}.connection-attempts{margin:25px 0}.connection-attempt{display:flex;gap:13px;padding:18px 0;border-top:1px solid var(--border,#dce5de)}.connection-attempt>div{min-width:0;flex:1}.connection-node{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f0f3ef;color:#587364;flex:0 0 35px}.connection-success .connection-node{background:#e5f2de;color:#357047}.connection-attempt h3{font-size:14px;margin:0 0 5px}.connection-attempt p{margin:0 0 9px;font-size:12px}.connection-timing{display:block;font-size:11px;color:var(--muted,#64756c)}.connection-attempt code{font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted,#64756c)}.connection-attempt details{font-size:12px;margin-top:12px}.connection-attempt summary{cursor:pointer;font-weight:600}.connection-attempt ol{padding-left:16px}.connection-attempt li{margin:10px 0}.connection-attempt li span{font-size:11px}.connection-empty{text-align:center;padding:35px}.connection-empty>svg{width:28px;height:28px;color:#6e8e79}.connection-facts{font-size:12px}.connection-facts>div{padding:13px 0;border-bottom:1px solid var(--border,#dce5de)}.connection-facts dt{color:var(--muted,#64756c);margin-bottom:6px}.connection-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.connection-side a{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.diagnostic-copy{width:100%;height:280px;border:1px solid #dce5de;border-radius:12px;background:transparent;color:inherit;padding:14px;font:12px/1.65 ui-monospace,monospace;resize:vertical}
[data-theme=dark] .connection-card,[data-theme=dark] .lookup-recovery-card,[data-theme=dark] .release-pill{background:#17271e;border-color:#2b4033}[data-theme=dark] .connection-card p,[data-theme=dark] .recovery-message,[data-theme=dark] .connection-heading p,[data-theme=dark] .connection-attempt code,[data-theme=dark] .connection-timing,[data-theme=dark] .release-pill{color:#adbbaf}[data-theme=dark] .recovery-icon,[data-theme=dark] .lookup-progress,[data-theme=dark] .connection-node{background:#29442f;color:#cbe5bf}[data-theme=dark] .lookup-progress p{color:#cbe5bf}
@media(max-width:950px){.connection-layout{grid-template-columns:minmax(0,1fr) 270px}.connection-card{padding:23px}}@media(max-width:760px){.connection-layout{grid-template-columns:1fr}.connection-heading{flex-direction:column;gap:8px;margin:24px 0}.connection-heading .release-pill{order:-1}.connection-heading .eyebrow{font-size:9px;letter-spacing:.12em}.connection-heading p{font-size:14px}.lookup-recovery-card{margin:20px auto 0;padding:26px 23px;border-radius:22px}.lookup-recovery-card h1{font-size:34px}.lookup-recovery-card .eyebrow{font-size:9px;letter-spacing:.12em}.lookup-recovery-card .button-row{display:grid;grid-template-columns:1fr;gap:10px}.lookup-recovery-card .button{justify-content:center;width:100%;font-size:14px;min-height:48px}.recovery-links{display:grid;gap:15px}.connection-input{flex-direction:column}.connection-input input{flex:auto;width:100%;min-height:49px}.connection-card{padding:22px}.connection-result-top .eyebrow{font-size:9px}.connection-page{padding-top:25px}.connection-result-top h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.lookup-progress .spinner{animation:none}}