:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-accent:#eef2ff;--border-primary:#e5e7eb;--border-accent:#c7d2fe;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--accent-primary:#4f46e5;--accent-secondary:#4338ca;--accent-light:#eef2ff;--success-bg:#d1fae5;--success-border:#6ee7b7;--success-text:#065f46;--warning-bg:#fef3c7;--warning-border:#fcd34d;--warning-text:#92400e;--error-bg:#fee2e2;--error-border:#fca5a5;--error-text:#b91c1c;--card-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--card-hover-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.dark{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-accent:#1e1b4b;--border-primary:#374151;--border-accent:#312e81;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-muted:#6b7280;--accent-primary:#818cf8;--accent-secondary:#a5b4fc;--accent-light:#1e1b4b;--success-bg:#064e3b;--success-border:#065f46;--success-text:#a7f3d0;--warning-bg:#78350f;--warning-border:#92400e;--warning-text:#fde68a;--error-bg:#7f1d1d;--error-border:#991b1b;--error-text:#fecaca;--card-shadow:0 1px 3px #00000080, 0 1px 2px #0000004d;--card-hover-shadow:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}dialog{width:min(90vw,850px);overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:display .4s allow-discrete, overlay .4s allow-discrete, background-color .4s ease;background:#0006}body:has(dialog[open]){overflow:hidden}