:root{--primary-50:#fff4f0;--primary-100:#ffe8e0;--primary-500:#f97316;--primary-900:#7a2406;--secondary-50:#f0f9ff;--secondary-500:#0ea5e9;--secondary-900:#0c4a6e;--accent-50:#ecfdf5;--accent-500:#10b981;--accent-900:#064e3b;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-800:#262626;--neutral-900:#171717;--text-white:#f8f9fa;--bg-main-color:#fff;--bg-main:var(--bg-main-color);--bg-header-main:var(--neutral-900);--bg-card:#f7f9ff;--text-main:var(--neutral-900);--text-secondary:var(--neutral-800);---text-blue-accent:var(--secondary-500);--input-bg:var(--neutral-100);--btn-text:#fff;--border-subtle:#ffffff9f;--text-muted:#fff;--border:#303030;--card-border:#c1c1c1;--row-hover:#ffb37d;--accent:#f97316;--font-family-Kanit:"Kanit",sans-serif}.dark{--bg-main:var(--neutral-900);--bg-header-main:var(--neutral-900);--bg-card:var(--neutral-800);--text-main:var(--neutral-50);--text-secondary:var(--neutral-50);---text-blue-accent:var(--secondary-900);--border-subtle:#ffffff9f;--input-bg:#ffffff1a;--btn-text:#fff;--text-muted:var(--neutral-50);--border:#e5e5e5;--card-border:#404040;--row-hover:#ffb37d;--accent:#f97316}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}.site-container{flex-direction:column;min-height:100dvh;display:flex}.main-container{flex-direction:column;flex:1;align-items:center;width:100%;padding:0 10px;display:flex}a{color:inherit;text-decoration:none}h1{text-align:center;padding:10px 0;font-size:18px;font-weight:700}h2{text-align:center;padding:0;font-size:18px;font-weight:700}@media (min-width:425px){.main-container{padding:0 15px}}@media (min-width:1200px){.main-container{max-width:1200px;margin:0 auto;padding:0 30px}}