@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Noto+Sans+Mono:wght@400;500&display=swap";:root{--surface-page: #F4F1E9;--surface-raised: #FBF9F4;--surface-sunken: #EDE9DE;--surface-overlay: #FFFFFFEE;--fg1: #2C2A25;--fg2: #5F5A50;--fg3: #8B857A;--fg-on-accent: #FBF9F4;--border: #E2DCCD;--border-strong: #CFC8B6;--border-faint: #ECE7DA;--accent: #2E6B57;--accent-hover: #265A49;--accent-press: #1F4B3D;--accent-soft: #E4EEE9;--accent-soft-2: #D2E4DC;--accent-ring: #2E6B5755;--success: #2F855A;--success-soft: #E2F1E8;--success-border: #9FD4B6;--danger: #B5403A;--danger-soft: #F5E5E2;--danger-border: #E0A8A2;--warn: #B07A24;--warn-soft: #F3E9D4;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-focus: 0 0 0 3px var(--accent-ring);--font-sans: "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Noto Sans Mono", ui-monospace, "SF Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-mid: .22s;--dur-slow: .36s}.t-display{font-family:var(--font-sans);font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.01em;color:var(--fg1)}.t-h1{font-family:var(--font-sans);font-weight:700;font-size:30px;line-height:1.3;letter-spacing:-.005em;color:var(--fg1)}.t-h2{font-family:var(--font-sans);font-weight:600;font-size:23px;line-height:1.35;color:var(--fg1)}.t-h3{font-family:var(--font-sans);font-weight:600;font-size:19px;line-height:1.4;color:var(--fg1)}.t-stem{font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:1.6;color:var(--fg1)}.t-body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.7;color:var(--fg1)}.t-body-sec{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.7;color:var(--fg2)}.t-small{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.6;color:var(--fg2)}.t-caption{font-family:var(--font-sans);font-weight:500;font-size:13px;line-height:1.5;letter-spacing:.01em;color:var(--fg3)}.t-overline{font-family:var(--font-sans);font-weight:600;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}.t-mono{font-family:var(--font-mono);font-weight:400;font-size:14px;line-height:1.5;color:var(--fg2)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--surface-page);font-family:var(--font-sans)}button{font-family:var(--font-sans)}@keyframes feedbackIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--accent-soft-2)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--surface-page)}