:root{--bg:#fafaf7;--surface:#fff;--surface-muted:#f2f2ee;--border:#e4e4de;--text:#1a1a1a;--text-muted:#5c5c57;--text-faint:#8e8e88;--primary:#0f766e;--primary-hover:#115e59;--primary-soft:#e6f4f2;--success:#15803d;--warning:#a16207;--danger:#b91c1c;--info:#1d4ed8;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--duration:.15s;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;font-size:var(--text-base);margin:0;line-height:1.5}h1,h2,h3,h4{font-weight:600;line-height:1.25}h1{font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}