:root{--crimson-900:#7f1d1d;--crimson-800:#991b1b;--crimson-700:#b91c1c;--crimson-600:#dc2626;--crimson-100:#fee2e2;--crimson-50:#fef2f2;--gold-700:#b45309;--gold-600:#d97706;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-100:#fef3c7;--gold-50:#fffbeb;--green:#059669;--green-dark:#047857;--green-light:#ecfdf5;--red:#dc2626;--red-light:#fee2e2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--primary:var(--crimson-700);--primary-dark:var(--crimson-900);--primary-light:var(--crimson-50);--accent:var(--gold-500);--accent-light:var(--gold-50);--font-head:"Prompt", system-ui, sans-serif;--font-body:"Sarabun", system-ui, sans-serif;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a12, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a17, 0 4px 8px -4px #0f172a0a;--shadow-crimson:0 4px 16px #b91c1c33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}