@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg:#f7f5f2;--surface-1:#fff;--surface-2:#fbf9f6;--surface-3:#f0ede8;--text-primary:#1a1a1a;--text-secondary:#514e48;--text-tertiary:#8a8781;--border:#00000014;--border-strong:#00000024;--accent:#ff4500;--accent-dim:#ff45001a;--accent-line:#ff450059;--radius:14px;--container-max:1180px}html[data-theme=dark]{--bg:#0a0a0a;--surface-1:#121212;--surface-2:#1a1a1a;--surface-3:#212121;--text-primary:#f5f3ef;--text-secondary:#c7c4be;--text-tertiary:#8a8781;--border:#ffffff14;--border-strong:#ffffff24;--accent:#ff4500;--accent-dim:#ff450024;--accent-line:#ff450059}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;transition:background .2s,color .2s;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}button,input,select,textarea{font-family:inherit}img,svg{max-width:100%}*{-webkit-tap-highlight-color:transparent}input,select,textarea,button{font-size:16px}@media (max-width:380px){.container{padding:0 14px}}