:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-white: #ffffff;--color-black: #000000;--bg-canvas: var(--color-slate-950);--bg-surface: var(--color-slate-900);--bg-card: var(--color-slate-800);--bg-card-hover: var(--color-slate-700);--text-body: var(--color-slate-50);--text-muted: var(--color-slate-400);--text-inverted: var(--color-slate-950);--border-base: var(--color-slate-800);--border-highlight: var(--color-slate-700);--brand-primary: var(--color-blue-600);--brand-hover: var(--color-blue-500);--brand-light: var(--color-blue-400);--brand-subtle: rgba(37, 99, 235, .1)}html.light{--bg-canvas: var(--color-slate-100);--bg-surface: var(--color-white);--bg-card: var(--color-white);--bg-card-hover: var(--color-slate-50);--text-body: var(--color-slate-900);--text-muted: var(--color-slate-500);--text-inverted: var(--color-white);--border-base: var(--color-slate-200);--border-highlight: var(--color-slate-300);--brand-subtle: rgba(37, 99, 235, .1)}body{background-color:var(--bg-canvas);color:var(--text-body);font-family:var(--font-sans);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*:focus{outline:none}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-canvas),0 0 0 4px var(--brand-primary);border-radius:4px}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}