:root{ color-scheme: dark; }
body{ font-family:'IBM Plex Sans Thai','Segoe UI',Tahoma,sans-serif !important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; letter-spacing:.1px; }
h1,h2,h3,.logo,.ct,.big{ letter-spacing:.2px; }
a,button,.card,.chip,.cell,.stat,input,select,.it,.lk,.go{ transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease; }
::-webkit-scrollbar{ width:10px;height:10px } ::-webkit-scrollbar-track{ background:transparent } ::-webkit-scrollbar-thumb{ background:#2a333d;border-radius:10px } ::-webkit-scrollbar-thumb:hover{ background:#3a4654 }
input:focus,select:focus,textarea:focus{ outline:none; box-shadow:0 0 0 3px rgba(79,158,255,.18) }
::selection{ background:rgba(79,158,255,.32) }
button{ cursor:pointer } button:active{ transform:scale(.97) }