.iu-mate-fab[data-v-3c403227]{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));z-index:1200;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1.5px var(--border-hairline),0 0 20px 4px #2e65cf57,0 1px 2px #0c1a3a1a,0 12px 24px -12px #0c1a3a6b;transform:translateY(0);transition:transform .18s ease-out,opacity .18s ease-out}.iu-mate-fab[data-v-3c403227]:hover{transform:translateY(-2px)}.iu-mate-fab[data-v-3c403227]:active{transform:scale(.96)}.iu-mate-fab[data-v-3c403227]:focus-visible{outline:3px solid rgba(10,132,255,.35);outline-offset:4px}.iu-mate-fab.is-tucked[data-v-3c403227]{opacity:0;transform:scale(.7);pointer-events:none}.iu-mate-fab.is-tour-spot[data-v-3c403227]{z-index:99999;opacity:1;pointer-events:none}.iu-mate-fab .iu-orb[data-v-3c403227]{width:46px;height:46px;display:flex;align-items:center;justify-content:center;position:relative}.iu-mate-fab .iu-orb img[data-v-3c403227]{width:46px;height:46px;object-fit:contain;display:block}@media(max-width:480px){.iu-mate-fab[data-v-3c403227]{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}}@media(max-width:412px){.iu-mate-fab[data-v-3c403227]{right:15px;bottom:calc(88px + env(safe-area-inset-bottom))}}@media(min-width:768px){.iu-mate-fab[data-v-3c403227]{bottom:28px;right:28px}}@media(prefers-reduced-motion:reduce){.iu-mate-fab[data-v-3c403227]{transition:none}}.iu-mate-bubble-tip[data-v-3c403227]{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(156px + env(safe-area-inset-bottom));z-index:1200;max-width:232px;display:flex;align-items:flex-start;gap:6px;padding:11px 12px;background:var(--card);color:var(--ink);border:1px solid var(--border-hairline);border-radius:14px;box-shadow:0 8px 22px #071e4a2e;font-size:12.5px;line-height:1.5;cursor:pointer;animation:iu-bubble-in-3c403227 .28s ease both}.iu-mate-bubble-tip[data-v-3c403227]:after{content:"";position:absolute;right:22px;bottom:-6px;width:12px;height:12px;background:var(--card);border-right:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);transform:rotate(45deg)}.iu-mate-bubble-tip .tipmain[data-v-3c403227]{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.iu-mate-bubble-tip .tipmain[data-v-3c403227]:focus-visible{outline:3px solid var(--border-brand);outline-offset:2px}.iu-mate-bubble-tip .txt[data-v-3c403227]{flex:1;font-weight:600}.iu-mate-bubble-tip .x[data-v-3c403227]{position:relative;flex:none;width:20px;height:20px;margin:-2px -3px 0 0;padding:0;border:0;border-radius:999px;background:var(--surface-subtle);color:var(--ink2);font-size:15px;line-height:18px;cursor:pointer}.iu-mate-bubble-tip .x[data-v-3c403227]:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}@keyframes iu-bubble-in-3c403227{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.iu-mate-bubble-tip[data-v-3c403227]{animation:none}}@media(max-width:480px){.iu-mate-bubble-tip[data-v-3c403227]{bottom:calc(152px + env(safe-area-inset-bottom));right:16px}}@media(max-width:412px){.iu-mate-bubble-tip[data-v-3c403227]{bottom:calc(156px + env(safe-area-inset-bottom));right:15px}}@media(min-width:768px){.iu-mate-bubble-tip[data-v-3c403227]{bottom:96px;right:28px}}.iu-mate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#0612286b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;animation:iu-fade .2s ease;transition:opacity .26s ease}@keyframes iu-fade{0%{opacity:0}}.iu-mate-backdrop.is-dragging{transition:none}.iu-mate-sheet{position:fixed;inset:auto 0 0 0;z-index:1310;max-width:520px;margin:0 auto;width:100%;height:min(88vh,820px);background:linear-gradient(180deg,#fff,#f6f9ff);border-radius:30px 30px 0 0;box-shadow:0 -24px 80px #0027664d;display:flex;flex-direction:column;overflow:hidden;font-family:inherit;transform:translateY(0);animation:iu-up .26s cubic-bezier(.22,1,.36,1);transition:transform .28s cubic-bezier(.16,1,.3,1)}@keyframes iu-up{0%{transform:translateY(100%)}}.iu-mate-sheet.is-dragging{transition:none;animation:none;will-change:transform}.iu-mate-sheet .iu-mate-header,.iu-mate-sheet .iu-mate-grab{touch-action:none}@media(prefers-reduced-motion:reduce){.iu-mate-sheet,.iu-mate-backdrop{animation:none;transition:none}}html[data-theme=dark] .iu-mate-sheet{background:linear-gradient(180deg,#182236,#0e1626);box-shadow:0 -24px 80px #0009}.tp-z[data-v-b452670b]{z-index:1300}.tp-ic[data-v-b452670b]{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;overflow:hidden}.tp-ic img[data-v-b452670b]{width:100%;height:100%;object-fit:cover;display:block}.tp-body[data-v-b452670b]{margin:0 0 14px;font-family:var(--font-thai);font-size:14px;line-height:1.55;color:var(--ink2);text-align:center}.tp-wide[data-v-b452670b]{width:100%}.tp-gap[data-v-b452670b]{margin-top:8px}h2[data-v-b452670b]{margin:0 0 8px;font-family:var(--font-thai);font-size:18px;font-weight:800;color:var(--ink);text-align:center}.lb-cell[data-v-a717ecab]{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0 8px;user-select:none;-webkit-user-select:none}.lb-spacer[data-v-a717ecab]{width:24px;height:24px;flex:none}.lb-btn[data-v-a717ecab]{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:54px;height:54px;border:0;padding:0;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;touch-action:none;overflow:visible}.lb-face[data-v-a717ecab]{position:relative;z-index:3;width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:none;color:var(--text-on-brand);transition:transform .16s cubic-bezier(.3,.9,.3,1);background:linear-gradient(158deg,#2e65cf,#1150c8 54%,#0b3d9e);box-shadow:0 0 0 4px var(--surface-card),0 1px 2px #0c1a3a14,0 12px 26px -12px #0c1a3a80,inset 0 1px #ffffff38}.lb-hint[data-v-a717ecab]{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;box-shadow:0 0 0 2px #1150c857;animation:lb-hold-hint-a717ecab 3.8s ease-out infinite}.lb-hint--done[data-v-a717ecab],.lb-holding .lb-hint[data-v-a717ecab],.lb-btn[aria-expanded=true] .lb-hint[data-v-a717ecab]{animation:none;opacity:0}.lb-glow[data-v-a717ecab]{position:absolute;z-index:1;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:21px;pointer-events:none;opacity:0;box-shadow:0 0 0 3px #1150c82e,0 0 22px 6px #2e65cf4d}.lb-holding .lb-glow[data-v-a717ecab]{animation:lb-hold-glow-a717ecab .42s cubic-bezier(.32,.72,.3,1) forwards}.lb-ring[data-v-a717ecab]{position:absolute;z-index:2;top:-3px;right:-3px;bottom:-3px;left:-3px;width:60px;height:60px;pointer-events:none;overflow:visible;transform:rotate(-90deg);opacity:0}.lb-holding .lb-ring[data-v-a717ecab]{opacity:1}.lb-ring-fill[data-v-a717ecab]{stroke-dashoffset:194}.lb-holding .lb-ring-fill[data-v-a717ecab]{animation:lb-hold-fill-a717ecab .42s linear forwards}@keyframes lb-hold-fill-a717ecab{0%{stroke-dashoffset:194}to{stroke-dashoffset:0}}@keyframes lb-hold-glow-a717ecab{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1.18)}}@keyframes lb-hold-hint-a717ecab{0%,72%,to{opacity:0;transform:scale(.92)}82%{opacity:.5;transform:scale(1.1)}92%{opacity:0;transform:scale(1.22)}}.lb-ico[data-v-a717ecab]{width:26px;height:26px;transition:transform .16s ease}.lb-btn[aria-expanded=true] .lb-ico[data-v-a717ecab]{transform:rotate(45deg)}.lb-lab[data-v-a717ecab]{font-family:var(--font-thai);font-size:12px;font-weight:600;color:var(--text-brand);line-height:1.5}.lb-btn[data-v-a717ecab]:focus-visible{outline:3px solid var(--text-brand-strong);outline-offset:3px}.lb-holding .lb-face[data-v-a717ecab]{transform:scale(.9)}.lb-btn[aria-expanded=true] .lb-face[data-v-a717ecab]{box-shadow:0 0 0 4px var(--surface-card),0 0 0 9px #1150c82e,0 1px 2px #0c1a3a1a,0 16px 30px -12px #0c1a3a8c,inset 0 1px #ffffff42}html[data-theme=dark] .lb-face[data-v-a717ecab]{background:linear-gradient(158deg,#1150c8,#0e47b3);box-shadow:inset 0 0 0 1px #ffffff6b}html[data-theme=dark] .lb-btn[aria-expanded=true] .lb-face[data-v-a717ecab]{box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 9px #1150c82e}@media(prefers-reduced-motion:reduce){.lb-hint[data-v-a717ecab],.lb-glow[data-v-a717ecab]{animation:none;opacity:0}.lb-face[data-v-a717ecab],.lb-ico[data-v-a717ecab]{transition:none}.lb-holding .lb-face[data-v-a717ecab]{transform:none}.lb-holding .lb-ring-fill[data-v-a717ecab]{animation:none;stroke-dashoffset:0}}.b3-cell[data-v-21249078]{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0 8px;background:none;border:0;cursor:pointer;font:inherit;min-height:44px;color:var(--text-secondary);text-decoration:none}.b3-ico[data-v-21249078]{width:24px;height:24px;color:inherit}.b3-lab[data-v-21249078]{font-family:var(--font-thai);font-size:12px;font-weight:600;line-height:1.5;color:inherit}.b3-cell--on[data-v-21249078]{color:var(--text-brand)}.b3-cell--on .b3-ico[data-v-21249078]{stroke-width:2.6}.b3-cell[data-v-21249078]:disabled{cursor:default}.b3-cell[data-v-21249078]:focus-visible{outline:3px solid var(--text-brand-strong);outline-offset:-3px;border-radius:18px}.b3-log-spacer[data-v-21249078]{min-height:54px;pointer-events:none}.cb2-cell[data-v-b2065c5c]{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 0 8px;background:none;border:0;cursor:pointer;font:inherit;min-height:44px;color:var(--text-secondary);text-decoration:none}.cb2-ico[data-v-b2065c5c]{width:24px;height:24px;color:inherit}.cb2-lab[data-v-b2065c5c]{font-family:var(--font-thai);font-size:12px;font-weight:600;line-height:1.5;color:inherit}.cb2-cell--on[data-v-b2065c5c]{color:var(--text-brand)}.cb2-cell--on .cb2-ico[data-v-b2065c5c]{stroke-width:2.6}.cb2-cell[data-v-b2065c5c]:focus-visible{outline:3px solid var(--text-brand-strong);outline-offset:-3px;border-radius:18px}.lf-wash[data-v-0d3331fe]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:auto;background:linear-gradient(to top,var(--surface-page) 0%,rgba(246,248,252,.99) 44%,rgba(246,248,252,.92) 66%,rgba(246,248,252,.62) 100%)}.lf-fan[data-v-0d3331fe]{position:fixed;left:10px;right:10px;bottom:calc(152px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:14px;pointer-events:none;max-width:520px;margin:0 auto}.lf-hintrow[data-v-0d3331fe]{display:flex;justify-content:center}.lf-hint[data-v-0d3331fe]{background:var(--surface-card);border-radius:999px;padding:6px 13px;font-family:var(--font-thai);font-size:11px;font-weight:600;color:var(--text-secondary);line-height:1.5;box-shadow:inset 0 0 0 1px #0c1a3a0f,0 6px 16px -8px #0c1a3a59}.lf-row[data-v-0d3331fe]{display:flex;align-items:flex-end;gap:6px;padding:0 6px}.lf-item[data-v-0d3331fe]{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto;background:none;border:0;padding:0;cursor:pointer;font:inherit;min-height:44px;transition:transform .14s ease-out}.lf-item--on[data-v-0d3331fe],.lf-item[data-v-0d3331fe]:focus-visible{transform:scale(1.08)}.lf-item[data-v-0d3331fe]:focus-visible{outline:none}.lf-disc[data-v-0d3331fe]{width:60px;height:60px;border-radius:50%;background:var(--surface-card);color:var(--text-brand);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 0 0 1px #0c1a3a0f,0 1px 2px #0c1a3a14,0 12px 24px -12px #0c1a3a61}.lf-disc--pri[data-v-0d3331fe]{width:68px;height:68px;background:linear-gradient(158deg,#2e65cf,#1150c8 54%,#0b3d9e);color:var(--text-on-brand)}.lf-ico[data-v-0d3331fe]{width:25px;height:25px}.lf-disc--pri .lf-ico[data-v-0d3331fe]{width:28px;height:28px}.lf-lab[data-v-0d3331fe]{font-family:var(--font-thai);font-size:13px;font-weight:600;color:var(--text-strong);line-height:1.35;text-shadow:0 1px 3px rgba(255,255,255,.95)}.lf-item--on .lf-disc[data-v-0d3331fe],.lf-item:focus-visible .lf-disc[data-v-0d3331fe]{box-shadow:inset 0 0 0 1px #0c1a3a0f,0 0 0 3px #1150c847,0 14px 28px -10px #0c1a3a6b}.lf-item:focus-visible .lf-disc[data-v-0d3331fe]{outline:3px solid var(--text-brand-strong);outline-offset:3px}html[data-theme=dark] .lf-wash[data-v-0d3331fe]{background:linear-gradient(to top,var(--surface-page) 0%,rgba(7,12,22,.99) 44%,rgba(7,12,22,.92) 66%,rgba(7,12,22,.62) 100%)}html[data-theme=dark] .lf-hint[data-v-0d3331fe],html[data-theme=dark] .lf-disc[data-v-0d3331fe]{box-shadow:inset 0 0 0 1px #ffffff14}html[data-theme=dark] .lf-item--on .lf-disc[data-v-0d3331fe],html[data-theme=dark] .lf-item:focus-visible .lf-disc[data-v-0d3331fe]{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3px #7a9de057}html[data-theme=dark] .lf-disc--pri[data-v-0d3331fe]{background:linear-gradient(158deg,#1150c8,#0e47b3)}html[data-theme=dark] .lf-lab[data-v-0d3331fe]{text-shadow:0 1px 3px rgba(7,12,22,.95)}@media(prefers-reduced-motion:reduce){.lf-item[data-v-0d3331fe]{transition:none}.lf-item--on[data-v-0d3331fe],.lf-item[data-v-0d3331fe]:focus-visible{transform:none}}.ob[data-v-9fe8b0a3]{margin:0 0 var(--card-gap);padding:var(--card-pad);border-radius:var(--card-radius);background:var(--tint);border:1px solid var(--rule);box-shadow:var(--shadow-widget)}.ob-t[data-v-9fe8b0a3]{font-family:var(--font-thai);font-size:var(--fs-body);font-weight:var(--fw-title);line-height:var(--lh-thai);color:var(--ink)}.ob-b[data-v-9fe8b0a3]{margin-top:3px;font-family:var(--font-thai);font-size:var(--fs-label);font-weight:400;line-height:var(--lh-thai);color:var(--ink2)}.tp-z[data-v-6bbc970e]{z-index:99990}.tp-ic[data-v-6bbc970e]{width:48px;height:48px;margin:0 auto -2px;line-height:1}.tp-ic img[data-v-6bbc970e]{width:100%;height:100%;object-fit:contain;display:block}.iu-card h2[data-v-6bbc970e]{justify-content:center;margin:8px 0 4px;font-size:17px;color:var(--ink)}.tp-body[data-v-6bbc970e]{font-size:12.5px;line-height:1.6;color:var(--ink2, #3a4660);margin:0 0 14px}.tp-wide[data-v-6bbc970e]{width:100%;height:46px;font-size:14.5px}.tp-gap[data-v-6bbc970e]{margin-top:9px}.tp-note[data-v-6bbc970e]{font-size:11px;color:var(--text-disabled);margin:11px 0 0}.app-main--bare[data-v-3c4a39c7]{padding:0;margin:0;max-width:none}.mode-pill[data-v-3c4a39c7]{margin-left:9px;border:none;border-radius:99px;padding:4px 12px;font-family:var(--font-thai);font-size:11px;font-weight:800;color:#fff;background:var(--surface-hero);cursor:pointer;flex:none}.b3-frame[data-v-3c4a39c7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.bottom-nav.nav-v4[data-v-3c4a39c7]{left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:520px;margin:0 auto;padding:0 0 calc(18px + env(safe-area-inset-bottom));background:var(--surface-card);border:0;border-radius:0;box-shadow:inset 0 1px 0 0 var(--border-hairline);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}html[data-theme=dark] .bottom-nav.nav-v4[data-v-3c4a39c7]{background:var(--surface-card);border-color:transparent}.bottom-nav.nav-v4--coach[data-v-3c4a39c7]{grid-template-columns:1fr 1fr}:root{--surface-page: #f6f8fc;--surface-card: #ffffff;--surface-subtle: #ecf1fb;--surface-brand: #1150c8;--surface-brand-strong: #0b3d9e;--surface-widget: #2e65cf;--surface-hero: linear-gradient(158deg, #0e47b3 0%, #0b3d9e 52%, #062972 100%);--surface-inverse: #1a2848;--text-on-inverse: #ffffff;--static-brand: #1150c8;--static-brand-mid: #0a3a9e;--static-brand-deep: #03215f;--static-brand-lite: #2E65CF;--static-ink: #03215f;--static-ink2: #8ca0c2;--static-card: #ffffff;--static-page: #f6f9ff;--static-line: #e4eaf5;--static-accent: #12b7a8;--static-accent-ink: #096e64;--static-mint: #46c7bb;--static-energy: #ffc53d;--static-alert: #ff4757;--static-page-hi: #f7faff;--static-page-lo: #eef3fc;--static-tint: #edf3ff;--static-tint-2: #eef4ff;--static-tint-3: #e8f0ff;--static-line-2: #dfe9fb;--static-track: #edf1f9;--static-track-2: #dce4f2;--static-hair: #eff3fa;--static-zone-lite: #8fbbff;--static-rem: #7c5cff;--static-text-strong: #002766;--static-text-secondary: #5b6a85;--static-text-brand-strong: #0b3d9e;--static-surface-page: #f6f8fc;--static-surface-inverse: #1a2848;--static-border-hairline: #c7ccd6;--static-danger: #ef4444;--static-danger-soft: #fef0f0;--static-success-soft: #ecf9f8;--static-warning-soft: #fef8ed;--static-warning-ink: #8b5d0d;--static-cyan: #1599b8;--text-strong: #002766;--text-primary: #1a2848;--text-secondary: #54627C;--text-disabled: #7f8ba0;--text-brand: #1150c8;--text-brand-strong: #0b3d9e;--text-success: #096e64;--text-energy: #846013;--text-on-brand: #ffffff;--border-hairline: #7f8ba0;--chart-track: #c7ccd6;--chart-mark: var(--text-primary);--chart-inactive: #6a92dc;--chart-line: #4577d4;--accent-training: #d2603c;--accent-training-ink: #9c4429;--border-brand: #4577d4;--pick-marker: #1150c8;--elev-0: none;--elev-1: inset 0 0 0 1px rgba(12,26,58,.05), 0 1px 2px 0 rgba(12,26,58,.05), 0 10px 26px -16px rgba(12,26,58,.4);--elev-2: inset 0 0 0 1px rgba(12,26,58,.06), 0 1px 2px 0 rgba(12,26,58,.06), 0 18px 40px -18px rgba(12,26,58,.55);--elev-3: inset 0 0 0 1px rgba(12,26,58,.07), 0 2px 4px 0 rgba(12,26,58,.08), 0 26px 52px -20px rgba(12,26,58,.62);--elev-4: inset 0 0 0 1px rgba(12,26,58,.08), 0 2px 6px 0 rgba(12,26,58,.1), 0 34px 68px -22px rgba(12,26,58,.7);--elev-1-bg: var(--surface-card);--elev-2-bg: var(--surface-card);--elev-3-bg: var(--surface-card);--elev-4-bg: var(--surface-card);--radius-1: 18px;--radius-2: 22px;--radius-3: 26px;--radius-4: 28px;--radius-5: 34px;--danger: #ef4444;--danger-ink: #ad2f2f;--danger-soft: #fef0f0;--surface-danger: #ce3939;--text-on-danger: #ffffff;--surface-success: #087856;--text-on-success: #ffffff;--warning: #b17715;--warning-ink: #8b5d0d;--warning-soft: #fef8ed;--success: #0f9f92;--success-ink: var(--text-success);--success-soft: #ecf9f8;--purple: #7c4dff;--purple-ink: #6a41e0;--purple-soft: #f5f1ff;--cyan: #1599b8;--cyan-ink: #0f7791;--cyan-soft: #edfcff;--data-protein: #0b7f74;--data-carb: #b67a15;--data-fat: #6b3fd4;--data-waist: #a8492a;--bg: var(--surface-page);--bg2: var(--surface-subtle);--bg-soft: var(--surface-subtle);--ink: var(--text-primary);--ink2: var(--text-secondary);--coral: var(--text-brand);--coral2: var(--surface-subtle);--mint: var(--success);--mint2: var(--success-soft);--sun: var(--warning);--sun2: var(--warning-soft);--berry: var(--text-brand);--berry2: var(--surface-subtle);--red: var(--danger);--card: var(--surface-card);--line: var(--border-hairline);--navy: var(--text-strong);--deep: var(--text-brand-strong);--surface: var(--surface-card);--surface-soft: var(--surface-subtle);--text-main: var(--text-primary);--text-muted: var(--text-secondary);--text-soft: var(--text-secondary);--border: var(--border-hairline);--primary: var(--text-brand);--primary-deep: var(--text-brand-strong);--orange: var(--warning);--brand-gradient: var(--surface-hero);--brand-gradient-dark: linear-gradient(158deg, #1150c8 0%, #0e47b3 100%);--glass: rgba(255, 255, 255, .78);--shadow-sm: var(--elev-1);--shadow-soft: var(--elev-1);--shadow-md: var(--elev-2);--shadow-lg: var(--elev-3);--shadow-card: var(--elev-2);--radius-sm: var(--radius-1);--radius-button: var(--radius-1);--radius-md: var(--radius-2);--radius: var(--radius-2);--radius-lg: var(--radius-3);--radius-card: var(--radius-3);--radius-xl: var(--radius-4);--icon-xs: 14px;--icon-sm: 18px;--icon-md: 22px;--icon-lg: 28px;--icon-xl: 36px;--icon-stroke: 2;--icon-stroke-active: 2.4;--icon-color-default: var(--text-secondary);--icon-color-primary: var(--text-brand);--icon-color-deep: var(--text-brand-strong);--icon-color-muted: var(--text-disabled);--icon-color-success: var(--success-ink);--icon-color-warning: var(--warning-ink);--icon-color-danger: var(--danger-ink);--icon-bg-blue: var(--surface-subtle);--icon-bg-green: var(--success-soft);--icon-bg-orange: var(--warning-soft);--icon-bg-red: var(--danger-soft);--font-ui: "Noto Sans Thai", "Kanit", system-ui, sans-serif;--font-display: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--iu-safe-b: env(safe-area-inset-bottom, 0px);--iu-safe-b-min: 34px;--iu-gap-b: 28px;--iu-pad-b: calc(max(var(--iu-safe-b), var(--iu-safe-b-min)) + var(--iu-gap-b));--iu-pad-b-nav: calc(106px + var(--iu-safe-b));--cc-pad-x: 16px;--brand: var(--coral);--font: var(--font-thai);--mut: var(--ink2);--green: var(--mint)}:root[data-theme=dark]{--surface-page: #070c16;--surface-card: #141e33;--surface-subtle: #253556;--surface-brand: #2e65cf;--surface-brand-strong: #2e65cf;--surface-widget: #2e65cf;--surface-hero: linear-gradient(158deg, #1150c8 0%, #0e47b3 100%);--surface-inverse: #253556;--text-on-inverse: #ffffff;--text-strong: #d9e3f6;--text-primary: #f2f5fb;--text-secondary: #B3C0D6;--text-disabled: #7686a6;--text-brand: #8aa9e5;--text-brand-strong: #8aa9e5;--text-success: #46c7bb;--text-energy: #ffc53d;--text-on-brand: #ffffff;--border-hairline: #6d82b4;--chart-track: #3a4e7a;--chart-inactive: #5b6a85;--chart-line: #aec4ec;--accent-training: #dc8367;--accent-training-ink: #e6a692;--border-brand: #4577d4;--pick-marker: #aec4ec;--elev-0: none;--elev-1: inset 0 0 0 1px rgba(255, 255, 255, .06);--elev-2: inset 0 0 0 1px rgba(255, 255, 255, .1);--elev-3: inset 0 0 0 1px rgba(255, 255, 255, .14);--elev-4: inset 0 0 0 1px rgba(255, 255, 255, .18);--elev-1-bg: #141e33;--elev-2-bg: #253556;--elev-3-bg: #3a4e7a;--elev-4-bg: #506494;--danger: #f36d6d;--danger-ink: #f58585;--danger-soft: #591719;--warning: #f5a623;--warning-ink: #f5a623;--warning-soft: #5f3f08;--success: #12b7a8;--success-ink: var(--text-success);--success-soft: #07403e;--purple: #9974ff;--purple-ink: #a98cff;--purple-soft: #12092d;--cyan: #20d5ff;--cyan-ink: #20d5ff;--cyan-soft: #0a596d;--data-protein: #5fd3c6;--data-carb: #f5c978;--data-fat: #b69bff;--data-waist: #e6a692;--glass: rgba(20, 30, 50, .78)}:root{--ring: rgba(12, 26, 58, .05);--tint: var(--surface-subtle);--tint2: #F2F3F5;--ink-strong: var(--text-strong);--ink3: #616E85;--ink4: #6E7A8F;--rule: #E4EAF5;--track: var(--chart-track);--band: #ECF1FB;--brand-soft: var(--chart-inactive);--btn: var(--surface-brand);--amber: #B78925;--amber-ink: var(--text-energy);--teal: #0F9F92;--teal-ink: var(--text-success);--teal-tint: #E3F5F2;--warn: var(--warning-ink);--warn-bg: var(--warning-soft);--rose: #C0392B;--rose-ink: #9E2B20;--on-brand: var(--text-on-brand);--on-brand-accent: #5FE3D2;--on-brand-ink2: #9FC1FF;--on-brand-ink3: #BCD2FF;--on-brand-rule: rgba(255, 255, 255, .16);--font-num: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--font-thai: "Noto Sans Thai", "Kanit", system-ui, sans-serif;--font-wordmark: "Kanit", system-ui, sans-serif;--fs-hero-value: 40px;--fs-widget-value: 20px;--fs-value-2: 17px;--fs-date: 19px;--fs-hero-line: 19px;--fs-card-title: 15px;--fs-section: 14px;--fs-btn: 16px;--fs-body: 13px;--fs-label: 12px;--fw-num: 600;--fw-title: 500;--fw-label: 500;--fw-btn: 600;--ls-num-hero: -.03em;--ls-num: -.02em;--ls-date: -.01em;--lh-thai: 1.5;--lh-body: 1.7;--w-body: 400;--card-radius: var(--radius-1);--control-radius: 14px;--card-pad: 14px 16px;--card-gap: 9px;--hero-radius: var(--radius-2);--hero-pad: 18px;--hero-pad-lg: 22px;--screen-pad: 20px;--block-mt: 10px;--block-mt-rule: 12px;--block-pt-rule: 11px;--bar-h: 8px;--bar-radius: 999px;--chart-bar-radius: 8px;--rim: inset 0 0 0 1px var(--ring);--rim-round: inset 0 0 0 1px rgba(255, 255, 255, .12);--shadow-widget: var(--rim), 0 1px 2px rgba(12, 26, 58, .05), 0 10px 26px -16px rgba(12, 26, 58, .4);--shadow-hero: var(--rim), 0 1px 2px rgba(12, 26, 58, .04), 0 10px 28px -16px rgba(12, 26, 58, .28);--shadow-round: var(--rim), 0 1px 2px rgba(12, 26, 58, .05), 0 10px 26px -16px rgba(12, 26, 58, .4);--mate-hero-bg: radial-gradient(120% 140% at 88% -20%, #1f3e86 0%, #12295e 46%, #0a1733 100%);--mate-hero-ink: #ffffff;--mate-hero-ink2: #b7cbee;--mate-hero-who: #9cc0ff;--mate-hero-pill: #c4daff;--mate-hero-unit: #8fa8d4;--mate-hero-mint: #6be3ce;--mate-hero-chip-bg: #0d1d44;--mate-hero-chip-rim: rgba(146, 182, 255, .16);--mate-hero-soft: #243d75;--mate-hero-soft-rim: rgba(146, 182, 255, .22);--mate-hero-pri-bg: #ffffff;--mate-hero-pri-ink: #0d2148;--mate-hero-sec-ink: #dce8ff;--mate-hero-grid: rgba(146, 182, 255, .16);--mate-hero-sweep: rgba(146, 182, 255, .1);--mate-hero-rim: rgba(120, 163, 255, .26);--mate-hero-drop: rgba(8, 20, 48, .85);--mate-hero-mask: #000;--mate-hero-halo: radial-gradient( circle, rgba(160, 220, 255, .5) 0%, rgba(120, 180, 255, .2) 46%, rgba(120, 180, 255, 0) 70% );--mate-hero-mate-drop: 0 2px 6px rgba(6, 16, 40, .6);--shadow-mate-hero: inset 0 0 0 1px var(--mate-hero-rim), 0 20px 44px -18px var(--mate-hero-drop);--shadow-bar-up: 0 -10px 26px -6px rgba(12, 26, 58, .18);--veil-sticky: linear-gradient(to bottom, var(--bg) 0%, var(--bg) 78%, transparent 100%)}:root[data-theme=dark]{--ring: rgba(255, 255, 255, .08);--tint2: #1E2A44;--ink3: #9CA9BF;--ink4: #5B6A85;--rule: #506494;--band: #2A3A5C;--amber: #FFC53D;--teal: #46C7BB;--teal-tint: #12403C;--rose: #F07A6A;--rose-ink: #F07A6A;--w-body: 500;--shadow-widget: var(--rim);--shadow-hero: var(--rim);--shadow-round: var(--rim-round)}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body,#app{height:100%}html,html[data-theme=dark]{background:var(--surface-page)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-thai);font-size:15px;font-weight:var(--w-body);line-height:1.55;background:radial-gradient(circle at 10% -10%,rgba(17,80,200,.14) 0,transparent 34%),radial-gradient(circle at 95% 6%,rgba(3,33,95,.1) 0,transparent 30%),linear-gradient(180deg,#fbfcfe,#ecf1fb 43%,#f6f8fc);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-theme=dark] body{background:radial-gradient(circle at 10% -10%,rgba(122,157,224,.1) 0,transparent 34%),radial-gradient(circle at 95% 6%,rgba(17,80,200,.14) 0,transparent 30%),linear-gradient(180deg,#141e33,#070c16 55%,#070c16)}.app-shell{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;padding:0 14px var(--iu-pad-b-nav)}.todaytop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 0}.iulogo,.iu-wordmark{font-family:var(--font-wordmark);font-size:20px;font-weight:var(--fw-num);font-style:italic;letter-spacing:var(--ls-num);line-height:1;color:var(--ink);min-height:44px;display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.iulogo span,.iu-wordmark span{color:var(--brand)}.topright{display:flex;align-items:center;gap:9px}.bell{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink2);font-size:18px;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex:none;text-decoration:none}.bell svg{width:20px;height:20px}.bell:active{transform:scale(.95)}.bdot{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--surface-danger);color:var(--text-on-danger);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #f6f8fc;font-family:var(--font-thai)}.topav{width:44px;height:44px;border-radius:50%;background:var(--surface-hero);color:#fff;font-family:var(--font-num);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex:none;box-shadow:var(--shadow-sm);text-decoration:none}.topav img{width:100%;height:100%;object-fit:cover}html[data-theme=dark] .bell{background:var(--card);color:var(--ink2)}html[data-theme=dark] .bdot{border-color:var(--card)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 18px;margin:14px 0;box-shadow:var(--shadow-card);overflow:hidden}.card.flat{box-shadow:none;background:#fbfdff}html[data-theme=dark] .card.flat{background:#1c2942}.card h2,.card h3{margin:0 0 10px;color:var(--navy);font-family:var(--font-num);font-size:16.5px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.card h3 svg{width:21px;height:21px;flex:none;color:var(--text-brand)}h4.sec{margin:18px 2px 8px;color:var(--deep);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.muted{color:var(--ink2);font-size:12.5px;line-height:1.55}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.btn{min-height:44px;font-family:var(--font-thai);font-size:14.5px;font-weight:700;letter-spacing:0;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-button);padding:10px 17px;cursor:pointer;box-shadow:none;transition:transform .16s ease,background .16s ease,filter .16s ease,opacity .16s ease}.btn:hover{filter:brightness(1.02)}.btn:active{transform:translateY(1px) scale(.99)}.btn.pri,.btn.mint{background:var(--surface-hero);border-color:transparent;border-width:0;color:#fff;box-shadow:0 12px 26px #0a84ff42}.btn.sun{background:linear-gradient(135deg,#f5a623,#ffd166);border-color:transparent;color:#2d1b00}.btn.ghost{box-shadow:none;border:1.5px solid var(--line);background:var(--card);color:var(--brand)}.btn.sm{min-height:44px;font-size:12.5px;padding:6px 13px;border-radius:12px}.btn:disabled{opacity:.45;pointer-events:none}.btn.pri:not(.sm){min-height:52px;border-radius:18px}html[data-theme=dark] .btn:not(.pri):not(.mint):not(.sun):not(.ghost){background:var(--surface-soft);border-color:var(--line);color:var(--ink);box-shadow:none}html[data-theme=dark] .btn.ghost{background:var(--surface-soft);border-color:var(--line);color:var(--brand)}button,input,select,textarea,optgroup{font-family:inherit}button,a,[role=button],.seg button,.tab,.chip{-webkit-tap-highlight-color:transparent}button:focus,a:focus,[role=button]:focus,.seg button:focus{outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--coral);outline-offset:2px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid var(--ink3);border-radius:14px;padding:10px 12px;font-family:var(--font-thai);font-size:16px;outline:none;box-shadow:0 2px #0d366e05;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral2)}textarea{resize:vertical;min-height:76px}label.fl{display:block;font-size:12.5px;font-weight:750;margin:10px 0 5px;color:var(--ink2)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:var(--surface);color:var(--ink)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230c1850' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px 16px}select::-ms-expand{display:none}html[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c9d6ee' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px 16px}.seg{display:flex;gap:4px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#f4f8ff;padding:4px}.seg button{flex:1;border:none;border-radius:13px;background:none;font-family:var(--font-thai);font-size:12.5px;padding:9px 4px;cursor:pointer;color:var(--ink2);font-weight:750;transition:.15s ease;position:relative}.seg button:after{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}.seg button.on{background:var(--surface-hero);color:#fff;box-shadow:0 12px 26px #0a84ff42}html[data-theme=dark] .seg button.on{border:1px solid var(--text-on-brand)}html[data-theme=dark] .seg{background:#1c2942}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:11px}.kpi{background:linear-gradient(180deg,#fff,#f1f7ff);border:1px solid var(--border);border-radius:18px;padding:13px 11px;text-align:center;box-shadow:var(--shadow-sm)}.kpi b,.kpi .val{font-family:var(--font-num);font-size:22px;display:block;color:var(--navy);font-weight:800;letter-spacing:-.01em}.kpi span,.kpi .lbl{font-size:12px;color:var(--ink2);font-weight:650;margin-top:2px}html[data-theme=dark] .kpi{background:linear-gradient(180deg,#26334e,#16223a)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;background:#ffffffc7;border:1px solid var(--ink3);border-radius:999px;padding:6px 12px;color:var(--ink);font-family:var(--font-thai);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #0d366e0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.chip:after{content:"";position:absolute;top:-5px;right:0;bottom:-5px;left:0}.chip.sel{background:var(--surface-hero);color:#fff;border-color:transparent;box-shadow:0 10px 22px #0a84ff40}html[data-theme=dark] .chip.sel{border-color:var(--text-on-brand)}html[data-theme=dark] .chip:not(.sel){background:#1a2436d1}html[data-theme=dark] .chip.sel{border-color:transparent;box-shadow:0 10px 22px #0a84ff40,inset 0 0 0 1.5px var(--text-on-brand)}.tag{display:inline-block;white-space:nowrap;font-size:12px;background:var(--berry2);border:1px solid #d8e4ff;color:#3156b3;border-radius:999px;padding:2px 8px;margin:3px 4px 0 0;font-weight:650}.tag.age{background:var(--warning-soft);color:var(--warning-ink);border-color:var(--border-hairline)}.tag.al{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--border-hairline)}html[data-theme=dark] .tag{border-color:var(--border)}html[data-theme=dark] .tag:not(.age):not(.al){color:#a9c1ff}.empty{text-align:center;color:var(--ink2);padding:26px 8px;font-size:13.5px}.empty svg{width:56px;height:56px;opacity:.42;display:block;margin:0 auto 8px;color:var(--text-brand)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(98px + env(safe-area-inset-bottom));background:var(--brand-gradient, rgba(0, 39, 102, .96));color:#fff;padding:11px 18px;border-radius:999px;font-size:13.5px;z-index:99999;opacity:0;transition:opacity .25s;pointer-events:none;max-width:88%;text-align:center;box-shadow:0 16px 38px #00276647}.toast.show{opacity:1}.warnbox{background:var(--danger-soft);border:1px solid var(--danger);border-radius:14px;padding:10px 12px;color:var(--danger-ink);font-size:13px;margin:9px 0}.okbox{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;padding:10px 12px;color:#047857;font-size:13px;margin:9px 0}html[data-theme=dark] .okbox{background:#0f2e2b;border-color:#155e52;color:#5eead4}.bottom-nav{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:30;display:flex;max-width:500px;margin:0 auto;padding:6px;background:#fffffff0;border:1px solid rgba(219,231,245,.9);border-radius:26px;box-shadow:0 16px 44px #00276629;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav a{position:relative;flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:7px 2px 6px;border-radius:18px;text-decoration:none;color:var(--text-secondary);font-family:var(--font-thai);font-size:12px;font-weight:650;white-space:nowrap;letter-spacing:-.1px;transition:.18s ease}.bottom-nav a svg{width:23px;height:23px;transition:.18s ease}.bottom-nav a.on{color:#fff;font-weight:800;background:var(--surface-hero);box-shadow:0 8px 20px #0a84ff4d}.bottom-nav a.on svg{stroke-width:2.6;transform:translateY(-1px)}.bottom-nav a:not(.on):active{background:var(--surface-subtle)}html[data-theme=dark] .bottom-nav{background:#0f1728f0;border-color:#2a3650e6}html[data-theme=dark] .bottom-nav a:not(.on){color:#8ea3c2}.mlbl{font-size:13px;font-weight:800;color:var(--navy);margin:18px 4px 8px;font-family:var(--font-num)}.mhub{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.mrow{display:flex;align-items:center;gap:13px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:14px 15px;cursor:pointer;font-family:var(--font-thai);text-align:left;text-decoration:none;color:inherit}.mrow:last-child{border-bottom:none}.mrow:active{background:var(--surface-subtle)}.mi{width:38px;height:38px;border-radius:11px;background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;font-size:19px;flex:none}.mt{flex:1;min-width:0}.mt b{font-size:14px;color:var(--ink);display:block;font-weight:700}.mt span{font-size:12px;color:var(--ink2);display:block;margin-top:1px}.mchev{color:var(--text-secondary);font-size:18px;flex:none}@media(max-width:400px){.bottom-nav a{letter-spacing:-.34px}}@media(min-width:700px){body{background:radial-gradient(circle at 20% 0%,rgba(10,132,255,.22),transparent 28%),linear-gradient(135deg,#f8fbff,#eef5ff)}.bottom-nav{max-width:520px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.cta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cta-btn{border:1.4px solid var(--border-hairline);border-radius:15px;padding:10px 3px 9px;text-align:center;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--card);cursor:pointer;font-family:var(--font-thai);transition:transform .15s ease,box-shadow .15s ease}.cta-btn:active{transform:scale(.97)}.cta-btn.food{background:linear-gradient(180deg,#f2fbf5,var(--card))}.cta-btn.ex{background:linear-gradient(180deg,#eef5ff,var(--card))}.cta-btn.body{background:linear-gradient(180deg,#f4efff,var(--card))}.cta-lb{font-size:12px;font-weight:800;color:var(--navy);line-height:1.1}.wctl{display:flex;align-items:center;gap:5px}.wnum{font-size:12px;font-weight:800;color:var(--text-brand);min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.w4b{width:22px;height:22px;border-radius:7px;border:1px solid var(--border-hairline);background:var(--card);color:var(--text-brand);font-size:14px;font-weight:800;display:grid;place-items:center;cursor:pointer}.w4b.plus{background:var(--surface-brand);color:var(--text-on-brand);border-color:var(--surface-brand)}html[data-theme=dark] .cta-btn,html[data-theme=dark] .cta-btn.food,html[data-theme=dark] .cta-btn.ex,html[data-theme=dark] .cta-btn.body{background:linear-gradient(180deg,#1c2942,#1c2942);border-color:var(--border)}html[data-theme=dark] .w4b{background:#1c2942;border-color:var(--border)}.planrow{display:flex;gap:11px}.plancol{flex:1;min-width:0;background:#fbfdff;border:1px solid var(--border);border-radius:14px;padding:11px}.planitem{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.planitem:last-child{border-bottom:none}.planitem b{font-size:12.5px;color:var(--ink);display:block;line-height:1.2}.planitem span{font-size:12px;color:var(--ink2);display:block;line-height:1.3}.planitem .pk{color:var(--text-brand);font-weight:700}.pdone{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#34d399,#1f9d57);box-shadow:0 2px 6px #1f9d5752;font-size:0;animation:rd-tickpop .34s cubic-bezier(.34,1.56,.64,1) both}.pdone:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}@media(prefers-reduced-motion:reduce){.pdone{animation:none}}.pbtn{flex:none;font-size:12px;font-weight:700;color:var(--text-on-brand);background:var(--surface-brand);border:1px solid transparent;border-radius:8px;padding:5px 10px;cursor:pointer}html[data-theme=dark] .pbtn{border-color:var(--text-on-brand)}.plantot{font-size:12px;color:var(--ink2);text-align:right;margin-top:8px;font-weight:600}.planempty{font-size:12px;color:var(--ink2);text-align:center;padding:10px 4px;line-height:1.6}.pbtn2{display:block;width:100%;font-size:12px;font-weight:700;color:var(--text-brand);background:var(--surface-subtle);border:none;border-radius:10px;padding:8px;cursor:pointer}@media(max-width:380px){.planrow{flex-direction:column}}html[data-theme=dark] .planitem,html[data-theme=dark] .planrow{border-color:var(--border)}html[data-theme=dark] .plancol{background:#1c2942;border-color:var(--border)}.gambar{display:flex;align-items:center;background:linear-gradient(135deg,#0b1f5f,#0a2d7a);border-radius:18px;padding:14px 8px;margin:16px 0 4px;color:#fff;box-shadow:0 12px 30px #00144640}.gambar .gi{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;text-align:left;padding:0 7px;min-width:0}.gambar .gi>div{min-width:0}.gambar .gtree{cursor:pointer}.gambar .gnum{font-family:var(--font-num);font-size:18px;font-weight:800;line-height:1}.gambar .gl{font-size:12px;color:#ffffffb3;margin-top:4px;font-weight:600;line-height:1.2}.gambar .gdiv{width:1px;height:34px;background:#ffffff26;flex:none}.s-ic{width:32px;height:32px;border-radius:9px;background:#fff;flex:none;display:grid;place-items:center;box-shadow:0 4px 10px #00000047}.tlsec{background:var(--surface-subtle);border:1px solid var(--border);border-radius:14px;padding:4px 10px;margin:2px 0 4px}.tlrow{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e3ecf8}.tlrow:last-child{border-bottom:none}.tlrow .tlx{flex:1;min-width:0;cursor:pointer}.tlrow .tlx b{font-size:13.5px;color:var(--ink);display:block;line-height:1.2}.tlrow .tlx span{font-size:12px;color:var(--ink2)}.tlempty{font-size:12px;color:var(--ink2);text-align:center;padding:8px 4px}.tsx{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid #f3c2c2;background:var(--card);color:var(--danger-ink);cursor:pointer;font-size:13px}html[data-theme=dark] .tlrow{border-bottom-color:var(--border)}html[data-theme=dark] .tsx{background:#2a1a1d;border-color:#5f2a30}.mini-ov{padding:15px 16px 13px}.mini-ov h3{font-size:14.5px}.qact{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.qbtn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:84px;border:1px solid var(--border-hairline);border-radius:18px;background:var(--card);font-family:var(--font-thai);font-size:12px;font-weight:750;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;text-align:center;padding:12px 4px 10px;line-height:1.22}.qbtn .qic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;transition:transform .15s ease}.qbtn:active .qic{transform:scale(.92)}.qbtn>span:not(.qic){font-size:22px;line-height:1;height:42px;display:grid;place-items:center}.qbtn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.qbtn:active{transform:translateY(1px) scale(.99);box-shadow:none}@media(max-width:380px){.qbtn{font-size:12px;min-height:80px}.qbtn .qic{width:38px;height:38px}}html[data-theme=dark] .qbtn{background:linear-gradient(180deg,#1c2942,#1c2942);border-color:var(--border)}.mealhead{display:flex;align-items:center;gap:8px;margin:16px 2px 5px}.mealhead .t{font-weight:850;font-size:15px;color:var(--navy)}.rcard{display:flex;gap:12px;align-items:center;cursor:pointer}.rcard .ric{width:54px;height:54px}.rcard .ric svg{width:31px;height:31px}.rcard .nm{font-weight:850;font-size:14.5px;color:var(--navy)}.card.rcard{padding:12px 13px;margin:8px 0;box-shadow:var(--shadow-sm);border-radius:16px}.card.rcard:active{transform:scale(.995)}.card.rcard .nm{font-size:14px}.mpg{min-width:30px;height:30px;border:1px solid var(--ink3);background:#fff;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--font-thai);padding:0 6px;line-height:1}.mpg.on{background:var(--surface-hero);color:#fff;border-color:transparent}html[data-theme=dark] .mpg:not(.on){background:var(--card)}html[data-theme=dark] .mpg.on{border-color:var(--text-on-brand)}.lgsec{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--navy);margin:10px 2px 7px}.lgres{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1.5px solid #dbeafe;border-radius:16px;background:var(--card);margin-top:8px;box-shadow:0 1px 5px #0a84ff0f}.lgres.added{border-color:#bfe9d2;background:#f6fdf9}.lgres .t{flex:1;min-width:0}.lgres .t b{display:block;font-size:13px;color:var(--navy);line-height:1.3}.lgres .t span{display:block;font-size:12px;color:var(--ink2);margin-top:2px}.lgokt{font-size:12px;color:#1f9d57;font-weight:800;white-space:nowrap;margin-left:4px}.lgadd{flex:none;border:none;border-radius:12px;padding:8px 11px;font-weight:800;font-size:12px;color:#fff;background:var(--surface-hero);box-shadow:0 3px 8px #1150c840;cursor:pointer;font-family:inherit;white-space:nowrap}.lgadj{flex:none;border:1.5px solid #cfe3fb;background:var(--card);color:var(--text-brand);border-radius:12px;padding:8px 10px;font-weight:800;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap}.lgstep{flex:none;display:flex;align-items:center;gap:5px;background:#e9f9f0;border:1.5px solid #bfe9d2;border-radius:12px;padding:4px 6px;color:#1f9d57;font-weight:800;font-size:12.5px}.lgstep button{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--success-ink);background:var(--card);color:var(--success-ink);font-weight:900;font-size:14px;line-height:1;cursor:pointer;font-family:inherit;padding:0}.lgitem{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1.5px solid var(--border-hairline);border-radius:15px;background:var(--card);margin-top:7px}.lgitem .t{flex:1;min-width:0}.lgitem .t b{display:block;font-size:13px;color:var(--navy);line-height:1.3}.lgitem .t span{display:block;font-size:12px;color:var(--ink2);margin-top:2px}.lgic{flex:none;width:32px;height:32px;border-radius:10px;border:1.5px solid var(--ink3);background:var(--card);color:var(--text-brand);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.lgic.red{border-color:var(--danger);color:var(--danger-ink)}.lgempty{border:1.5px dashed var(--border-hairline);border-radius:15px;padding:18px 12px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink2);margin-top:8px}.lgempty span{font-weight:600;font-size:12px}.lgmac{font-size:12px;font-weight:700;color:var(--ink2);text-align:center;margin-top:9px}#lg-savebar{margin-top:26px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}#lg-save{width:100%;border:none;border-radius:15px;padding:14px;font-size:15px;font-weight:800;font-family:inherit;color:#fff;background:var(--surface-hero);box-shadow:0 6px 16px #1150c847;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}#lg-save:disabled{background:var(--surface-subtle);color:var(--text-soft);box-shadow:none;cursor:default;opacity:.9}.loglist{background:var(--surface-subtle);border:1px solid var(--border);border-radius:14px;padding:6px 10px;margin-bottom:11px}.logll{font-size:12px;font-weight:800;color:var(--navy);padding:6px 2px 4px}.logli{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #e3ecf8}.logli:last-child{border-bottom:none}.logli .lx{flex:1;min-width:0;cursor:pointer}.logli .lx b{font-size:13px;color:var(--ink);display:block;line-height:1.2}.logli .lx span{font-size:12px;color:var(--ink2)}.logli .logx{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid #f3c2c2;background:#fff;color:var(--danger-ink);cursor:pointer;font-size:13px}html[data-theme=dark] .logll,html[data-theme=dark] .loglist{background:var(--card)}html[data-theme=dark] .logli .logx{background:#2a1a1d;border-color:#5f2a30}html[data-theme=dark] .lgres.added{background:#0f2e2b;border-color:#155e52}html[data-theme=dark] .lgres.added .lgokt{color:var(--success-ink)}html[data-theme=dark] .lgstep{background:var(--success-soft);border-color:#155e52;color:var(--success-ink)}html[data-theme=dark] .lgstep button{border-color:var(--success-ink);color:var(--success-ink)}.ic-tile{display:grid;place-items:center;flex:none;border-radius:13px;background:var(--icon-bg-blue);line-height:1}.ic-line{display:inline-grid;place-items:center;flex:none;line-height:1;vertical-align:-.14em}.icon-soft{width:44px;height:44px;border-radius:14px;background:var(--icon-bg-blue);color:var(--icon-color-primary);display:flex;align-items:center;justify-content:center;flex:none}.icon-soft.success{background:var(--icon-bg-green);color:var(--icon-color-success)}.icon-soft.warning{background:var(--icon-bg-orange);color:var(--icon-color-warning)}.icon-soft.danger{background:var(--icon-bg-red);color:var(--icon-color-danger)}.icon-soft.purple{background:var(--purple-soft);color:var(--purple-ink)}.action-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(180deg,#fff,#eef6ff);border:1px solid #dde7f5;color:var(--icon-color-primary);display:flex;align-items:center;justify-content:center;flex:none}html[data-theme=dark] .action-icon{background:linear-gradient(180deg,#1c2942,#1c2942);border-color:var(--border)}html[data-theme=dark] .res-moti{background:var(--surface-subtle)!important;color:var(--ink)}.fimg{display:inline-block;flex:none;background-repeat:no-repeat;box-sizing:border-box;vertical-align:middle}.fimg--fallback{opacity:.72}.iu-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#05142d85;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overscroll-behavior:none}.iu-modal-back.iu-l2{z-index:121}.iu-modal{position:relative;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:22px 16px calc(30px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(255,255,255,.82);border-bottom:none;border-radius:30px 30px 0 0;box-shadow:0 -24px 80px #00276647;animation:iu-modal-up .28s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;overscroll-behavior:contain}.iu-modal.iu-dockbar{padding-bottom:0}.iu-modal:before{content:"";position:absolute;top:9px;left:50%;width:48px;height:5px;border-radius:999px;background:#d4e1f1;transform:translate(-50%)}.iu-modal h2{font-family:var(--font-num);font-size:20px;font-weight:850;letter-spacing:-.02em;margin:4px 42px 14px 2px;color:var(--navy)}.iu-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid #dbe7f5;background:#fff;font-size:16px;color:var(--ink);cursor:pointer;font-family:var(--font-thai);z-index:2;box-shadow:0 8px 18px #0d366e1a;display:flex;align-items:center;justify-content:center;padding:0}.iu-close:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@keyframes iu-modal-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}html[data-theme=dark] .iu-modal-back{background:#0009}html[data-theme=dark] .iu-modal{background:linear-gradient(180deg,#182236,#111a2c);border-color:#4254788c}html[data-theme=dark] .iu-modal:before{background:#33456b}html[data-theme=dark] .iu-close{background:#2f3e5c;border-color:#33456b;box-shadow:0 8px 18px #0006}.iu-modal-back.iu-center{align-items:center}.iu-modal.iu-card{width:min(340px,calc(100vw - 32px));max-width:none;padding:20px 18px 16px;background:var(--card);border:none;border-radius:22px;box-shadow:0 18px 50px #08142d52;text-align:center;animation:iu-card-rise .24s cubic-bezier(.22,1,.36,1)}.iu-modal.iu-card:before{content:none}@keyframes iu-card-rise{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.iu-modal.iu-card{animation:none}}html[data-theme=dark] .iu-modal.iu-card{background:var(--card);border:none;box-shadow:0 18px 50px #00000080}:root{--rd-h: 258;--rd-p: var(--text-brand);--rd-pd: var(--text-brand-strong);--rd-pb: var(--border-brand);--rd-grad: var(--surface-hero);--rd-glow: 0 10px 22px -10px rgba(17, 80, 200, .5), 0 2px 5px -2px rgba(3, 33, 95, .4);--rd-screen: linear-gradient(180deg, var(--surface-subtle) 0%, var(--surface-page) 42%, var(--surface-card) 100%);--rd-bg: var(--surface-page);--rd-card: var(--surface-card);--rd-cardgrad: linear-gradient(180deg, var(--surface-card) 0%, var(--surface-page) 100%);--rd-card2: var(--surface-subtle);--rd-ink: var(--text-primary);--rd-ink2: var(--text-secondary);--rd-ink3: var(--text-secondary);--rd-line: var(--border-hairline);--rd-track: var(--chart-track);--rd-ringtrack: var(--chart-track);--rd-sh: 0 2px 8px -4px rgba(16, 40, 80, .22);--rd-shcard: 0 1px 2px rgba(16, 40, 80, .05), 0 16px 32px -16px rgba(16, 40, 80, .24), 0 4px 10px -6px oklch(.55 .2 var(--rd-h) / .14), inset 0 1px 0 rgba(255, 255, 255, .9);--rd-shhero: 0 20px 40px -18px var(--rd-pd), inset 0 1px 0 rgba(255, 255, 255, .28);--rd-shtile: 0 6px 12px -7px rgba(16, 40, 80, .35);--rd-shin: inset 0 1px 2px rgba(16, 40, 80, .06);--rd-pbg: rgba(17, 80, 200, .12);--rd-amber: var(--data-carb);--rd-amberbg: rgba(182, 122, 21, .18);--rd-pro: var(--data-protein);--rd-fat: var(--data-fat);--rd-protx: var(--data-protein);--rd-fattx: var(--data-fat);--rd-mint: var(--success);--rd-red: #c42c41;--rd-tile-green: #ecf9f8;--rd-tile-blue: #ecf1fb;--rd-tile-sky: #e8f4fd;--rd-tile-purple: #f1ebff;--rd-tile-gold: #fffaef}:root[data-theme=dark]{--rd-grad: var(--brand-gradient-dark);--rd-screen: linear-gradient(180deg, var(--surface-card) 0%, var(--surface-page) 100%);--rd-amber: var(--data-carb);--rd-pro: var(--data-protein);--rd-fat: var(--data-fat);--rd-red: #ff7a8a;--rd-tile-green: #07403e;--rd-tile-blue: #0a2246;--rd-tile-sky: #0a2b3d;--rd-tile-purple: #231a42;--rd-tile-gold: #3a2a08;--rd-sh: 0 2px 8px -3px rgba(0, 0, 0, .5);--rd-shcard: 0 1px 2px rgba(0, 0, 0, .5), 0 16px 34px -16px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .05);--rd-shhero: 0 20px 40px -18px var(--rd-pd), inset 0 1px 0 rgba(255, 255, 255, .14);--rd-shtile: 0 6px 14px -8px rgba(0, 0, 0, .5);--rd-shin: inset 0 1px 2px rgba(0, 0, 0, .35);--rd-pbg: rgba(90, 150, 255, .16);--rd-amberbg: rgba(255, 197, 61, .16);--rd-protx: var(--data-protein);--rd-fattx: var(--data-fat)}@keyframes rd-ringfill{0%{stroke-dashoffset:327}}@keyframes rd-barfill{0%{transform:scaleX(0)}}@keyframes rd-numpop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes rd-tickpop{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes rd-badgepop{0%{transform:scale(0) rotate(-12deg)}55%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes rd-burst{0%{transform:translate(0) scale(.3) rotate(0);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1) rotate(var(--rot));opacity:0}}@keyframes rd-matepulse{0%,to{box-shadow:0 12px 26px -8px #0a3ca080,0 0 0 3px var(--rd-bg),0 0 0 5px #1878f200}50%{box-shadow:0 12px 26px -8px #0a3ca080,0 0 0 3px var(--rd-bg),0 0 0 9px #1878f240}}@keyframes rd-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rd-sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes rd-fadein{0%{opacity:0}to{opacity:1}}