@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--brand: #1D9E75;--brand-dim: #0F6E56;--brand-bg: #E1F5EE;--brand-text: #085041;--bg-base: #0a0a0a;--bg-surface: #141414;--bg-raised: #1c1c1c;--bg-hover: #242424;--bg-overlay: rgba(0,0,0,.6);--border: rgba(255,255,255,.08);--border-mid: rgba(255,255,255,.12);--border-hi: rgba(255,255,255,.2);--text-primary: #f0f0ef;--text-secondary: #8a8a85;--text-tertiary: #4a4a47;--text-brand: #1D9E75;--status-confirm-bg: #0d2b1e;--status-confirm-text: #4ade80;--status-pending-bg: #2b1d0a;--status-pending-text: #fb923c;--status-cancel-bg: #2b0d0d;--status-cancel-text: #f87171;--plan-free: #4a4a47;--plan-starter: #378ADD;--plan-pro: #1D9E75;--plan-business: #7F77DD;--nav-height: 68px;--topbar-height: 100px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-body: "Sarabun", "Noto Sans Thai", sans-serif;--font-mono: "IBM Plex Mono", monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--t-fast: .12s ease;--t-mid: .2s ease;--t-slow: .32s ease;--action-bg: var(--brand);--action-text: #ffffff;--action-shadow: rgba(29,158,117,.35);--action-ghost-bg: var(--brand-bg);--action-ghost-text: var(--brand);--nav-active-bg: var(--brand-bg);--nav-active-text: var(--brand);--nav-active-dot: var(--brand);--hero-soon-bg: var(--brand);--hero-soon-text: #ffffff;--avatar-bg: var(--brand);--avatar-text: #ffffff;--date-active-bg: var(--brand);--date-active-text: #ffffff}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.pressable{cursor:pointer;transition:opacity var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none}.pressable:active{opacity:.7;transform:scale(.98)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-hover) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--t-slow) both}:root{--status-noshow-bg: #FF9A3C22;--status-noshow-text: #FF9A3C}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.3}}html.theme-light{--bg-base: #f5f5f0;--bg-surface: #ffffff;--bg-raised: #efefea;--bg-hover: #e5e5e0;--bg-overlay: rgba(0,0,0,.3);--border: rgba(0,0,0,.08);--border-mid: rgba(0,0,0,.12);--border-hi: rgba(0,0,0,.2);--text-primary: #18181b;--text-secondary: #5a5a55;--text-tertiary: #9a9a95;--status-confirm-bg: #dcfce7;--status-confirm-text: #15803d;--status-pending-bg: #fef3c7;--status-pending-text: #d97706;--status-cancel-bg: #fee2e2;--status-cancel-text: #dc2626;--status-noshow-bg: #fff7ed;--status-noshow-text: #ea580c;--action-bg: var(--brand);--action-text: #ffffff;--action-shadow: rgba(29,158,117,.25);--action-ghost-bg: var(--brand-bg);--action-ghost-text: var(--brand);--nav-active-bg: var(--brand-bg);--nav-active-text: var(--brand);--nav-active-dot: var(--brand);--hero-soon-bg: var(--brand);--hero-soon-text: #ffffff;--avatar-bg: var(--brand);--avatar-text: #ffffff;--date-active-bg: var(--brand);--date-active-text: #ffffff}html.theme-brand{--bg-base: var(--brand);--bg-surface: color-mix(in srgb, var(--brand) 82%, #000 18%);--bg-raised: color-mix(in srgb, var(--brand) 68%, #000 32%);--bg-hover: color-mix(in srgb, var(--brand) 58%, #000 42%);--bg-overlay: rgba(0,0,0,.5);--border: rgba(255,255,255,.12);--border-mid: rgba(255,255,255,.22);--border-hi: rgba(255,255,255,.38);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.72);--text-tertiary: rgba(255,255,255,.42);--text-brand: #ffffff;--btn-bg: #ffffff;--btn-text: var(--brand);--btn-ghost-bg: rgba(255,255,255,.14);--btn-ghost-border: rgba(255,255,255,.35);--status-confirm-bg: rgba(255,255,255,.16);--status-confirm-text: #bbf7d0;--status-pending-bg: rgba(255,255,255,.12);--status-pending-text: #fef08a;--status-cancel-bg: rgba(255,255,255,.1);--status-cancel-text: #fca5a5;--status-noshow-bg: rgba(255,255,255,.1);--status-noshow-text: #fed7aa;--action-bg: #ffffff;--action-text: var(--brand);--action-shadow: rgba(0,0,0,.25);--action-ghost-bg: rgba(255,255,255,.15);--action-ghost-text: #ffffff;--nav-active-bg: rgba(255,255,255,.2);--nav-active-text: #ffffff;--nav-active-dot: #ffffff;--hero-soon-bg: rgba(0,0,0,.2);--hero-soon-text: #ffffff;--avatar-bg: rgba(255,255,255,.2);--avatar-text: #ffffff;--date-active-bg: rgba(255,255,255,.25);--date-active-text: #ffffff}body{transition:background var(--t-mid),color var(--t-mid)}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}html.theme-brand input::placeholder,html.theme-brand textarea::placeholder{color:#ffffff80;opacity:1}html.theme-light input::placeholder,html.theme-light textarea::placeholder{color:var(--text-tertiary);opacity:1}