:root{--ink:#12261c;--muted:#4d6758;--cream:#f4efe4;--lime:#c8e872;--green-50:#f1f8f3;--green-100:#dcefe3;--green-300:#8fd0a8;--green-500:#1f9a64;--green-600:#188a58;--green-700:#146c46;--green-800:#11583a;--green-900:#0d3b28;--line:#d7e6db;--shadow:0 18px 50px #0d3b2814;--shadow-lg:0 30px 70px #0d3b281f;--sans:"Manrope", "Segoe UI", system-ui, sans-serif;--serif:"Fraunces", Georgia, serif;--shell-max:1440px;--shell-gutter:16px;--shell:min(calc(100% - (var(--shell-gutter) * 2)), var(--shell-max))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font:16px/1.55 var(--sans);color:var(--ink);background:radial-gradient(circle at 8% -12%, #1f9a6438, transparent 32%), radial-gradient(circle at 92% 4%, #c8e87238, transparent 30%), radial-gradient(circle at 50% 18%, #ffffff73, transparent 42%), linear-gradient(180deg, #fbf8f0 0%, var(--cream) 38%, #eef6ef 100%);margin:0;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(36px);pointer-events:none;border-radius:50%;position:fixed}body:before{background:#1f9a6429;width:340px;height:340px;top:120px;left:-90px}body:after{background:#c8e8722e;width:380px;height:380px;bottom:8%;right:-130px}#root{min-height:100svh}button,input,a{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}h1,h2,h3,p{text-wrap:pretty}.page{flex-direction:column;min-height:100svh;display:flex;position:relative}.page:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:radial-gradient(#12261c59 .6px,#0000 .6px);background-size:3px 3px;position:fixed;inset:0}.page>*{z-index:1;position:relative}.topbar{z-index:20;background:#fbf8f0;border-bottom:1px solid #d7e6db8c;width:100%;transition:padding .28s,background .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;animation:.5s both navIn;position:sticky;top:0}.topbar.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8f0b8;box-shadow:0 12px 32px #0d3b2814}.navbar-inner{width:var(--shell);justify-content:space-between;align-items:center;gap:12px 20px;min-width:0;max-width:100%;margin:0 auto;padding:12px 0;display:flex;position:relative}.topbar.is-scrolled .navbar-inner{padding:8px 0}.brand{color:var(--ink);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:10px;min-width:0;font-weight:800;text-decoration:none;display:flex}.logo{width:38px;height:38px;box-shadow:var(--shadow);background:linear-gradient(#e8f8ee,#d5efdf);border-radius:14px;place-items:center;display:grid}.nav{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:8px 16px;min-width:0;display:flex}.nav a{white-space:nowrap}.nav a,.text-link{color:var(--green-800);cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:none}.nav a:hover,.text-link:hover{color:var(--green-600)}.topbar-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.nav-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--green-800);cursor:pointer;background:#fff;border-radius:12px;font-size:20px;display:none}.mode-pill,.eco-pill,.gemini-badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.mode-pill.is-demo{color:#9a3412;background:#fff4e5}.mode-pill.is-live{background:var(--green-100);color:var(--green-800);align-items:center;gap:7px;display:inline-flex}.live-dot{background:var(--green-600);border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite livePulse;box-shadow:0 0 #1f9a6473}.eco-pill,.mode-pill{white-space:nowrap}.eco-pill{background:var(--green-100);color:var(--green-800)}.eco-pill.is-pulse{animation:.7s ecoBump}.nav-cta{text-decoration:none}.hero,.features,.how,.recent-section,.upload-section{width:var(--shell);max-width:100%;margin-left:auto;margin-right:auto}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;margin:28px auto;padding:12px 0 8px;display:grid}.hero-copy{min-width:0}.enter{animation:.55s both fadeUp}.enter-1{animation-delay:80ms}.enter-2{animation-delay:.16s}.enter-3{animation-delay:.28s}.enter-4{animation-delay:.38s}.enter-5{animation-delay:.48s}.enter-6{animation-delay:.58s}.enter-feature-1{animation-delay:.72s}.enter-feature-2{animation-delay:.84s}.enter-feature-3{animation-delay:.96s}.enter-feature-4{animation-delay:1.08s}.enter-feature-5{animation-delay:1.2s}.eyebrow{color:var(--green-800);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#dcefe3f2,#c8e87259);border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.hero h1,.how h2,.upload-section h2,.recent-section h2,.results h3{font-family:var(--serif);color:var(--green-900);margin:0}.hero h1{letter-spacing:-.04em;font-size:clamp(40px,7vw,72px);line-height:.96}.tagline{color:var(--green-700);margin:14px 0 16px;font-size:clamp(22px,3vw,32px);font-weight:700}.lede{max-width:48ch;color:var(--muted);margin:0 0 26px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary,.secondary{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:13px 22px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s,border-color .18s;display:inline-flex}.primary{appearance:none;background:linear-gradient(180deg, #27b072, var(--green-700));color:#fff;border:0;box-shadow:0 14px 30px #146c4647}.secondary{border:1px solid var(--line);color:var(--green-800);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7}.primary:hover:not(:disabled){transform:translateY(-2px)scale(1.03);box-shadow:0 18px 36px #146c4657,0 0 0 6px #1f9a641f}.secondary:hover:not(:disabled){border-color:var(--green-600);transform:translateY(-2px);box-shadow:0 10px 24px #0d3b281a}.feature-card:hover,.swap-card:hover,.tip-card:hover,.recent-card:hover{transform:translateY(-5px)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero-visual{place-items:center;width:100%;min-width:0;min-height:420px;padding:8px;animation:.8s .28s both previewIn;display:grid;position:relative;overflow:hidden}.hero-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(28px);pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite blobDrift;position:absolute}.blob-a{background:#1f9a6438;width:220px;height:220px;top:10%;left:6%}.blob-b{background:#c8e87252;width:190px;height:190px;animation-delay:-4s;bottom:8%;right:2%}.hero-orb{z-index:1;aspect-ratio:1;width:min(100%,420px);position:relative}.orb-ring{pointer-events:none;border-radius:50%;position:absolute}.orb-ring-outer{border:1px solid #1f9a6429;animation:32s linear infinite spin;inset:4%;box-shadow:0 0 40px #1f9a6414}.orb-ring-mid{border:1.5px dashed #8fd0a8b3;animation:26s linear infinite reverse spin;inset:13%}.orb-ring-inner{border:2px solid #c8e8728c;animation:4.6s ease-in-out infinite orbPulse;inset:22%}.orb-scan{pointer-events:none;border-radius:50%;position:absolute;inset:26%;overflow:hidden}.orb-scan:after{content:"";background:linear-gradient(#0000,#c8e87261,#0000);height:22%;animation:5.8s ease-in-out infinite scanSweep;position:absolute;top:-30%;left:10%;right:10%}.orb-core{background:radial-gradient(circle at 35% 30%,#fffffff2,#0000 42%),linear-gradient(#f7fbf4,#e7f5ec);border:1px solid #fffffff2;border-radius:50%;place-items:center;animation:4.8s ease-in-out infinite orbBreathe;display:grid;position:absolute;inset:28%;box-shadow:0 0 0 14px #1f9a6412,0 22px 50px #0d3b281f,0 0 48px #c8e87247}.orb-plate{filter:drop-shadow(0 10px 16px #0d3b281f);font-size:clamp(52px,8vw,72px);line-height:1}.hero-chip{z-index:2;color:var(--green-800);white-space:nowrap;background:#ffffffe6;border:1px solid #d7e6dbf2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;animation:.55s both fadeUp;position:absolute;box-shadow:0 10px 22px #0d3b2814}.chip-vision{animation-delay:.7s;top:7%;left:8%}.chip-health{animation-delay:.9s;top:24%;right:0}.chip-planet{animation-delay:1.1s;bottom:24%;left:0}.chip-swaps{animation-delay:1.28s;bottom:8%;right:4%}.float{filter:drop-shadow(0 8px 12px #0d3b281f);pointer-events:none;animation:5.5s ease-in-out infinite floaty;position:absolute}.leaf-a{font-size:26px;top:14%;left:6%}.leaf-b{font-size:24px;animation-name:floatRotate;animation-delay:-1.4s;bottom:16%;right:4%}.spark-a{animation-name:sparkle;top:8%;right:16%}.spark-b{color:var(--green-600);animation-name:sparkle;animation-delay:-2s;bottom:12%;left:14%}.food-shape{font-size:26px;animation-delay:-2.4s;top:44%;right:10%}.features{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:56px;display:grid}.feature-card,.how-card,.upload-section,.score-card,.swap-card,.compare-card,.voice,.recent-card,.tip-card,.leftover-card,.preview-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;border:1px solid #ffffffd1}.feature-card,.how-card,.recent-card,.tip-card,.swap-card,.score-card,.compare-card{border-radius:24px;transition:transform .2s,box-shadow .2s}.feature-card{background:linear-gradient(#ffffffdb,#f1f8f3c7);border:1px solid #d7e6dbe6;padding:24px 18px 22px}.feature-card:hover{box-shadow:var(--shadow-lg);background:linear-gradient(#fffffff2,#e8f6e2e0)}.feature-icon{background:linear-gradient(180deg, var(--green-50), #eaf6c9);border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:14px;font-size:26px;transition:transform .2s;display:grid}.feature-card:hover .feature-icon{transform:scale(1.08)}.feature-card h2,.how-card h3,.upload-section h2,.results h3{color:var(--ink);margin:0 0 8px}.feature-card p,.how-card p,.empty-note{color:var(--muted);margin:0;font-size:14px}.how,.recent-section{margin-bottom:48px}.how{text-align:center}.how h2,.recent-section h2{margin-bottom:24px;font-size:36px}.how-grid,.recent-grid,.tips-grid{gap:16px;display:grid}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-card{text-align:left;padding:24px 20px}.how-card span{background:linear-gradient(180deg, var(--green-600), var(--green-800));color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:12px;font-weight:800;display:grid}.recent-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-card{padding:18px}.recent-card h3{margin:0 0 8px;font-size:18px}.recent-card p{margin:0;font-weight:800}.recent-card small{color:var(--muted)}.upload-section{border-radius:32px;margin-bottom:36px;padding:32px;scroll-margin-top:92px}.upload-section h2{font-size:32px}.upload-section>p,.wizard-panel>p{color:var(--muted);margin:8px 0 22px}.mode-pick{grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 24px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;background:#ffffffd1;border-radius:24px;gap:8px;padding:22px 20px 18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:grid}.mode-card:hover{box-shadow:var(--shadow);border-color:var(--green-300);transform:translateY(-4px)}.mode-card.is-selected{border-color:var(--green-600);background:linear-gradient(#e8f8eef2,#ffffffe6);position:relative;box-shadow:0 12px 28px #146c461f}.mode-card.is-selected:after{content:"✓";background:var(--green-600);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid;position:absolute;top:14px;right:16px}.mode-icon{font-size:32px}.mode-card strong{color:var(--green-900);font-size:20px}.mode-card em{color:var(--green-800);font-style:normal;font-weight:700}.mode-card p{color:var(--muted);margin:0;font-size:14px}.mode-cta{color:var(--green-700);margin-top:6px;font-size:13px;font-weight:800}.mode-detail{gap:14px;margin-top:8px;display:grid}.mode-detail h3{font-family:var(--serif);margin:8px 0 0}.mode-detail h4{margin:8px 0 0}.mode-detail>.primary,.mode-detail>.secondary{justify-self:start}.unit-suffix{color:var(--muted);white-space:nowrap;flex-shrink:0;padding:0 4px;font-weight:800}.known-box{border:1px solid var(--line);background:#ffffffb3;border-radius:18px;padding:14px 16px}.known-box summary{cursor:pointer;color:var(--green-800);font-weight:800}.known-box p{color:var(--muted);margin:10px 0;font-size:14px}.stepper{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.stepper li{margin:0}.stepper button{background:var(--green-50);color:var(--muted);text-align:left;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:flex}.stepper button small{opacity:.8;font-weight:600;display:block}.step-mark{width:22px;height:22px;color:var(--green-800);background:#fff;border-radius:50%;place-items:center;font-size:12px;display:grid}.stepper li.is-active button{background:linear-gradient(180deg, var(--green-500), var(--green-700));color:#fff;cursor:default;opacity:1;transform:translateY(-1px)}.stepper li.is-clickable:not(.is-done) button{color:var(--green-800);background:#e7f5ec}.stepper li.is-active .step-mark,.stepper li.is-done .step-mark{color:#fff;background:#fff3}.stepper li.is-done button{color:var(--green-800);background:#d9f0e1}.stepper li.is-clickable button{cursor:pointer}.stepper li.is-clickable button:hover{background:#c6e6d2;transform:translateY(-2px)}.stepper li.is-locked button{cursor:not-allowed;opacity:.55}.wizard-back{margin:0 0 12px;padding:0;display:inline-flex}.dropzone{border:2px dashed var(--green-300);cursor:pointer;background:radial-gradient(circle at 50% 0,#c8e8722e,#0000 46%),#f1f8f3db;border-radius:28px;margin:16px 0;padding:42px 28px;transition:border-color .15s,background .15s,transform .15s;display:block}.dropzone input,.preview-actions label input{display:none}.dropzone.is-dragging,.dropzone:hover{border-color:var(--green-600);background:var(--green-100);transform:translateY(-2px)}.dropzone-copy,.preview-card{text-align:center;justify-items:center;gap:8px;display:grid}.dropzone-icon{font-size:42px}.dropzone-copy em{color:var(--green-700);font-style:normal;font-weight:800}.dropzone-copy small{color:var(--muted)}.preview-card{border-radius:28px;margin:16px 0;padding:18px}.preview-card img,.result-photo{object-fit:cover;width:min(100%,520px);max-height:340px;box-shadow:var(--shadow);border-radius:22px}.preview-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.preview-actions .primary{min-width:220px}.loader{background:radial-gradient(circle at 50% 0%, #1f9a6429, transparent 48%), var(--green-50);text-align:center;border-radius:24px;margin-top:20px;padding:28px 20px}.loader-glow{background:radial-gradient(circle,#c8e87273,#0000 68%);border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 12px;animation:1.8s ease-in-out infinite pulse;display:grid}.loader-orb{border:4px solid var(--green-100);border-top-color:var(--green-600);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}.loader p{color:var(--green-800);margin:0 0 8px;font-weight:800}.loader-note{color:var(--muted)!important;font-size:12px!important;font-weight:600!important}.loader ul{color:var(--muted);gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.loader li{opacity:.35;animation:5s ease-in-out infinite stepfade}.loader li span{color:var(--green-600);font-weight:800}.loader li:nth-child(2){animation-delay:.45s}.loader li:nth-child(3){animation-delay:.9s}.loader li:nth-child(4){animation-delay:1.35s}.loader li:nth-child(5){animation-delay:1.8s}.error-note,.fallback-note{text-align:center;border-radius:12px;margin-top:14px;padding:10px 12px}.error-note{color:#991b1b;background:#fef2f2}.fallback-note{color:#9a3412;background:#fff4e5;font-weight:700}.results{border-top:1px solid var(--line);margin-top:28px;padding-top:28px;scroll-margin-top:92px}.results.reveal{animation:.55s rise}.results h3{font-size:26px}.results-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;margin-bottom:28px;display:grid}.result-photo{width:100%;max-height:360px}.detected-label{margin:12px 0 8px;font-weight:800}.badge-row{flex-wrap:wrap;align-items:flex-start;gap:8px;margin:12px 0;display:flex}.food-list{flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.food-list li,.highlight-chips li{background:var(--green-50);border:1px solid var(--line);color:var(--green-800);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.food-note,.portion-note,.disclaimer,.safety-note{color:var(--muted);font-size:13px}.food-note,.portion-note{margin:0 0 16px}.score-grid,.swap-grid,.improved,.tips-grid{gap:16px;margin-bottom:28px;display:grid}.score-grid,.improved{grid-template-columns:1fr auto 1fr;align-items:stretch}.score-grid{grid-template-columns:1fr 1fr}.swap-grid,.tips-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score-card,.swap-card,.compare-card{padding:22px 18px}.score-card{text-align:center;flex-direction:column;align-items:center;min-height:100%;display:flex}.score-card--health{background:linear-gradient(#fffaf0eb,#fffc)}.score-card--planet{background:linear-gradient(#f1f8f3f2,#fffc)}.score-card p,.swap-from,.swap-to,.swap-card small,.tip-card p,.highlight-chips li,.food-list li{overflow-wrap:anywhere}.score-card>p{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.score-ring{place-items:center;width:148px;height:148px;margin:8px auto 16px;display:grid;position:relative}.score-ring svg{width:148px;height:148px;display:block;transform:rotate(-90deg)}.score-track,.score-fill{fill:none;stroke-width:10px}.score-track{stroke:#dceee3}.score-fill{stroke-linecap:round;transition:stroke-dashoffset 1.1s}.score-card--health .score-fill{stroke:#d97706}.score-card--planet .score-fill{stroke:var(--green-600)}.score-value{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;margin:0;line-height:1;display:flex;position:absolute;inset:0}.score-value strong{letter-spacing:-.04em;color:var(--ink);font-size:38px;font-weight:800;line-height:1;display:block}.score-value span{color:var(--muted);margin-top:4px;font-size:13px;font-weight:700;line-height:1;display:block}.highlight-chips,.highlights{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.highlights{text-align:left;color:var(--muted);justify-items:start;font-size:13px;display:grid}.confidence{cursor:pointer;text-align:left;border-radius:16px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.confidence summary{cursor:pointer;list-style:none}.confidence summary::-webkit-details-marker{display:none}.confidence p{max-width:260px;margin:8px 0 0;font-weight:600;line-height:1.4}.confidence.is-estimated{color:#9a3412;background:#fff4e5}.confidence.is-confirmed{background:var(--green-100);color:var(--green-800)}.hidden-warning,.leftover-card{text-align:left;border-radius:22px;margin:0 0 22px;padding:18px}.hidden-warning{background:#fff7ed}.leftover-idea{margin-top:14px}.leftover-idea ol{padding-left:18px}.tip-card{padding:18px}.tip-card span{text-transform:capitalize;color:var(--green-700);margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.tip-health{background:linear-gradient(#fff7ed,#fff)}.tip-sustainability{background:linear-gradient(#f1f8f3,#fff)}.tip-balance{background:linear-gradient(#f8faf0,#fff)}.swap-card{text-align:center}.swap-card.is-accepted{background:#f3faf5;outline:2px solid #1f9a642e}.swap-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:11px;display:block}.swap-from{color:var(--muted);margin:0;text-decoration:line-through}.swap-arrow,.compare-arrow{color:var(--green-600);place-items:center;margin:6px 0;font-size:22px;font-weight:800;display:grid}.compare-arrow{align-self:center}.swap-to{margin:0 0 8px;font-weight:800}.swap-card small,.eco-reward{color:var(--muted)}.eco-reward{color:var(--green-700);margin:8px 0 0;font-weight:800}.swap-card .secondary{margin-top:12px}.improve-btn{margin:0 auto 20px;display:block}.compare-card h4,.compare-card h5{margin:0 0 10px}.compare-card.is-improved{background:#fff;outline:2px solid #22a06b33;animation:.5s rise}.compare-card p strong{margin-top:4px;font-size:32px;display:block}.improved-title{font-weight:800}.voice{text-align:center;background:radial-gradient(circle at 50% 18%,#1f9a642e,#0000 36%),#ffffffc7;border-radius:32px;width:min(860px,100% - 40px);margin:0 auto 48px;padding:36px 24px;scroll-margin-top:92px}.gemini-badge{background:var(--green-100);color:var(--green-800);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;display:inline-block}.voice-prompt{color:var(--green-800);margin:0 0 18px;font-size:20px;font-weight:800}.orb-wrap{place-items:center;width:168px;height:168px;margin:0 auto 8px;display:grid;position:relative}.orb-ring{border:2px solid #1f9a642e;border-radius:50%;position:absolute;inset:10px}.ring-b{border-color:#c8e87259;inset:0}.orb-wrap.is-waiting .orb-ring,.orb-wrap.is-listening .orb-ring,.orb-wrap.is-speaking .orb-ring{animation:1.6s ease-in-out infinite pulse}.orb-wrap.is-thinking .orb-ring{animation:6s linear infinite spin}.mic-btn{background:linear-gradient(180deg, #34d399, var(--green-700));color:#fff;cursor:pointer;z-index:1;border:0;border-radius:50%;width:108px;height:108px;font-size:38px;box-shadow:0 16px 36px #146c464d}.mic-btn.is-listening,.mic-btn.is-speaking,.mic-btn.is-waiting{box-shadow:0 0 0 10px #22a06b1f,0 16px 36px #146c464d}.mic-btn:disabled{cursor:not-allowed}.voice-state{color:var(--green-800);margin:8px 0 0;font-weight:800}.mic-status,.voice-fallback{color:var(--muted);margin:6px 0 0}.handsfree-row,.suggest-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.suggest-chip{border:1px solid var(--line);color:var(--green-800);cursor:pointer;background:#fffc;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.suggest-chip:hover:not(:disabled){background:var(--green-50)}.voice-form{gap:8px;margin-top:18px;display:flex}.voice-form input,.profile-card input,.profile-card select,.weight-field input,.chip-form input{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;border-radius:999px;flex:1;padding:12px 16px}.history{text-align:left;gap:10px;margin-top:18px;display:grid}.bubble{background:var(--green-50);border-radius:16px;gap:4px;margin:0;padding:12px 14px;display:grid}.bubble-you{border:1px solid var(--line);background:#fff}.toast{z-index:30;background:linear-gradient(180deg, var(--green-500), var(--green-800));color:#fff;box-shadow:var(--shadow-lg);border-radius:18px;padding:14px 18px;font-weight:800;animation:.35s pop;position:fixed;top:84px;right:24px}.profile-card p,.optional-note{color:var(--muted)}.profile-hint{margin:0 0 4px;font-size:13px;font-weight:600}.measure-row{flex-wrap:wrap;align-items:stretch;gap:8px;min-width:0;display:flex}.measure-row>input,.measure-row .height-imperial{flex:auto;min-width:0}.unit-toggle{background:var(--green-50);border:1px solid var(--line);border-radius:999px;flex:none;align-items:stretch;min-height:46px;padding:3px;display:inline-flex}.unit-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800;line-height:1}.unit-toggle button.is-active{background:linear-gradient(180deg, var(--green-500), var(--green-700));color:#fff}.height-imperial{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.height-part{align-items:center;gap:6px;min-width:0;display:flex}.height-part input{flex:1;min-width:0}.height-part span{color:var(--muted);flex-shrink:0;font-weight:800}.optional-note{font-weight:700}.profile-grid,.chip-form{gap:12px;margin:16px 0;display:grid}.profile-grid{grid-template-columns:1fr 1fr}.profile-card select{cursor:pointer;color:inherit}.profile-card label,.weight-field{text-align:left;gap:6px;font-size:13px;font-weight:700;display:grid}.chip-form{grid-template-columns:1fr auto}.food-list li button{color:var(--green-800);cursor:pointer;background:0 0;border:0;margin-left:6px;font-weight:800}.dropzone.compact{text-align:center;margin:12px 0;padding:16px}.weight-field{margin:12px 0 18px}.weight-field span{color:var(--muted);font-weight:500}.footer{text-align:center;color:var(--muted);margin-top:auto;padding:24px;font-size:13px}.land-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.land-reveal.is-in{opacity:1;transform:none}.voice-reveal{width:100%}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.85;transform:scale(1.05)}}@keyframes floaty{50%{transform:translateY(-6px)}}@keyframes floatRotate{50%{transform:translateY(-6px)rotate(6deg)}}@keyframes sparkle{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes blobDrift{50%{transform:translate(10px,-8px)}}@keyframes navIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes previewIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes orbBreathe{50%{transform:scale(1.035);box-shadow:0 0 0 18px #1f9a641a,0 26px 56px #0d3b2824,0 0 56px #c8e87266}}@keyframes orbPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes scanSweep{0%{opacity:0;top:-30%}18%{opacity:.7}82%{opacity:.45}to{opacity:0;top:108%}}@keyframes livePulse{0%{box-shadow:0 0 #1f9a6473}70%{box-shadow:0 0 0 8px #1f9a6400}to{box-shadow:0 0 #1f9a6400}}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:none}}@keyframes ecoBump{50%{background:#d7f0b8;transform:scale(1.08);box-shadow:0 0 0 6px #1f9a6429}}@keyframes stepfade{0%,to{opacity:.35}40%{opacity:1;color:var(--green-800);font-weight:700}}@media (width<=1280px){.nav{gap:6px 12px;font-size:14px}.nav-cta{padding:10px 16px}}@media (width<=1099px){.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.nav{border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:30;background:#fbf8f0;border-radius:16px;flex-direction:column;flex:none;align-items:stretch;gap:4px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.nav.is-open{display:flex}.nav a{border-radius:10px;padding:10px 12px}}@media (width<=720px){.topbar-actions .nav-cta{display:none}}@media (width<=400px){.navbar-inner{gap:8px}.brand{gap:6px;font-size:15px}.eco-pill,.topbar-actions .mode-pill{padding:5px 8px;font-size:11px}}@media (width<=980px){.hero,.features,.how-grid,.score-grid,.improved,.results-hero,.recent-grid,.tips-grid{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg)}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-grid,.mode-pick{grid-template-columns:1fr}.hero-visual{justify-self:center;min-height:360px}}@media (width<=640px){.voice{width:calc(100% - 24px)}.features,.how-grid,.recent-grid{grid-template-columns:1fr}.upload-section,.voice{padding:20px 16px}.profile-grid,.chip-form,.voice-form{grid-template-columns:1fr}.preview-card img,.result-photo{max-height:240px}.mic-btn{width:92px;height:92px}.toast{inset:auto 12px 18px}.hero-visual{width:min(100%,340px);min-height:300px;margin:0 auto;padding:0}.hero-orb{width:min(100%,300px)}.hero-chip{padding:6px 10px;font-size:11px}.orb-plate{font-size:48px}.float{font-size:18px}}@media (prefers-reduced-motion:reduce){.topbar,.enter,.hero-visual,.hero-orb,.orb-ring,.orb-core,.orb-scan:after,.hero-chip,.float,.hero-blob,.live-dot,.mode-card,.feature-card{opacity:1!important;animation:none!important;transform:none!important}.land-reveal{opacity:1;transition:none;transform:none}}