@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f7f4;--bg2:#f0ede8;--bg3:#e8e4dd;--surface:#fff;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14);--text:#1a1916;--text2:#6b6860;--text3:#a09d98;--green:#1d9e75;--green-light:#e1f5ee;--green-dark:#085041;--green-mid:#0f6e56;--amber:#ef9f27;--amber-light:#faeeda;--amber-dark:#633806;--red:#e24b4a;--red-light:#fcebeb;--blue-light:#e6f1fb;--blue-dark:#0c447c;--purple-light:#eeedfe;--purple-dark:#3c3489;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font:"IBM Plex Sans Thai",sans-serif;--mono:"IBM Plex Mono",monospace;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)}body,html{height:100%;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}body,button,html{font-family:var(--font)}button{cursor:pointer}input,select{font-family:var(--font)}