:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--success:#22c55e;--success-dark:#16a34a;--warning:#f59e0b;--warning-dark:#d97706;--error:#ef4444;--error-dark:#dc2626;--bg:#ffffff;--fg:var(--slate-900);--muted:var(--slate-100);--muted-fg:var(--slate-500);--border:var(--slate-200);--primary:var(--slate-800);--primary-fg:var(--slate-50);--accent:var(--blue-500);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--conn-disconnected:var(--error);--conn-connecting:var(--warning);--conn-connected:var(--success)}@media (prefers-color-scheme:dark){:root{--bg:var(--slate-900);--fg:var(--slate-100);--muted:var(--slate-800);--muted-fg:var(--slate-400);--border:var(--slate-700);--primary:var(--blue-500);--primary-fg:#ffffff;--accent:var(--blue-400)}}input,select,textarea{color-scheme:light;background-color:white;color:black;-webkit-appearance:none;appearance:none}.dark input,.dark select,.dark textarea{color-scheme:dark;background-color:var(--background);color:var(--foreground)}button[type=button]:not([class*=bg-]),button[type=submit]:not([class*=bg-]),input[type=button]:not([class*=bg-]),input[type=submit]:not([class*=bg-]){-webkit-appearance:none;appearance:none;background-color:var(--background);color:var(--foreground)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:inherit;-webkit-box-shadow:inset 0 0 0 1000px transparent;transition:background-color 5000s ease-in-out 0s;background-color:transparent!important}