:root{--bg:#f0f4f8;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#0ea5e9;--accent2:#0284c7;--radius:14px;--shadow:0 1px 3px rgba(0,0,0,.07),0 4px 16px rgba(0,0,0,.05);--shadow-lg:0 8px 32px rgba(0,0,0,.1);--c0:#10b981;--bg0:#ecfdf5;--c1:#f59e0b;--bg1:#fffbeb;--c2:#f97316;--bg2:#fff7ed;--c3:#ef4444;--bg3:#fef2f2;--c4:#7c3aed;--bg4:#f5f3ff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Sarabun,Noto Sans Thai,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mono{font-family:IBM Plex Mono,monospace}.muted{color:var(--muted)}.fade-in{animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.flash{animation:flashBg .6s ease}@keyframes flashBg{0%{background:rgba(14,165,233,.15)}to{background:transparent}}