:root{color-scheme:light dark;--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e3e6eb;--border-strong: #c9ced6;--text: #1b1f24;--text-2: #5b6470;--text-3: #8a929c;--accent: #2563eb;--accent-soft: #e7eefc;--ok: #15803d;--ok-soft: #e6f4ea;--warn: #b45309;--warn-soft: #fdf1e1;--danger: #c0262d;--danger-soft: #fdeaea}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--surface: #171b21;--surface-2: #1f242b;--border: #2a3038;--border-strong: #3a414b;--text: #e6e9ee;--text-2: #a3abb6;--text-3: #727b87;--accent: #6ea0ff;--accent-soft: #1c2a44;--ok: #4ade80;--ok-soft: #14301f;--warn: #fbbf24;--warn-soft: #36290f;--danger: #f87171;--danger-soft: #3a1a1c}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,Leelawadee UI,Noto Sans Thai,Thonburi,Tahoma,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.muted{color:var(--text-2)}button{font:inherit;font-weight:600;padding:9px 18px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}