:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-primary:#1d9e75;--brand-primary-deep:#0f6e56;--brand-primary-mint:#5fd0a6;--color-primary:#1d9e75;--color-primary-dark:#0f6e56;--color-primary-soft:#e3f6ef;--color-mint-line:#bfe8da;--color-ink:#081711;--color-forest:#133d32;--color-muted:#51665d;--color-bg:#f5faf7;--color-surface:#fff;--color-surface-soft:#fbfdfc;--color-border:#dbeae4;--color-blue:#2267a9;--color-blue-soft:#e8f2fb;--color-sun:#f2b84b;--color-sun-soft:#fff3d8;--color-warning-text:#9a6500;--color-coral:#d96f54;--color-coral-soft:#fff0eb;--color-danger-text:#a73321;--text-primary:var(--color-ink);--text-strong:var(--color-forest);--text-muted:var(--color-muted);--text-on-accent:#fff;--canvas:var(--color-bg);--surface:var(--color-surface);--surface-subtle:var(--color-surface-soft);--surface-selected:var(--color-primary-soft);--divider:var(--color-border);--overlay:#08171185;--focus-ring:var(--brand-primary);--status-success:var(--brand-primary-deep);--status-success-soft:var(--color-primary-soft);--status-info:var(--color-blue);--status-info-soft:var(--color-blue-soft);--status-warning:var(--color-warning-text);--status-warning-soft:var(--color-sun-soft);--status-danger:var(--color-danger-text);--status-danger-soft:var(--color-coral-soft);--action-primary-bg:var(--brand-primary-deep);--action-primary-hover:#0b5946;--action-primary-text:#fff;--action-secondary-bg:var(--surface);--action-secondary-hover:var(--surface-selected);--action-secondary-text:var(--text-strong);--action-secondary-border:var(--divider);--action-ghost-bg:transparent;--action-ghost-hover:var(--surface-selected);--action-ghost-text:var(--text-strong);--action-danger-bg:#a73321;--action-danger-hover:#872718;--action-danger-text:#fff;--shadow-soft:0 18px 50px #0817111a;--shadow-tight:0 8px 20px #08171114;--shadow-sticky:0 -12px 32px #0817111f;--shadow-overlay:0 24px 72px #08171133;--grid-line:#1d9e7514;--font-sans:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius:var(--radius-md);--content-max:1180px;--flow-max:760px;--reader-max:720px;--dialog-max:560px;--supporting-panel-width:340px;--page-gutter:16px;--touch-target-min:44px;--control-height:48px;--control-height-lg:52px;--safe-area-top:env(safe-area-inset-top,0px);--safe-top:var(--safe-area-top);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--visual-viewport-height:100dvh;--visual-viewport-offset-top:0px;--visual-viewport-offset-left:0px;--keyboard-inset-bottom:0px;--motion-fast:.12s;--motion-standard:.18s;--motion-slow:.24s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--z-content:0;--z-sticky:20;--z-header:30;--z-popover:60;--z-overlay:100;--z-toast:120;--cta-bg:var(--action-primary-bg);--cta-hover:var(--action-primary-hover);--cta-text:var(--action-primary-text);--cta-shadow:0 14px 28px #0f6e5638;--progress-track:#e7f0ec;--meter-track:#e9f1ee;--meter-core:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary-dark:#5fd0a6;--color-primary-soft:#1d9e7529;--color-mint-line:#1d9e7561;--color-ink:#f2f5f4;--color-forest:#e8f4ef;--color-muted:#a8b3af;--color-bg:#121212;--color-surface:#181a1b;--color-surface-soft:#202324;--color-border:#34383a;--color-blue:#75bfff;--color-blue-soft:#75bfff24;--color-sun:#f7c86a;--color-sun-soft:#f7c86a29;--color-warning-text:#f7c86a;--color-coral:#ff9277;--color-coral-soft:#ff927726;--color-danger-text:#ffb09e;--text-on-accent:#081711;--overlay:#000000ad;--focus-ring:var(--brand-primary-mint);--status-success:var(--brand-primary-mint);--action-primary-bg:var(--brand-primary-mint);--action-primary-hover:#78dbb7;--action-primary-text:#081711;--action-secondary-bg:var(--surface-subtle);--action-secondary-hover:#5fd0a61f;--action-secondary-text:var(--text-primary);--action-secondary-border:#3f4547;--action-ghost-hover:#5fd0a61f;--action-ghost-text:var(--text-primary);--action-danger-bg:#ff9277;--action-danger-hover:#ffab96;--action-danger-text:#081711;--shadow-soft:0 22px 60px #0000005c;--shadow-tight:0 10px 26px #00000047;--shadow-sticky:0 -12px 34px #00000070;--shadow-overlay:0 28px 84px #00000094;--grid-line:#ffffff0b;--cta-shadow:0 16px 30px #1d9e753d;--progress-track:#303436;--meter-track:#303436;--meter-core:#181a1b}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary-dark:#5fd0a6;--color-primary-soft:#1d9e7529;--color-mint-line:#1d9e7561;--color-ink:#f2f5f4;--color-forest:#e8f4ef;--color-muted:#a8b3af;--color-bg:#121212;--color-surface:#181a1b;--color-surface-soft:#202324;--color-border:#34383a;--color-blue:#75bfff;--color-blue-soft:#75bfff24;--color-sun:#f7c86a;--color-sun-soft:#f7c86a29;--color-warning-text:#f7c86a;--color-coral:#ff9277;--color-coral-soft:#ff927726;--color-danger-text:#ffb09e;--text-on-accent:#081711;--overlay:#000000ad;--focus-ring:var(--brand-primary-mint);--status-success:var(--brand-primary-mint);--action-primary-bg:var(--brand-primary-mint);--action-primary-hover:#78dbb7;--action-primary-text:#081711;--action-secondary-bg:var(--color-surface-soft);--action-secondary-hover:#5fd0a61f;--action-secondary-text:var(--color-ink);--action-secondary-border:#3f4547;--action-ghost-hover:#5fd0a61f;--action-ghost-text:var(--color-ink);--action-danger-bg:#ff9277;--action-danger-hover:#ffab96;--action-danger-text:#081711;--shadow-soft:0 22px 60px #0000005c;--shadow-tight:0 10px 26px #00000047;--shadow-sticky:0 -12px 34px #00000070;--shadow-overlay:0 28px 84px #00000094;--grid-line:#ffffff0b;--cta-shadow:0 16px 30px #1d9e753d;--progress-track:#303436;--meter-track:#303436;--meter-core:#181a1b}}@media (min-width:480px){:root{--page-gutter:20px}}@media (min-width:768px){:root{--page-gutter:24px}}@media (min-width:1024px){:root{--page-gutter:32px}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-standard:0s;--motion-slow:0s}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;--header-bg:#f5faf7e6;--header-border:#dbeae4eb;--surface-glass:#ffffffc2;--console-surface:#fdfefe;--score-surface:#fff;--input-surface:#ffffffeb;--footer-bg:#ffffffb8;--sun-border:#f5d893;--cta-icon-bg:#fff3;--console-top-bg:var(--color-forest);--console-top-border:transparent;--buddy-mark-bg:#fff;--buddy-mark-text:var(--color-forest);--insight-panel-bg:var(--color-forest);--insight-panel-border:transparent;--insight-panel-text:#fff;--insight-panel-muted:#ffffffc7;--max:1180px;--header-height:76px;--header-total-height:calc(var(--header-height) + var(--safe-area-top));--bottom-nav-row-height:66px;--bottom-nav-total-height:calc(var(--bottom-nav-row-height) + var(--safe-bottom));--bottom-nav-content-clearance:0px;--public-page-spacing-hero:clamp(var(--space-10), 6vw, var(--space-16));--public-page-spacing-content:clamp(var(--space-8), 5vw, var(--space-12));--public-page-spacing-planner:clamp(var(--space-6), 4vw, var(--space-8))}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--header-bg:#121212e6;--header-border:#4c5254ad;--surface-glass:#181a1bc7;--console-surface:#181a1b;--score-surface:#202324;--input-surface:#ffffff17;--footer-bg:#121212d1;--sun-border:#f7c86a52;--console-top-bg:#202324;--console-top-border:#3f4547;--buddy-mark-bg:#1d9e75;--buddy-mark-text:#fff;--insight-panel-bg:#202324;--insight-panel-border:#3f4547;--insight-panel-text:#f2f5f4;--insight-panel-muted:#c0c8c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-total-height)}body{min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--grid-line) 1px, transparent 1px), var(--color-bg);background-size:42px 42px;margin:0;transition:color .18s,background-color .18s}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}[data-public-page-spacing=hero]{padding-top:var(--public-page-spacing-hero)}[data-public-page-spacing=content]{padding-top:var(--public-page-spacing-content)}[data-public-page-spacing=planner]{padding-top:var(--public-page-spacing-planner)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}@media (max-width:760px){:root{--header-height:68px}}