@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.10-i_d9bb8d~3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.0yan68-kg349e.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.161.pmj1e-vkh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.15k_uqsna_8c8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.16kkxuedyezia.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.0e7993jzdv0mi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.05bb5h3dt_txi.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.0~qiti7z5w~re.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.15~2tpf2ppfz7.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.0uzkp.2w67zj3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.0otlqm~r87ayy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.0hlyuqjg3dzim.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5cd84bccd140a27e-s.p.138s9ct122vpj.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/76724868bba90169-s.0qa67csfkslyb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/affb3a7a977decf3-s.0i7ip8gzf2ti9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5db3af44c16866f3-s.p.0uf~fwsd._3ph.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_74d20f76-module__9zzAZq__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_74d20f76-module__9zzAZq__variable{--font-kanit:"Kanit", "Kanit Fallback"}
@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.0r7nlz0.~eyej.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.0zw150prkmq4l.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.0e_bz4eko5_36.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.0x6jhi6en~v7x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_97c661b1-module__huimEa__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_97c661b1-module__huimEa__variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
:root{--bg-0:#fffaf6;--bg-1:#fff6f0;--card:#ffffffe0;--card-border:#2e29261f;--text:#2e2926;--subtext:#2e2926b8;--muted:#2e292680;--brand-0:#5c8e78;--brand-1:#456d5c;--accent-coral:#c68872;--accent-amber:#e5b788;--ok:#7fae8e;--warn:#e5b788;--danger:#c97b83;--font-display:var(--font-kanit), "Kanit", "Noto Sans Thai", "Sarabun", "Prompt", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:var(--font-anuphan), "Anuphan", "Noto Sans Thai", "Sarabun", "Prompt", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-lora:var(--font-display);--font-raleway:var(--font-body);--font-thai-heading:var(--font-display)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{background-color:var(--bg-0)}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg-0);background:radial-gradient(1100px circle at 5% -20%, #9bc7b36b 0%, transparent 42%), radial-gradient(900px circle at 100% -15%, #ebb29b52 0%, transparent 40%), radial-gradient(800px circle at 50% 120%, #cfc7f657 0%, transparent 45%), linear-gradient(180deg, var(--bg-1), var(--bg-0));min-height:100vh;overflow-x:clip}h1,h2,h3,h4,h5,h6,.brand-text{font-family:var(--font-display);letter-spacing:0;font-kerning:normal;line-height:1.2}.page-wrap{min-height:100vh;padding:clamp(14px,2.8vw,28px);position:relative;overflow-x:clip}.ambient{pointer-events:none;filter:blur(70px);opacity:.3;border-radius:999px;position:absolute}.ambient-a{background:#9bc7b3cc;width:280px;height:280px;top:-100px;right:-120px}.ambient-b{background:#ebb29b8c;width:320px;height:320px;bottom:-140px;left:-160px}.content-wrap{width:min(100%,1120px);margin:0 auto;padding:6px 0 56px;position:relative}.header{text-align:center;max-width:760px;margin-bottom:18px;margin-left:auto;margin-right:auto;animation:.45s both slideUp}.brand-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.brand-badge{background:#ffffffdb;border:1px solid #2e292629;border-radius:14px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 26px #3d2e2529}.brand-logo-image{object-fit:contain;width:42px;height:42px}.brand-copy{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.brand-copy h1{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:900;line-height:1}html:lang(th) .brand-copy h1{letter-spacing:0;line-height:1.2}.brand-slogan{color:#2e2926b8;letter-spacing:.01em;margin-top:3px;font-size:13px;font-weight:700}.header-support{color:var(--subtext);margin:8px 0 0;font-size:14px}.remaining-chip{color:var(--muted);margin-top:8px;font-size:12px;display:inline-block}.card,.profile-card,.camera-dropzone,.secondary-upload,.tips-panel,.preview-wrap,.loading-stack,.note-box,.feedback-card,.cta-box,.error-box{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 10px 30px #3d2e2514}.upload-stack,.loading-stack,.stack-8,.stack-10,.stack-12,.stack-14,.stack-16{flex-direction:column;display:flex}.stack-8{gap:8px}.stack-10{gap:10px}.stack-12,.upload-stack{gap:12px}.stack-14{gap:14px}.stack-16{gap:16px}.upload-stack,.loading-stack,.results-section{width:min(100%,1040px);margin:0 auto}.preview-section{width:min(100%,760px);margin:0 auto}.card{padding:clamp(16px,2vw,22px)}.profile-card{border:1px solid var(--card-border);background:#ffffffb8;border-radius:16px;padding:14px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.bmi-line{color:#456d5c;margin-top:10px;font-size:12px}.field-input{width:100%;min-height:36px;color:var(--text);background:#ffffffdb;border:1px solid #2e292633;border-radius:10px;padding:0 10px;font-family:inherit;font-size:12px}.field-number::-webkit-outer-spin-button{margin:0}.field-number::-webkit-inner-spin-button{margin:0}.mini-btn{min-height:32px;color:var(--text);cursor:pointer;background:#ffffffe0;border:1px solid #2e29263d;border-radius:10px;padding:0 10px;font-size:12px}.mini-btn.danger{color:#ffb4b4;border-color:#c97b8366}.camera-dropzone{text-align:center;cursor:pointer;background:linear-gradient(#9bc7b333,#cfc7f614);border:2px dashed #9bc7b38c;place-items:center;min-height:clamp(240px,46vw,420px);display:grid}.camera-dropzone strong{margin-top:14px;font-size:18px}.camera-dropzone span{color:var(--subtext);margin-top:4px;font-size:13px}.camera-icon{background:#ffffffb8;border-radius:999px;place-items:center;width:74px;height:74px;font-size:30px;display:grid}.secondary-upload{min-height:48px;color:var(--subtext);cursor:pointer;justify-content:center;align-items:center;display:flex}.tips-panel{padding:14px}.tips-heading{color:var(--subtext);margin-bottom:8px;font-size:13px;font-weight:600}.tip-row{align-items:center;gap:10px;display:flex}.tip-row+.tip-row{margin-top:8px}.tip-row p{color:var(--subtext);margin:0;font-size:12px}.scan-limit-note{color:var(--text);background:#9bc7b324;border:1px solid #9bc7b347;border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:12px;font-weight:600}.preview-note{margin-top:0}.preview-wrap,.loading-preview-wrap,.hero-image-wrap{overflow:hidden}.preview-image,.loading-preview,.hero-image{object-fit:cover;width:100%;height:100%;display:block}.preview-wrap{aspect-ratio:4/5;min-height:300px}.action-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.btn{width:100%;min-height:48px;font-family:var(--font-display);cursor:pointer;color:#fff;border:1px solid #0000;border-radius:999px;font-size:14px;font-weight:600}.btn-primary{background:var(--brand-1);box-shadow:0 10px 24px #5c8e7859}.btn-primary:hover{background:var(--brand-0)}.btn-secondary{color:var(--text);background:#ffffffd9;border-color:#2e292638}.btn-full{width:100%}.btn-inline-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-spinner{border:2px solid #ffffff52;border-top-color:currentColor;border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.9s linear infinite spin}.error-box{color:#a8413b;background:#c97b8324;border-color:#c97b8352;padding:12px;font-size:13px}.loading-stack{text-align:center;align-items:center;padding:28px 18px}.loading-preview-wrap{border:2px solid #9bc7b3a6;border-radius:20px;width:100px;height:100px}.spinner{border:3px solid #2e29262e;border-top-color:var(--brand-0);border-radius:999px;width:48px;height:48px;margin:20px 0 14px;animation:.9s linear infinite spin}.loading-stack h2{margin:0;font-size:17px}.loading-stack p{color:var(--subtext);margin:8px 0 0;font-size:14px}.loading-dots{gap:6px;margin-top:14px;display:flex}.dot{background:#fff3;border-radius:999px;width:8px;height:8px}.dot-active{background:var(--brand-0)}.hero-image-wrap{border:1px solid var(--card-border);aspect-ratio:16/10;border-radius:18px;min-height:220px;position:relative}.hero-image-overlay{background:linear-gradient(#0000,#000000c7);padding:34px 14px 12px;position:absolute;bottom:0;left:0;right:0}.food-title{color:#fff;text-shadow:0 2px 10px #0000008c;margin:0;font-size:20px}.title-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.food-title-en{color:#ffffffe6;text-shadow:0 1px 8px #00000073;font-size:11px}.confidence-chip{background:#ffffff38;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.donut-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.donut-title-group{flex-direction:column;gap:4px;min-width:0;display:flex}.donut-title-label{color:var(--subtext);font-size:11px}.food-name-strong{font-size:15px;font-weight:800}.confidence-pill{color:#456d5c;white-space:nowrap;background:#9bc7b338;border:1px solid #2e29263d;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:800}.card-heading{font-size:15px;font-weight:700}.card-subheading,.portion-text{color:var(--subtext);margin:6px 0 0;font-size:12px}.donut-shell{width:150px;height:150px;margin:0 auto;position:relative}.donut-svg{transform:rotate(-90deg)}.donut-bg,.donut-protein,.donut-carb,.donut-fat{fill:none;stroke-width:12px}.donut-bg{stroke:#2e292621}.donut-protein{stroke:#7fae8e}.donut-carb{stroke:#e5b788}.donut-fat{stroke:#cfc7f6}.donut-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-calories{font-size:31px;font-weight:900}.donut-unit{color:var(--subtext);margin-top:-6px;font-size:11px}.macro-legend{flex-wrap:nowrap;justify-content:center;gap:14px 20px;margin-top:16px;display:flex}.macro-item{text-align:center;flex:1 0 0}.macro-item strong{margin-top:4px;display:block}.macro-item small{color:var(--subtext);font-size:10px}.macro-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.macro-protein{background:#7fae8e}.macro-carb{background:#e5b788}.macro-fat{background:#cfc7f6}.macro-fiber{background:#9bc7b3}.macro-sugar{background:#c97b83}.macro-sodium{background:#9f94cc}.ingredient-list{margin-top:10px}.ingredient-row{border-bottom:1px solid #2e292614;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.ingredient-row:last-child{border-bottom:none}.ingredient-emoji{text-align:center;font-size:20px;line-height:1}.ingredient-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.ingredient-meta{color:var(--subtext);white-space:nowrap;font-size:12px;font-weight:600}.macro-meter{background:#2e29261a;border-radius:999px;width:100%;height:6px;overflow:hidden}.macro-meter-fill{border-radius:inherit;height:100%}.ingredient-total{justify-content:space-between;margin-top:10px;display:flex}.ingredient-total span{color:var(--subtext);font-size:12px}.ingredient-total strong{color:var(--ok);font-size:13px}.macro-row-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.macro-row-head span{color:var(--subtext)}.health-note{border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.health-note p{margin:0;font-size:13px}.health-warning{color:#9a5f00;background:#e5b7881f;border-color:#e5b7883d}.health-tip{color:#456d5c;background:#7fae8e1f;border-color:#7fae8e3d}.health-info{color:#365c83;background:#a8b6d41f;border-color:#a8b6d43d}.note-box{color:#4c5779;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.5}.feedback-card{gap:10px;padding:14px;display:grid}.feedback-card h3{margin:0;font-size:14px}.feedback-card p{color:var(--subtext);margin:0;font-size:12px;line-height:1.45}.feedback-textarea{resize:vertical;min-height:96px;padding:10px}.feedback-action-row{grid-template-columns:1fr 1.3fr}.feedback-submitting{color:var(--subtext);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.feedback-submitting .btn-spinner{color:var(--brand-0);border-color:#2e29262e}.remaining-text{text-align:center;color:#556086;font-size:12px;font-weight:600}.cta-box{background:linear-gradient(160deg,#7fae8e1f,#0ea5e914);padding:20px 16px}.cta-box h3{margin:6px 0;font-size:17px}.cta-box>p{color:var(--subtext);margin:0 0 12px;font-size:13px}.cta-box small{color:var(--muted);text-align:center;margin-top:8px;display:block}.cta-emoji{font-size:22px}.feature-row{align-items:flex-start;gap:10px;display:flex}.feature-row p{color:var(--subtext);margin:0;font-size:13px}.play-button{color:#111;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:14px;font-weight:800;text-decoration:none;display:flex}.play-button strong{letter-spacing:.05em;font-size:11px}.play-button span{font-size:17px}.coming-soon-badge{border:1.5px dashed var(--card-border);background:var(--card);color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none;text-align:center;border-radius:12px;justify-content:center;align-self:center;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-inline:auto;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.cta-link-btn{font-family:var(--font-display);background:linear-gradient(135deg, var(--brand-0), var(--brand-1));color:#fff;text-align:center;border-radius:999px;justify-content:center;align-items:center;max-width:100%;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex;box-shadow:0 6px 18px #9bc7b359}.cta-link-btn:hover{opacity:.9;color:#fff;text-decoration:none}.footer{text-align:center;color:var(--muted);margin-top:34px;font-size:11px}.share-shell{background:linear-gradient(160deg,#9bc7b33d,#cfc7f62e);width:min(100%,760px);margin:24px auto 0}.share-badge{color:#456d5c;border:1px solid #3f6a6347;border-radius:999px;padding:4px 10px;font-size:11px;display:inline-block}.share-title{margin:4px 0 0;font-size:clamp(1.6rem,4vw,2rem)}.share-subtitle{color:var(--subtext);margin:0;font-size:13px}.share-kcal{color:var(--text);font-size:clamp(2rem,6vw,3rem);font-weight:900;line-height:1}.share-macros{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.share-macros div{text-align:center;background:#fffc;border:1px solid #2e29262e;border-radius:12px;padding:10px}.share-macros strong{font-size:16px;display:block}.share-macros span{color:var(--subtext);font-size:11px}.share-info{color:#365c70;margin:0;font-size:13px;font-weight:600;line-height:1.6}.share-ingredients{flex-direction:column;gap:8px;display:flex}.share-ing-row{background:#ffffffd6;border:1px solid #2e29262e;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.share-ing-row p{overflow-wrap:anywhere;margin:0;font-size:13px}.share-ing-row small{color:var(--subtext);overflow-wrap:anywhere;font-size:11px}.share-footer{color:var(--muted);text-align:center;margin:2px 0 0;font-size:11px}.results-grid{gap:16px;display:grid}.result-card-shell{min-width:0}.result-card-shell>section{height:100%}.card-stack-anim{animation:.5s both slideUp}@keyframes spin{to{transform:rotate(360deg)}}.marketing-page{background:linear-gradient(180deg, #fbf6f1f5, #fffffffa 46%, #f4ece5), var(--bg-0);color:#172033;min-height:100vh}.marketing-shell{width:min(100% - 32px,1180px);margin:0 auto}.marketing-topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf6f1db;border-bottom:1px solid #2e292614;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.topbar-brand,.footer-brand{color:#172033;letter-spacing:0;font-weight:900;text-decoration:none}.topbar-brand{align-items:center;gap:10px;font-size:20px;display:inline-flex}.topbar-logo{background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 10px 24px #5c8e7838}.topbar-logo img{object-fit:contain;width:100%;height:100%}.topbar-links{justify-content:center;align-items:center;gap:22px;font-size:14px;font-weight:800;display:flex}.topbar-links a,.footer-links a,.trust-links a,.delete-copy a{color:#207d69;text-decoration:none}.topbar-links a:hover,.footer-links a:hover,.trust-links a:hover,.delete-copy a:hover{text-decoration:underline}.marketing-button{min-height:46px;font-family:var(--font-display);letter-spacing:0;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.marketing-button:hover{transform:translateY(-1px)}.marketing-button-primary{color:#fff;background:linear-gradient(135deg,#16826b 0%,#1f9f7d 100%);box-shadow:0 14px 28px #16826b52}.marketing-button-secondary{color:#172033;background:#ffffffd1;border-color:#2e292624}.play-mark{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid #fff;width:0;height:0}.marketing-hero{padding:76px 0 88px;overflow:hidden}.hero-grid,.two-column,.trust-grid,.delete-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(34px,6vw,78px);display:grid}.hero-copy h1,.section-heading h2,.scan-feature h2,.trust-section h2,.final-cta h2,.delete-copy h1{color:#1a1714;letter-spacing:0;margin:0;line-height:1.02}html:lang(th) .hero-copy h1,html:lang(th) .section-heading h2,html:lang(th) .scan-feature h2,html:lang(th) .trust-section h2,html:lang(th) .final-cta h2,html:lang(th) .delete-copy h1{letter-spacing:0;line-height:1.18;font-family:var(--font-thai-heading)}.hero-copy h1{max-width:720px;font-size:clamp(44px,6.4vw,82px)}.hero-lede,.section-lede,.section-heading p,.final-cta p,.delete-copy p{color:#2e2926b8;font-size:17px;line-height:1.7}.hero-lede{max-width:650px;margin:24px 0 0;font-size:clamp(17px,2vw,20px)}.app-pill,.section-kicker{color:#1f7a68;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900}.app-pill{background:#1f7a681a;border:1px solid #1f7a682e;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:38px;margin-bottom:18px;padding:0 14px;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;display:grid}.hero-proof div{background:#ffffffb8;border:1px solid #2e292614;border-radius:18px;padding:14px}.hero-proof dt{font-size:13px;font-weight:900}.hero-proof dd{color:#2e29269e;margin:5px 0 0;font-size:13px}.hero-visual{min-height:610px;position:relative}.phone-frame{background:var(--card);border-radius:28px;padding:0;overflow:hidden;box-shadow:0 24px 70px #3d2e2533}.phone-frame img{width:100%;height:auto;display:block}.phone-frame-main{z-index:2;width:min(76vw,330px);position:absolute;top:0;right:16%}.phone-frame-secondary{z-index:1;opacity:.98;width:min(55vw,240px);position:absolute;bottom:6px;right:0}.scan-callout,.trust-callout{z-index:3;color:#172033;background:#ffffffeb;border:1px solid #2e29261a;border-radius:18px;align-items:center;gap:10px;max-width:250px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.35;display:flex;position:absolute;box-shadow:0 18px 42px #0f172a24}.scan-callout{top:88px;left:0}.trust-callout{bottom:70px;right:4%}.marketing-section{padding:80px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 34px}.section-heading h2,.scan-feature h2,.trust-section h2,.final-cta h2{margin-top:10px;font-size:clamp(34px,4.2vw,56px)}.section-heading p,.section-lede{margin:16px 0 0}.scan-feature{background:#fff;border-top:1px solid #2e292612;border-bottom:1px solid #2e292612}.scan-steps{gap:14px;margin-top:26px;display:grid}.scan-step{background:#fbf6f1;border:1px solid #2e292614;border-radius:20px;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid}.scan-step-icon,.feature-icon{color:#1f7a68;background:#1f7a681a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.scan-step h3,.feature-card-marketing h3,.screenshot-caption h3,.trust-card h3,.delete-info-card h2{color:#1a1714;margin:0;font-size:18px;line-height:1.25}.scan-step p,.feature-card-marketing p,.screenshot-caption p,.trust-card p,.delete-info-card p,.marketing-footer p,.footer-cta small{color:#2e2926a8;margin:7px 0 0;font-size:14px;line-height:1.6}.feature-phone-wrap{justify-content:center;display:flex}.feature-phone{width:min(74vw,330px)}.feature-grid-marketing{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.marketing-card{background:#ffffffe0;border:1px solid #2e292617;border-radius:20px;box-shadow:0 16px 46px #0f172a14}.feature-card-marketing,.trust-card,.delete-info-card{padding:22px}.feature-card-marketing .feature-icon{margin-bottom:18px}.screenshot-section{overflow:hidden}.screenshot-gallery{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,minmax(210px,1fr));gap:18px;padding:8px 2px 18px;display:grid;overflow-x:auto}.screenshot-card{scroll-snap-align:center;min-width:210px}.gallery-phone{width:100%}.screenshot-caption{padding:16px 4px 0}.trust-section{color:#fff;background:#172033}.trust-section h2,.trust-section .section-lede,.trust-card h3{color:#fff}.trust-section .section-lede,.trust-card p{color:#ffffffbd}.trust-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)}.trust-cards{gap:14px;display:grid}.trust-card svg{color:#79d6c1}.trust-links{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.trust-links a{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.faq-shell{max-width:900px}.marketing-faq-list{gap:12px;display:grid}.marketing-faq-item{background:#fff;border-radius:18px}.final-cta{padding-top:60px}.final-cta-panel{text-align:center;color:#fff;background:linear-gradient(135deg,#16826b 0%,#1f9f7d 45%,#ee5a4f 100%),#16826b;border-radius:32px;padding:clamp(30px,5vw,54px);box-shadow:0 22px 48px #16826b47}.final-cta-panel h2,.final-cta-panel p,.final-cta-panel .section-kicker{color:#fff}.final-cta-panel p{max-width:680px;margin-left:auto;margin-right:auto}.final-cta-panel .marketing-button-primary{color:#1f7a68;background:#fff;margin-top:14px}.final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.final-cta-buttons .marketing-button-primary{margin-top:0}.marketing-footer{background:#fff;border-top:1px solid #2e292614;padding:38px 0}.footer-grid{grid-template-columns:minmax(0,1fr) auto minmax(220px,auto);align-items:center;gap:26px;display:grid}.footer-brand{align-items:center;gap:10px;font-size:22px;display:inline-flex}.footer-brand img{object-fit:contain;width:30px;height:30px}.footer-links{flex-wrap:wrap;gap:16px;font-size:14px;font-weight:800;display:flex}.footer-cta{justify-items:end;gap:8px;display:grid}.delete-page{color:#172033;background:#fbf6f1;min-height:100vh}.delete-hero{padding:42px 0 70px}.delete-breadcrumb{margin-bottom:36px}.delete-layout{grid-template-columns:minmax(0,.85fr) minmax(320px,1fr)}.delete-copy h1{margin-top:10px;font-size:clamp(40px,5.4vw,70px)}.delete-form-card{padding:clamp(20px,4vw,32px)}.delete-form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.delete-form label{color:#172033;gap:7px;font-size:14px;font-weight:800;display:grid}.delete-form input,.delete-form textarea{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #2e292629;border-radius:14px;padding:12px 13px;font-weight:600}.delete-form textarea{resize:vertical}.checkbox-row{color:#2e2926b8;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;font-weight:700}.checkbox-row input{width:18px;height:18px;margin-top:2px}.delete-submit{width:100%}.delete-submit:disabled{opacity:.72;cursor:progress}.form-status{border-radius:14px;margin:0;padding:12px 13px;font-size:14px;font-weight:800;line-height:1.5}.form-status-success{color:#175c4f;background:#1f7a681a;border:1px solid #1f7a6838}.form-status-error{color:#9b2f28;background:#c97b831f;border:1px solid #c97b833d}.delete-info-section{padding-top:0}.delete-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:980px){.topbar-links{display:none}.hero-grid,.two-column,.trust-grid,.delete-layout{grid-template-columns:1fr}.hero-visual{min-height:560px}.phone-frame-main{left:9%;right:auto}.phone-frame-secondary{right:9%}.feature-grid-marketing,.delete-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-cta{justify-items:start}}@media (max-width:640px){.marketing-shell{width:min(100% - 22px,1180px)}.marketing-topbar{position:static}.topbar-inner{min-height:66px}.topbar-cta{display:none}.marketing-hero{padding:46px 0 62px}.hero-copy h1{font-size:42px}.hero-actions,.hero-actions .marketing-button{width:100%}.hero-proof{grid-template-columns:1fr}.hero-visual{min-height:500px}.phone-frame-main{width:66vw;left:0}.phone-frame-secondary{width:48vw;bottom:18px;right:0}.scan-callout{top:auto;bottom:120px;left:0}.trust-callout{display:none}.marketing-section{padding:58px 0}.feature-grid-marketing,.delete-info-grid,.form-grid{grid-template-columns:1fr}.screenshot-gallery{grid-template-columns:repeat(6,76vw)}.footer-links{flex-direction:column;gap:10px}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:860px){.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.upload-stack{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:start;gap:16px;display:grid}.upload-stack>.profile-card{grid-column:1/-1}.upload-stack>.camera-dropzone{grid-area:2/1/span 3/2}.upload-stack>.secondary-upload,.upload-stack>.tips-panel,.upload-stack>.cta-box{grid-column:2/3}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.result-card-shell:first-child{grid-column:1/-1}}@media (max-width:820px){.top-controls{justify-content:space-between}.action-row,.feedback-action-row{grid-template-columns:1fr}}@media (max-width:640px){.brand-row{flex-direction:column;gap:10px}.brand-copy{text-align:center;align-items:center}.profile-grid{grid-template-columns:1fr}.share-ing-row{grid-template-columns:24px minmax(0,1fr)}.share-ing-row small{grid-column:2/3}.site-nav-links{flex-direction:column;gap:.75rem}}@media (max-width:480px){.top-controls{justify-content:center}.brand-copy h1{font-size:26px}.header-support{font-size:13px}.macro-legend{gap:12px}.share-macros{grid-template-columns:1fr}.share-ing-row{grid-template-columns:1fr;gap:6px}}:focus{outline:none}:focus-visible{outline:2px solid var(--brand-0);outline-offset:3px;border-radius:4px}.btn:focus-visible,.mini-btn:focus-visible,.camera-dropzone:focus-visible,.secondary-upload:focus-visible{outline:2px solid var(--brand-0);outline-offset:4px;border-radius:14px}.field-input:focus-visible{outline:2px solid var(--brand-1);outline-offset:0;border-color:var(--brand-1)}.preview-wrap,.hero-image-wrap,.loading-preview-wrap{view-transition-name:food-image}.result-card-primary{view-transition-name:result-card}::view-transition-old(root){animation:.22s both vt-fade-out}::view-transition-new(root){animation:.32s both vt-slide-up}::view-transition-old(food-image){animation:.18s both vt-fade-out}::view-transition-new(food-image){animation:.28s ease-out both vt-zoom-in}::view-transition-old(result-card){animation:.16s both vt-fade-out}::view-transition-new(result-card){animation:.38s cubic-bezier(.22,1,.36,1) both vt-slide-up}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.static-page{background:var(--bg-0);min-height:100vh;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem) 4rem}.static-content{max-width:820px;color:var(--text);overflow-wrap:anywhere;margin:0 auto;line-height:1.75}.static-content h1{color:var(--text);margin:.5rem 0 1rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700}.static-content h2{color:var(--text);margin:2rem 0 .5rem;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:700}.static-content h3{color:var(--text);margin:1.25rem 0 .25rem;font-size:1rem;font-weight:600}.static-content p{color:var(--subtext);margin:.5rem 0 1rem}.static-content .lead{color:var(--subtext);margin-bottom:1.5rem;font-size:clamp(1rem,2vw,1.1rem)}.static-content ul,.static-content ol{color:var(--subtext);margin:.5rem 0 1rem 1.25rem}.static-content li{margin-bottom:.4rem}.static-content a{color:var(--brand-0);text-decoration:underline}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.8rem;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand-0)}.article-list{gap:1.5rem;margin-top:1.5rem;display:grid}.article-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem}.article-card h2{margin:0 0 .5rem;font-size:1.05rem}.article-card h2 a{color:var(--text);text-decoration:none}.article-card h2 a:hover{color:var(--brand-0)}.article-card p{margin:0 0 .75rem;font-size:.9rem}.read-more{color:var(--brand-0);font-size:.85rem;font-weight:600;text-decoration:none}.article-meta{color:var(--muted);margin-bottom:1.5rem;font-size:.8rem}.article-body{margin:1.5rem 0}.article-cta{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:12px;margin:2rem 0 1.5rem;padding:1.5rem}.article-cta h2{margin-top:0}.article-nav{margin-top:1.5rem;font-size:.9rem}.article-nav a{color:var(--muted);text-decoration:none}.article-nav a:hover{color:var(--brand-0)}.contact-block,.faq-item{background:var(--card);border:1px solid var(--card-border);border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem}.contact-block h3,.faq-item h3{margin-top:0}.landing-section{max-width:960px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(16px,4vw,32px);position:relative}.landing-section-head{text-align:center;margin-bottom:clamp(20px,4vw,36px)}.landing-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-1);background:#cfc7f61f;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-block}.landing-section-head h2{color:var(--text);margin:0 0 10px;font-size:clamp(22px,4.2vw,32px);font-weight:800;line-height:1.25}.landing-section-head p{max-width:540px;color:var(--subtext);margin:0 auto;font-size:clamp(14px,2.2vw,16px);line-height:1.65}.feature-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;flex-direction:column;gap:10px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -18px #2e292640}.feature-card-emoji{background:linear-gradient(135deg,#9bc7b340,#cfc7f62e);border-radius:14px;place-items:center;width:52px;height:52px;font-size:30px;display:grid}.feature-card h3{color:var(--text);margin:0;font-size:16px;font-weight:800}.feature-card p{color:var(--subtext);margin:0;font-size:13.5px;line-height:1.6}.how-it-works{counter-reset:step;grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.how-it-works{grid-template-columns:repeat(3,1fr)}}.how-step{background:var(--card);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:22px 20px;position:relative}.how-step:before{counter-increment:step;content:counter(step);color:#fff;background:linear-gradient(135deg, var(--brand-0), var(--brand-1));border-radius:999px;place-items:center;width:36px;height:36px;margin:0 auto 12px;font-size:15px;font-weight:900;display:grid;box-shadow:0 8px 20px -10px #cfc7f699}.how-step-emoji{margin-bottom:8px;font-size:32px;display:block}.how-step h3{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:800}.how-step p{color:var(--subtext);margin:0;font-size:13px;line-height:1.6}.dish-strip{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dish-chip{background:var(--card);border:1px solid var(--card-border);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.dish-chip span{font-size:16px}.download-banner{border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#9bc7b338,#ebb29b2e);border-radius:24px;max-width:720px;margin:0 auto;padding:clamp(24px,5vw,36px)}.download-banner-emoji{margin-bottom:10px;font-size:42px}.download-banner h2{color:var(--text);margin:0 0 10px;font-size:clamp(20px,3.6vw,26px);font-weight:800}.download-banner p{max-width:480px;color:var(--subtext);margin:0 auto 16px;font-size:14px;line-height:1.65}.download-badge{color:#fff;letter-spacing:.02em;background:#2e2926e6;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-block}.download-banner small{color:var(--muted);margin-top:10px;font-size:12px;display:block}.faq-list{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:16px 20px}.faq-item[open]{box-shadow:0 10px 26px -18px #2e292647}.faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--brand-1);flex-shrink:0;font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--subtext);margin:12px 0 0;font-size:13.5px;line-height:1.7}.landing-divider{border:none;border-top:1px solid var(--card-border);opacity:.6;max-width:680px;margin:0 auto}.site-nav{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);background:#fffaf6db;padding:10px 0;position:sticky;top:0}.site-nav-shell{width:min(100% - 22px,1120px);margin:0 auto}.site-nav-heading{color:var(--brand-1);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-flex}.site-nav-links{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.site-nav-link{min-height:42px;color:var(--text);background:var(--card);border:1px solid var(--card-border);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #3d2e2514}.site-nav-link.primary{background:linear-gradient(135deg, var(--brand-0), var(--brand-1));color:#fff;border-color:#0000}.site-nav-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px #3d2e251f}.adsbygoogle{min-height:90px;margin:1rem 0}.adsbygoogle[data-ad-status=unfilled]{display:none!important}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.reveal-block{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal-block.is-visible{opacity:1;transform:translateY(0)}.hero-parallax-root{--parallax-y-a:0px;--parallax-y-b:0px;--parallax-y-c:0px}.hero-parallax-root .phone-frame-main{translate:0 var(--parallax-y-a)}.hero-parallax-root .phone-frame-secondary{translate:0 var(--parallax-y-b)}.hero-parallax-root .scan-callout,.hero-parallax-root .trust-callout{translate:0 var(--parallax-y-c)}.text-reveal{position:relative;overflow:hidden}html:lang(th) .text-reveal{overflow:visible}.text-reveal:after{content:"";background:linear-gradient(90deg, var(--bg-0), var(--bg-1));pointer-events:none;transition:transform .72s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(0)}.reveal-block.is-visible .text-reveal:after{transform:translate(104%)}@media (prefers-reduced-motion:reduce){.reveal-block,.reveal-block.is-visible{opacity:1!important;transition:none!important;transform:none!important}.hero-parallax-root .phone-frame-main,.hero-parallax-root .phone-frame-secondary,.hero-parallax-root .scan-callout,.hero-parallax-root .trust-callout{translate:0!important}.text-reveal:after{display:none}}.top-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:760px;margin-bottom:4px;margin-left:auto;margin-right:auto;display:flex}.lang-seg{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;overflow:hidden}.lang-seg-btn{min-width:36px;height:30px;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:0 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,color .15s}.lang-seg-btn:hover{color:var(--text)}.lang-seg-btn.active{background:var(--brand-1);color:#fff}[data-theme=dark] .lang-seg-btn.active{background:var(--brand-0);color:var(--bg-0)}.theme-toggle-btn{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:34px;height:30px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:border-color .15s;display:flex}.theme-toggle-btn:hover{border-color:var(--brand-0)}[data-theme=dark]{--bg-0:#0f1115;--bg-1:#171a21;--card:#171a21e0;--card-border:#ffffff1a;--text:#f3f4f6;--subtext:#f3f4f6ad;--muted:#f3f4f66b;--brand-0:#7fb29c;--brand-1:#9bc7b3}[data-theme=dark] body{background-color:var(--bg-0);background:radial-gradient(1100px circle at 5% -20%, #9bc7b31f 0%, transparent 42%), radial-gradient(900px circle at 100% -15%, #ebb29b1a 0%, transparent 40%), radial-gradient(800px circle at 50% 120%, #cfc7f61a 0%, transparent 45%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}[data-theme=dark] html{background-color:var(--bg-0)}[data-theme=dark] .brand-badge{background:#171a21e6}[data-theme=dark] .brand-slogan{color:#f3f4f699}[data-theme=dark] .profile-card{background:#171a21d9}[data-theme=dark] .field-input{color:var(--text);background:#1f2430e6;border-color:#ffffff1f}[data-theme=dark] .mini-btn{color:var(--text);background:#1f2430e6;border-color:#ffffff24}[data-theme=dark] .btn-secondary{background:#1f2430e6;border-color:#ffffff26}[data-theme=dark] .camera-dropzone{background:linear-gradient(#9bc7b314,#cfc7f60a);border-color:#9bc7b34d}[data-theme=dark] .camera-icon{background:#1f2430e6}[data-theme=dark] .bmi-line{color:#5fa89d}[data-theme=dark] .error-box{color:#f4a29e;background:#c97b832e;border-color:#c97b8359}[data-theme=dark] .note-box{color:#9aaac4}[data-theme=dark] .remaining-text{color:#7a8fad}[data-theme=dark] .confidence-pill{color:#6dcebe;background:#9bc7b326;border-color:#ffffff1f}[data-theme=dark] .health-warning{color:#d4a330;background:#e5b7881a}[data-theme=dark] .health-tip{color:#5bc9a0;background:#7fae8e1a}[data-theme=dark] .health-info{color:#7db8e8;background:#a8b6d41a}[data-theme=dark] .share-macros div,[data-theme=dark] .share-ing-row{background:#171a21d9;border-color:#ffffff1a}[data-theme=dark] .share-info{color:#8aaec4}[data-theme=dark] .coming-soon-badge{background:var(--card)}[data-theme=dark] .static-page{background:var(--bg-0)}[data-theme=dark] .article-card,[data-theme=dark] .contact-block,[data-theme=dark] .faq-item,[data-theme=dark] .article-cta{background:var(--card)}[data-theme=dark] .download-banner{background:linear-gradient(135deg,#9bc7b324,#ebb29b1a)}[data-theme=dark] .download-badge{background:#ffffff1f}[data-theme=dark] .site-nav{background:#0f1115e0}[data-theme=dark] .site-nav-link{background:var(--card)}[data-theme=dark] .site-nav-link.primary{color:#fff}.carousel-root{gap:10px;display:grid}.carousel-summary{color:var(--subtext);justify-content:space-between;align-items:center;padding:0 4px;font-size:13px;font-weight:600;display:flex}.carousel-total-cal{color:var(--brand-0)}.carousel-viewport{border-radius:16px;overflow:hidden}.carousel-track{gap:12px;display:flex}.carousel-slide{flex:0 0 88%;min-width:0}@media (min-width:640px){.carousel-slide{flex:0 0 46%}}.carousel-dots{justify-content:center;gap:6px;padding:6px 0;display:flex}.carousel-dot{background:var(--brand-0);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0}.sync-btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.btn-icon{flex-shrink:0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f111573;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-content{background:var(--card);border:1px solid var(--card-border);border-radius:28px;width:min(100%,480px);position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000040}.sync-modal{padding:32px 24px}.modal-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#2e29260f;border:none;border-radius:999px;place-items:center;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text);background:#2e29261f;transform:rotate(90deg)}.sync-modal-header{text-align:center;margin-bottom:28px}.sync-modal-icon{background:#9bc7b31f;border-radius:24px;place-items:center;width:80px;height:80px;margin:0 auto 16px;display:grid}.sync-modal-header h2{color:var(--text);margin:0;font-size:24px}.sync-modal-header p{color:var(--subtext);margin:8px 0 0;font-size:15px;line-height:1.5}.sync-code-container{border:1.5px dashed var(--brand-0);text-align:center;background:#9bc7b314;border-radius:20px;justify-content:center;align-items:center;min-height:140px;margin-bottom:24px;padding:24px;display:flex}.sync-loading-state{flex-direction:column;align-items:center;gap:12px;display:flex}.sync-loading-state .spinner{margin:0}.sync-code-display label{color:var(--brand-1);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.sync-code-reveal{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.sync-code-reveal span{background:var(--card);border:1px solid var(--card-border);width:44px;height:56px;color:var(--text);font-size:28px;font-weight:900;font-family:var(--font-mono,monospace);border-radius:12px;place-items:center;display:grid;box-shadow:0 4px 12px #0000000d}.sync-expiry-timer{color:var(--subtext);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.sync-expiry-timer strong{font-family:var(--font-mono,monospace)}.sync-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sync-step{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--brand-1);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:2px;font-size:14px;font-weight:800;display:grid}.step-content strong{margin-bottom:2px;font-size:15px;display:block}.step-content p{color:var(--subtext);margin:0;font-size:13px;line-height:1.4}.sync-security-badge{color:var(--muted);border-top:1px solid var(--card-border);justify-content:center;align-items:center;gap:6px;padding-top:16px;font-size:12px;display:flex}.text-brand-0{color:var(--brand-0)}.text-error{color:var(--danger)}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .sync-code-reveal span{background:#ffffff0d}.marketing-page,.delete-page{color:var(--text);background-color:var(--bg-0);background:radial-gradient(1100px circle at 5% -20%, #9bc7b36b 0%, transparent 42%), radial-gradient(900px circle at 100% -15%, #ebb29b52 0%, transparent 40%), radial-gradient(800px circle at 50% 120%, #cfc7f657 0%, transparent 45%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}.marketing-topbar{border-bottom-color:var(--card-border);background:#fffaf6c7}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.topbar-actions-inline{justify-content:flex-end;width:100%;margin-bottom:16px}.marketing-theme-toggle{flex-shrink:0;position:static;transform:none}.topbar-brand,.footer-brand,.hero-copy h1,.section-heading h2,.scan-feature h2,.trust-section h2,.final-cta h2,.delete-copy h1,.scan-step h3,.feature-card-marketing h3,.screenshot-caption h3,.trust-card h3,.delete-info-card h2{color:var(--text)}.marketing-button-primary,.final-cta-panel{background:linear-gradient(135deg, var(--brand-0), var(--brand-1))}.marketing-button-primary{color:#fff;box-shadow:0 14px 28px #5c8e7852}.marketing-button-secondary,.hero-proof div,.scan-step,.marketing-card,.marketing-faq-item,.marketing-footer,.delete-form input,.delete-form textarea{color:var(--text);background:var(--card);border-color:var(--card-border)}.hero-lede,.section-lede,.section-heading p,.final-cta p,.delete-copy p,.scan-step p,.feature-card-marketing p,.screenshot-caption p,.trust-card p,.delete-info-card p,.marketing-footer p,.footer-cta small,.hero-proof dd{color:var(--subtext)}.app-pill,.section-kicker,.topbar-links a,.footer-links a,.trust-links a,.delete-copy a,.feature-icon,.scan-step-icon{color:var(--brand-1)}.app-pill,.scan-step-icon,.feature-icon{background:#9bc7b329;border-color:#9bc7b342}.scan-feature,.marketing-footer{border-color:var(--card-border);background:#ffffff57}.phone-frame{background:var(--card);border:1px solid var(--card-border)}.scan-callout,.trust-callout{color:var(--text);background:var(--card);border-color:var(--card-border)}.trust-section{background:linear-gradient(#2e2926eb,#2e2926db)}.trust-section h2,.trust-section .section-lede,.trust-card h3,.trust-card p,.final-cta-panel h2,.final-cta-panel p,.final-cta-panel .section-kicker{color:#fff}.trust-card{background:#ffffff14;border-color:#ffffff24}.final-cta-panel .marketing-button-primary{color:var(--brand-1);background:#fffffff0}.final-cta-panel .play-mark{border-left-color:var(--brand-1)}.delete-form label{color:var(--text)}.checkbox-row{color:var(--subtext)}.form-status-success{color:#456d5c;background:#9bc7b329;border-color:#9bc7b347}.form-status-error{color:var(--danger);background:#c97b831f;border-color:#c97b8347}[data-theme=dark] .marketing-page,[data-theme=dark] .delete-page{background-color:var(--bg-0);background:radial-gradient(1100px circle at 5% -20%, #9bc7b31f 0%, transparent 42%), radial-gradient(900px circle at 100% -15%, #ebb29b1a 0%, transparent 40%), radial-gradient(800px circle at 50% 120%, #cfc7f61a 0%, transparent 45%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}[data-theme=dark] .marketing-topbar{background:#0f1115c7}[data-theme=dark] .scan-feature,[data-theme=dark] .marketing-footer{background:#0f111557}[data-theme=dark] .marketing-button-secondary,[data-theme=dark] .hero-proof div,[data-theme=dark] .scan-step,[data-theme=dark] .marketing-card,[data-theme=dark] .marketing-faq-item,[data-theme=dark] .delete-form input,[data-theme=dark] .delete-form textarea,[data-theme=dark] .scan-callout,[data-theme=dark] .trust-callout{background:var(--card);border-color:var(--card-border)}[data-theme=dark] .trust-section{background:linear-gradient(#111827f5,#0f1115f0)}[data-theme=dark] .form-status-success{color:#79d6c1;background:#9bc7b31f}@keyframes nubiRiseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes nubiSoftScaleIn{0%{opacity:0;transform:translateY(18px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nubiGlowPulse{0%,to{box-shadow:0 14px 28px #9bc7b347}50%{box-shadow:0 20px 38px #9bc7b385}}.topbar-inner{animation:.62s cubic-bezier(.16,1,.3,1) both nubiRiseIn}.hero-copy>*{opacity:0;animation:.74s cubic-bezier(.16,1,.3,1) both nubiRiseIn}.hero-copy>:first-child{animation-delay:90ms}.hero-copy>:nth-child(2){animation-delay:.14s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.25s}.hero-copy>:nth-child(5){animation-delay:.31s}.phone-frame-main{animation:.86s cubic-bezier(.16,1,.3,1) .18s both nubiSoftScaleIn}.phone-frame-secondary{animation:.92s cubic-bezier(.16,1,.3,1) .28s both nubiSoftScaleIn}.scan-callout{animation:.76s cubic-bezier(.16,1,.3,1) .36s both nubiRiseIn}.trust-callout{animation:.76s cubic-bezier(.16,1,.3,1) .44s both nubiRiseIn}.marketing-button-primary{animation:2.2s ease-in-out .8s infinite nubiGlowPulse}.scan-step,.feature-card-marketing,.screenshot-card,.trust-card,.marketing-faq-item,.delete-info-card{opacity:0;animation:.68s cubic-bezier(.16,1,.3,1) both nubiSoftScaleIn}.scan-step:first-child,.feature-card-marketing:first-child,.screenshot-card:first-child,.trust-card:first-child,.marketing-faq-item:first-child,.delete-info-card:first-child{animation-delay:80ms}.scan-step:nth-child(2),.feature-card-marketing:nth-child(2),.screenshot-card:nth-child(2),.trust-card:nth-child(2),.marketing-faq-item:nth-child(2),.delete-info-card:nth-child(2){animation-delay:.14s}.scan-step:nth-child(3),.feature-card-marketing:nth-child(3),.screenshot-card:nth-child(3),.trust-card:nth-child(3),.marketing-faq-item:nth-child(3),.delete-info-card:nth-child(3){animation-delay:.2s}.scan-step:nth-child(4),.feature-card-marketing:nth-child(4),.screenshot-card:nth-child(4),.marketing-faq-item:nth-child(4){animation-delay:.26s}.screenshot-card:nth-child(5){animation-delay:.32s}.screenshot-card:nth-child(6){animation-delay:.38s}.scan-step,.feature-card-marketing,.screenshot-card,.trust-card,.marketing-faq-item,.hero-proof div{transition:transform .22s,box-shadow .22s,border-color .22s}.scan-step:hover,.feature-card-marketing:hover,.screenshot-card:hover,.trust-card:hover,.marketing-faq-item:hover,.hero-proof div:hover{transform:translateY(-5px);box-shadow:0 18px 34px #3d2e252e}@media (prefers-reduced-motion:reduce){.topbar-inner,.hero-copy>*,.phone-frame-main,.phone-frame-secondary,.scan-callout,.trust-callout,.marketing-button-primary,.scan-step,.feature-card-marketing,.screenshot-card,.trust-card,.marketing-faq-item,.delete-info-card{opacity:1!important;animation:none!important;transform:none!important}.scan-step:hover,.feature-card-marketing:hover,.screenshot-card:hover,.trust-card:hover,.marketing-faq-item:hover,.hero-proof div:hover{transform:none}}.nubi-store-badge{flex-shrink:0;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 24px #2e29262e}.nubi-store-badge span{white-space:nowrap;line-height:1.15}.nubi-store-badge span:last-child{font-size:16px}.nubi-store-badge.topbar-cta{padding-top:6px;padding-bottom:6px}.nubi-store-badge.topbar-cta span:first-child{font-size:9px}.nubi-store-badge.topbar-cta span:last-child{font-size:13px}.nubi-store-badge:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2e292642}@media (prefers-reduced-motion:reduce){.nubi-store-badge{transition:none}.nubi-store-badge:hover{transform:none}}
