:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-page: #f8f9fa;--color-bg-surface: #ffffff;--color-bg-surface-alt: #f5f5f5;--color-bg-surface-hover: #f0f0f0;--color-border: #e0e0e0;--color-border-strong: #bbbbbb;--color-text-primary: #1a1a2e;--color-text-secondary: #555555;--color-text-muted: #999999;--color-shadow: rgba(0, 0, 0, .08);--color-accent-primary: #1565c0;--color-accent-primary-bg: #e3f2fd;--color-accent-success: #2e7d32;--color-accent-success-bg: #e8f5e9;--color-accent-success-dot: #43a047;--color-accent-purple: #6a1b9a;--color-accent-purple-bg: #f3e5f5;--color-accent-danger: #c62828;--color-warning-bg: #fff3cd;--color-warning-border: #ffc107;--color-warning-text: #856404;--color-accent-pink: #880e4f;--color-accent-pink-bg: #fce4ec;--color-danger-bg: #ffebee;--color-highlight-bg: #fff8e1;--color-highlight-border: #ffe082;--color-highlight-text: #7a5700;--color-schema-1-bg: #e3f2fd;--color-schema-1-text: #1565c0;--color-schema-2-bg: #f3e5f5;--color-schema-2-text: #6a1b9a;--color-schema-3-bg: #e8f5e9;--color-schema-3-text: #2e7d32;--color-schema-4-bg: #fff3e0;--color-schema-4-text: #e65100;--color-schema-5-bg: #fce4ec;--color-schema-5-text: #c62828;--color-schema-6-bg: #e0f7fa;--color-schema-6-text: #00695c;--color-schema-7-bg: #f9fbe7;--color-schema-7-text: #558b2f;--color-schema-8-bg: #ede7f6;--color-schema-8-text: #4527a0}:root[data-theme=dark]{color-scheme:dark;--color-bg-page: #15171c;--color-bg-surface: #1e2128;--color-bg-surface-alt: #262a33;--color-bg-surface-hover: #2e333d;--color-border: #333844;--color-border-strong: #4a4f5c;--color-text-primary: #e8e8ec;--color-text-secondary: #b0b4bd;--color-text-muted: #7a7f8a;--color-shadow: rgba(0, 0, 0, .4);--color-accent-primary: #5b9bd9;--color-accent-primary-bg: #173049;--color-accent-success: #6fcf74;--color-accent-success-bg: #1c3323;--color-accent-success-dot: #4caf50;--color-accent-purple: #c793e0;--color-accent-purple-bg: #33223d;--color-accent-danger: #e57373;--color-warning-bg: #3a2f12;--color-warning-border: #b8860b;--color-warning-text: #f0c674;--color-accent-pink: #e0629c;--color-accent-pink-bg: #3d1e2c;--color-danger-bg: #3a1a22;--color-highlight-bg: #3a2f12;--color-highlight-border: #b8860b;--color-highlight-text: #f0c674;--color-schema-1-bg: #173049;--color-schema-1-text: #6ab0f0;--color-schema-2-bg: #33223d;--color-schema-2-text: #c793e0;--color-schema-3-bg: #1c3323;--color-schema-3-text: #6fcf74;--color-schema-4-bg: #3a2b12;--color-schema-4-text: #f0a860;--color-schema-5-bg: #3a1a22;--color-schema-5-text: #e57373;--color-schema-6-bg: #0f3336;--color-schema-6-text: #4fd1c5;--color-schema-7-bg: #2b3312;--color-schema-7-text: #b3d54a;--color-schema-8-bg: #251c3d;--color-schema-8-text: #a48ce8}a{font-weight:500;color:var(--color-accent-primary);text-decoration:inherit}a:hover{color:var(--color-accent-primary)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-surface-alt);color:var(--color-text-primary);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.menu-surface{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);overflow:hidden;transform-origin:top right;animation:menu-surface-in .12s ease-out}@keyframes menu-surface-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;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:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}