:root{--color-primary: #66E8B8;--color-primary-light: rgba(102, 232, 184, .28);--color-accent: #FFD85A;--color-on-primary: #08382E;--color-bg: #FFF8E7;--color-bg-2: #FFE4EF;--color-bg-3: #DDFBEF;--color-border: rgba(218, 169, 43, .55);--color-border-subtle: rgba(102, 232, 184, .32);--color-text: #0E5A48;--color-text-muted: #5E8F7F;--color-white: #ffffff;--brand-highlight: #F75FA9;--glass-bg: rgba(255, 248, 231, .72);--glass-blur: blur(14px);--glass-border: 1px solid rgba(218, 169, 43, .42);--glass-bg-mobile: rgba(255, 248, 231, .92);--glass-border-mobile: 1px solid rgba(218, 169, 43, .52);--header-glass-shadow: 0 1px 0 rgba(255, 216, 90, .62), 0 10px 32px rgba(247, 95, 169, .18), 0 0 28px rgba(102, 232, 184, .3);--nav-text: #0E5A48;--nav-active-bg: rgba(247, 95, 169, .16);--btn-primary-bg: #FFD85A;--btn-primary-text: #08382E;--btn-outline-text: #F75FA9;--action-btn-h: 120px;--page-overlay: rgba(255, 248, 231, .48);--glow-sm: 0 0 10px rgba(255, 216, 90, .36), 0 0 16px rgba(247, 95, 169, .18);--glow-md: 0 0 22px rgba(102, 232, 184, .34), 0 0 30px rgba(247, 95, 169, .22);--glow-lg: 0 0 40px rgba(255, 216, 90, .42), 0 0 56px rgba(247, 95, 169, .26);--font-sans: "Sarabun", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--container-max: 1200px;--container-pad: 1.25rem;--section-pad-y: 2.5rem;--header-height: 96px;--header-logo-height: 100px;--header-logo-height-mobile: 64px;--header-logo-height-xs: 44px;--fz-display: clamp(2rem, 5vw, 4rem);--fz-hero-title: var(--fz-page-title);--fz-page-title: clamp(1.5rem, 3.5vw, 2.2rem);--fz-section-title: clamp(1.125rem, 2.2vw, 1.5rem);--fz-card-title: clamp(1rem, 1.6vw, 1.25rem);--fz-body-lg: clamp(.9375rem, 1.35vw, 1rem);--fz-body: clamp(.8125rem, 1.2vw, .9rem);--fz-small: .875rem;--fz-xs: .75rem;--fz-eyebrow: .72rem;--fz-button: 1rem;--fz-button-lg: 1.125rem;--fz-button-sm: .875rem;--fz-heading: var(--fz-section-title);--lh-heading: 1.4;--lh-body: 1.8;--bottom-nav-height: 64px;--bottom-nav-bar-shadow: 0 -4px 24px rgba(14, 90, 72, .18), 0 0 22px rgba(247, 95, 169, .2);--bottom-nav-item-color: var(--nav-text);--bottom-nav-item-hover: var(--brand-highlight);--bottom-nav-item-active: var(--brand-highlight);--bottom-nav-play-bg: linear-gradient(180deg, #FFF1A8 0%, #66E8B8 48%, #F75FA9 100%);--bottom-nav-play-text: #08382E;--bottom-nav-play-shadow: 0 -3px 18px rgba(14, 90, 72, .18), 0 0 26px rgba(102, 232, 184, .34), 0 0 18px rgba(247, 95, 169, .26);--bottom-nav-play-hover-brightness: 1.08}