@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600&family=Prompt:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap");:root{--orange-50:#FFF3E4;--orange-100:#FFE3C2;--orange-200:#FFCB90;--orange-300:#FFB05C;--orange-400:#FF9C38;--orange-500:#F5811E;--orange-600:#E06E10;--orange-700:#C6480F;--orange-800:#9B380C;--orange-900:#6E280A;--green-50:#EFF7EA;--green-100:#D8EEC9;--green-200:#B4DE97;--green-300:#8ECB66;--green-400:#6EB544;--green-500:#57A03C;--green-600:#45852E;--green-700:#366824;--green-800:#2A501D;--green-900:#203D17;--blue-50:#EAF4FF;--blue-100:#CCE4FF;--blue-200:#A0CCFF;--blue-300:#74B4FF;--blue-400:#5AA8FF;--blue-500:#4DA3FF;--blue-600:#2F86E6;--blue-700:#2168B4;--blue-800:#184E86;--blue-900:#123A63;--gray-0:#FFFFFF;--gray-25:#FDFBF7;--gray-50:#F7F4EE;--gray-100:#EFEAE1;--gray-200:#E2DBCF;--gray-300:#CDC4B5;--gray-400:#A79D8C;--gray-500:#82796A;--gray-600:#635B4E;--gray-700:#48423A;--gray-800:#302B25;--gray-900:#1E1A16;--success-bg:var(--green-50);--success:#3FA34D;--success-fg:var(--green-800);--warning-bg:#FFF3DE;--warning:#FFB020;--warning-fg:#8A5A0A;--error-bg:#FDECEC;--error:#F05252;--error-fg:#8A1F1F;--info-bg:var(--blue-50);--info:#4DA3FF;--info-fg:var(--blue-800);--macro-protein:var(--orange-500);--macro-carbs:var(--blue-500);--macro-fat:var(--warning);--macro-fiber:var(--green-500);--brand:var(--orange-500);--brand-hover:var(--orange-600);--brand-active:var(--orange-700);--brand-subtle:var(--orange-50);--brand-on:#FFFFFF;--accent-green:var(--green-500);--accent-blue:var(--blue-500);--bg-app:var(--gray-25);--bg-surface:var(--gray-0);--bg-subtle:var(--gray-50);--bg-sunken:var(--gray-100);--bg-inverse:var(--gray-900);--text-strong:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-disabled:#CFC4B8;--text-on-brand:#FFFFFF;--text-inverse:var(--gray-25);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--focus-ring:var(--orange-400);--font-display:"Mitr","Prompt","Noto Sans Thai",system-ui,sans-serif;--font-body:"Noto Sans Thai",system-ui,-apple-system,sans-serif;--font-metric:"JetBrains Mono","Noto Sans Thai",ui-monospace,monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-display:3.5rem;--fs-h1:2.5rem;--fs-h2:2rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-lg:1.125rem;--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fs-xxs:0.6875rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-0.01em;--ls-snug:-0.005em;--ls-normal:0;--ls-wide:0.03em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--gutter:var(--space-4);--card-padding:var(--space-5);--stack-gap:var(--space-4);--content-max:28rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:999px;--radius-full:50%;--shadow-xs:0 1px 2px rgba(74,46,31,0.05);--shadow-sm:0 2px 8px rgba(74,46,31,0.06);--shadow-md:0 4px 16px rgba(74,46,31,0.08);--shadow-lg:0 10px 28px rgba(74,46,31,0.12);--shadow-xl:0 20px 48px rgba(74,46,31,0.16);--shadow-brand:0 8px 24px rgba(255,138,31,0.24);--shadow-green:0 8px 22px rgba(49,196,141,0.24);--shadow-inset:inset 0 1px 2px rgba(74,46,31,0.05);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--dur-slower:500ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--press-scale:0.96;--reward-gold:#F9B233;--reward-gold-deep:#D98A00;--reward-gold-light:#FFE29A;--reward-silver:#D9E2EC;--reward-bronze:#C9793A;--badge-food:#FF8A1F;--badge-water:#4DA3FF;--badge-fasting:#FFB020;--badge-streak:#31C48D;--badge-friendship:#FF6B9A;--badge-level:#7C5CFF;--badge-locked:#CFC4B8;--reward-surface:#FFF9F1;--reward-glow-gold:rgba(249,178,51,0.24);--reward-glow-green:rgba(49,196,141,0.20);--reward-glow-blue:rgba(77,163,255,0.20);--reward-glow-pink:rgba(255,107,154,0.20);--locked-overlay:rgba(46,36,31,0.42);--jp-accent:var(--orange-500);--level-track:var(--gray-25);--level-fill:linear-gradient(90deg,var(--orange-500),var(--reward-gold));--plan-pro:#6D4AB8;--plan-pro-deep:#4E2F92;--plan-pro-light:#EFE8FB;--plan-pro-accent:#F9B233;--plan-pro-grad:linear-gradient(135deg,#7C5CD6,#4E2F92);--plan-max:#D98A00;--plan-max-deep:#A66A00;--plan-max-light:#FFF3D6;--plan-max-accent:#22A06B;--plan-max-grad:linear-gradient(135deg,#F9B233,#22A06B);--plan-scan:#17B0A6;--plan-scan-deep:#0E8A82;--plan-scan-light:#DCF6F3;--plan-scan-accent:#4DA3FF;--plan-scan-grad:linear-gradient(135deg,#2ED3C6,#4DA3FF);--checkout-cta:linear-gradient(100deg,#FF6B9A,#FF8A1F);--checkout-cta-solid:#FF7A54;--pay-card:#635BFF;--pay-card-light:#ECEBFF;--pay-promptpay:#1A3B8B;--pay-promptpay-light:#E7EDFB;--pay-pending:#4DA3FF;--pay-pending-bg:var(--blue-50);--pay-pastdue:#FFB020;--pay-pastdue-bg:#FFF3DE;--quota-normal:var(--green-500);--quota-warning:#FFB020;--quota-danger:#F0682A;--quota-exceeded:#F0562E;--quota-track:var(--bg-sunken);--pay-success:var(--green-500);--pay-success-bg:var(--green-50);--pay-failed:#F0562E;--pay-failed-bg:#FDECE7}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-strong);background:var(--bg-app);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes jojo-spin{to{transform:rotate(1turn)}}@keyframes jojo-badge-pop{0%{transform:scale(.85)}60%{transform:scale(1.05)}to{transform:scale(1)}}