:root{--color-primary: #D98A16;--color-primary-light: rgba(255, 167, 38, .18);--color-accent: #FFE7A3;--color-bg: #050100;--color-bg-2: #120603;--color-bg-3: #281006;--color-border: rgba(255, 173, 47, .42);--color-border-subtle: rgba(255, 122, 24, .18);--color-text: #FFF1C6;--color-text-muted: #D9B46D;--color-white: #ffffff;--brand-highlight: #FFB323;--glass-bg: rgba(8, 3, 1, .76);--glass-blur: blur(14px);--glass-border: 1px solid rgba(255, 176, 44, .34);--glass-bg-mobile: rgba(8, 3, 1, .92);--glass-border-mobile: 1px solid rgba(255, 176, 44, .42);--header-glass-shadow: 0 1px 0 rgba(255, 198, 88, .22), 0 10px 32px rgba(0, 0, 0, .82), 0 0 24px rgba(255, 104, 18, .2);--nav-text: #FFE0A3;--nav-active-bg: rgba(255, 148, 24, .2);--btn-primary-bg: #F0A11A;--btn-primary-text: #170700;--btn-outline-text: #FFD46A;--page-overlay: rgba(3, 0, 0, .82);--glow-sm: 0 0 10px rgba(255, 160, 32, .34);--glow-md: 0 0 22px rgba(255, 139, 24, .42);--glow-lg: 0 0 42px rgba(255, 91, 12, .44);--font-sans: "Sarabun", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--container-max: 1200px;--container-pad: 1.25rem;--header-height: 96px;--fz-heading: clamp(1.125rem, 2.2vw, 1.5rem);--fz-body: clamp(.8125rem, 1.2vw, .9rem);--lh-heading: 1.4;--lh-body: 1.8;--bottom-nav-height: 64px;--bottom-nav-bar-shadow: 0 -4px 26px rgba(0, 0, 0, .84), 0 0 20px rgba(255, 126, 18, .18);--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, #FFF0B8 0%, #F7A51A 45%, #8E3204 100%);--bottom-nav-play-text: #170700;--bottom-nav-play-shadow: 0 -3px 20px rgba(0, 0, 0, .78), 0 0 28px rgba(255, 139, 24, .42);--bottom-nav-play-hover-brightness: 1.08}