@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-thai-latin-400-normal-37OM2ZFZ.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-latin-400-normal-C3UU2NUT.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-sans-thai-latin-500-normal-WR3SGUZQ.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-latin-500-normal-UA7JXYOO.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-thai-latin-600-normal-ECJ3UNWM.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-latin-600-normal-RUCXREAL.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url("./media/ibm-plex-sans-thai-latin-700-normal-4A6GMAY5.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-latin-700-normal-5EPSKYZA.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-thai-thai-400-normal-4LSSCTVZ.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-thai-400-normal-WO3PLC7L.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-sans-thai-thai-500-normal-IPWECZTW.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-thai-500-normal-2DDEE2SS.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-thai-thai-600-normal-RIFXFPEU.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-thai-600-normal-44CLCKPF.woff") format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url("./media/ibm-plex-sans-thai-thai-700-normal-HQK5ST6M.woff2") format("woff2"),url("./media/ibm-plex-sans-thai-thai-700-normal-ZKSKOEVC.woff") format("woff")}:root{color-scheme:light;--ink: #101827;--slate: #263445;--paper: #f7f9f8;--teal-500: #149c90;--teal-700: #0e7268;--mint: #ddf4eb;--violet: #6e6bc4;--color-bg: #f7f9f8;--color-surface: #ffffff;--color-surface-sunken: #eef3f1;--color-tint: #ddf4eb;--color-text: #101827;--color-text-muted: #4a5b6d;--color-text-faint: #5b6b7c;--color-border: #dbe3e1;--color-border-strong: #b7c4c2;--color-accent: #149c90;--color-accent-2: #6e6bc4;--color-link: #0e7268;--color-link-hover: #0a5750;--color-primary-bg: #0e7268;--color-primary-hover: #0a5d55;--color-primary-fg: #ffffff;--color-inverse-bg: #101827;--color-inverse-fg: #f7f9f8;--color-focus: #0e7268;--color-overlay: rgb(16 24 39 / .5);--color-logo-dot: #6e6bc4;--color-success-bg: #ddf4eb;--color-success-fg: #0f6b3a;--color-warning-bg: #fff1d6;--color-warning-fg: #7a4b00;--color-danger-bg: #fde6e1;--color-danger-fg: #a12b17;--color-danger-solid: #b3341f;--color-info-bg: #e3effb;--color-info-fg: #1d5c9e;--macro-protein: #6e6bc4;--macro-protein-text: #5d5ab3;--macro-carb: #c98a1b;--macro-carb-text: #7a4b00;--macro-fat: #d9674a;--macro-fat-text: #a8321b;--macro-fiber: #149c90;--macro-fiber-text: #0e7268;--font-sans: "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: clamp(.8125rem, .79rem + .1vw, .875rem);--text-sm: clamp(.875rem, .85rem + .12vw, .9375rem);--text-base: clamp(1rem, .97rem + .15vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.07rem + .3vw, 1.3125rem);--text-xl: clamp(1.375rem, 1.22rem + .8vw, 1.75rem);--text-2xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--text-3xl: clamp(2.125rem, 1.5rem + 3vw, 3.5rem);--leading-body: 1.65;--leading-heading: 1.3;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-y: clamp(3.5rem, 2.5rem + 5vw, 7rem);--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--container: 72rem;--container-narrow: 46rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-1: 0 1px 2px rgb(16 24 39 / .05);--shadow-2: 0 2px 4px rgb(16 24 39 / .04), 0 8px 24px rgb(16 24 39 / .07);--shadow-3: 0 12px 40px rgb(16 24 39 / .16);--focus-ring: 2px solid var(--color-focus);--focus-offset: 2px;--duration-fast: .12s;--duration-base: .2s;--ease-out: cubic-bezier(.2, .7, .2, 1);--touch-target: 2.75rem;--header-h: 4rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0b1220;--color-surface: #131c2e;--color-surface-sunken: #0f1727;--color-tint: #12302c;--color-text: #e8eef0;--color-text-muted: #9aa9b8;--color-text-faint: #8a99a9;--color-border: #243146;--color-border-strong: #3a4a60;--color-accent: #2db5a7;--color-accent-2: #8e8be0;--color-link: #4fd1c0;--color-link-hover: #8be6da;--color-primary-bg: #2db5a7;--color-primary-hover: #4fd1c0;--color-primary-fg: #101827;--color-inverse-bg: #e8eef0;--color-inverse-fg: #101827;--color-focus: #4fd1c0;--color-overlay: rgb(2 6 14 / .65);--color-logo-dot: #ddf4eb;--color-success-bg: #12301f;--color-success-fg: #7fdba5;--color-warning-bg: #33270c;--color-warning-fg: #f2c26b;--color-danger-bg: #3a1812;--color-danger-fg: #f5a08c;--color-danger-solid: #e0654a;--color-info-bg: #13253b;--color-info-fg: #8cbdf0;--macro-protein: #8e8be0;--macro-protein-text: #a9a7ee;--macro-carb: #e0a63a;--macro-carb-text: #e0a63a;--macro-fat: #ef8b70;--macro-fat-text: #ef8b70;--macro-fiber: #2db5a7;--macro-fiber-text: #4fd1c0;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 2px 4px rgb(0 0 0 / .25), 0 8px 24px rgb(0 0 0 / .3);--shadow-3: 0 12px 40px rgb(0 0 0 / .5)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1220;--color-surface: #131c2e;--color-surface-sunken: #0f1727;--color-tint: #12302c;--color-text: #e8eef0;--color-text-muted: #9aa9b8;--color-text-faint: #8a99a9;--color-border: #243146;--color-border-strong: #3a4a60;--color-accent: #2db5a7;--color-accent-2: #8e8be0;--color-link: #4fd1c0;--color-link-hover: #8be6da;--color-primary-bg: #2db5a7;--color-primary-hover: #4fd1c0;--color-primary-fg: #101827;--color-inverse-bg: #e8eef0;--color-inverse-fg: #101827;--color-focus: #4fd1c0;--color-overlay: rgb(2 6 14 / .65);--color-logo-dot: #ddf4eb;--color-success-bg: #12301f;--color-success-fg: #7fdba5;--color-warning-bg: #33270c;--color-warning-fg: #f2c26b;--color-danger-bg: #3a1812;--color-danger-fg: #f5a08c;--color-danger-solid: #e0654a;--color-info-bg: #13253b;--color-info-fg: #8cbdf0;--macro-protein: #8e8be0;--macro-protein-text: #a9a7ee;--macro-carb: #e0a63a;--macro-carb-text: #e0a63a;--macro-fat: #ef8b70;--macro-fat-text: #ef8b70;--macro-fiber: #2db5a7;--macro-fiber-text: #4fd1c0;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 2px 4px rgb(0 0 0 / .25), 0 8px 24px rgb(0 0 0 / .3);--shadow-3: 0 12px 40px rgb(0 0 0 / .5)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration-base: .01ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-4))}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);font-variant-numeric:tabular-nums;letter-spacing:0;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4{margin:0;line-height:var(--leading-heading);font-weight:600;letter-spacing:0;text-wrap:balance}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0}img,svg{display:block;max-width:100%}a{color:var(--color-link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}::selection{background:var(--color-tint);color:var(--color-text)}.tracking-wide{letter-spacing:.16em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container-narrow{max-width:var(--container-narrow)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-inverse-bg);color:var(--color-inverse-fg);border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:none;color:var(--color-inverse-fg)}.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{display:block}:root:not([data-theme=light]) .theme-icon-moon{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}