@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@275;300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-main);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button,label,nav{-moz-user-select:none;user-select:none;-webkit-user-select:none}*{-webkit-tap-highlight-color:transparent}[role=button],a,button{touch-action:manipulation}html{scroll-behavior:smooth}.scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg:#f3f2e9;--color-surface:#fdfdfe;--color-surface-elevated:#fff;--color-accent:#fee90d;--color-text-main:#4c4c4c;--color-text-emphasis:#17140f;--color-text-muted:#6c6c6c;--color-negative:#c90000;--color-border:#d1d1ca;--color-btn-disabled-bg:#d1d1ca;--color-btn-disabled-text:#adadad;--color-pause:#f90;--font-ui:"Sarabun",system-ui,sans-serif;--font-data:"Roboto",system-ui,sans-serif;--text-xs:12px;--text-sm:16px;--text-md:20px;--text-lg:24px;--text-xl:40px;--text-2xl:48px;--text-3xl:64px;--text-4xl:96px;--weight-thin:275;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--radius-sm:12px;--radius-md:18px;--radius-logo:23px;--radius-btn:26px;--radius-nav:38px;--radius-pill:49px;--space-1:8px;--space-2:10px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:60px;--space-8:62px;--space-9:64px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:300ms;--shadow-btn:0 4px 12px rgba(0,0,0,.12);--shadow-btn-press:0 1px 4px rgba(0,0,0,.08);--shadow-nav:0 4px 12px rgba(0,0,0,.07);--shadow-sheet:0 -4px 24px rgba(0,0,0,.1);--nav-height-mobile:68px;--nav-height-tablet:80px;--z-base:0;--z-sticky:90;--z-nav:100;--z-modal:200;--z-overlay:300}