:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: #050816;--page-gradient: radial-gradient(circle at top, #202b4b 0, #050816 45%);--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--card-glass: radial-gradient( circle at top, rgba(30, 64, 175, .35) 0, rgba(15, 23, 42, .98) 60% );--card-solid: rgba(15, 23, 42, .98);--card-theme-bg: radial-gradient( circle at top, rgba(15, 23, 42, 1) 0, rgba(2, 6, 23, 1) 80% );--border-strong: rgba(30, 64, 175, .9);--border-subtle: rgba(55, 65, 81, .9);--icon-chip-bg: rgba(15, 23, 42, .98);--icon-chip-border-strong: rgba(129, 230, 217, .7);--icon-chip-border-subtle: rgba(148, 163, 184, .8);--pill-unselected-bg: rgba(15, 23, 42, .98);--pill-text-unselected: #e5e7eb;--pill-border: rgba(55, 65, 81, .9);--quality-pill-border: rgba(55, 65, 81, .9);--accent-gradient: linear-gradient(135deg, #6ac7ff, #81e6d9);--accent-dot-blue: #38bdf8;--accent-dot-yellow: #fbbf24;--chip-bg-success: rgba(22, 163, 74, .18);--chip-border-success: rgba(22, 163, 74, .7);--chip-bg-error: rgba(248, 113, 113, .16);--chip-border-error: rgba(248, 113, 113, .7);--color-text-primary: var(--text-primary);--color-text-subtle: var(--text-muted);--color-text-disabled: #6b7280;--color-page-bg: var(--page-bg);--color-card-bg: var(--card-solid);--color-card-bg-elevated: var(--card-solid);--color-card-inner-bg: var(--card-solid);--color-card-border-strong: var(--border-strong);--color-card-border-subtle: var(--border-subtle);--color-card-nested-gradient: var(--card-theme-bg);--color-chip-bg: var(--icon-chip-bg);--color-chip-border: var(--icon-chip-border-subtle);--color-button-primary-bg: #1d4ed8;--color-button-primary-text: #050816;--color-button-primary-text-alt: var(--text-secondary);--color-button-outline-bg: var(--pill-unselected-bg);--color-button-outline-border: var(--pill-border);--color-button-primary-gradient: var(--accent-gradient)}:root[data-theme=dark]{color-scheme:dark;color:var(--text-primary);background-color:var(--page-bg)}:root[data-theme=light]{color-scheme:light;--page-bg: #f3f4f6;--page-gradient: radial-gradient(circle at top, #e5e7eb 0, #f9fafb 45%);--text-primary: #020617;--text-secondary: #0f172a;--text-muted: #4b5563;--card-glass: radial-gradient( circle at top, rgba(219, 234, 254, .9) 0, #ffffff 60% );--card-solid: #ffffff;--card-theme-bg: radial-gradient(circle at top, #e5e7eb 0, #ffffff 80%);--border-strong: rgba(59, 130, 246, .8);--border-subtle: rgba(156, 163, 175, .9);--icon-chip-bg: #f9fafb;--icon-chip-border-strong: rgba(59, 130, 246, .75);--icon-chip-border-subtle: rgba(148, 163, 184, .9);--pill-unselected-bg: #e5e7eb;--pill-text-unselected: #111827;--pill-border: rgba(148, 163, 184, .9);--quality-pill-border: rgba(148, 163, 184, .9);--accent-gradient: linear-gradient(135deg, #0ea5e9, #22c55e);--accent-dot-blue: #0ea5e9;--accent-dot-yellow: #facc15;background-color:var(--page-bg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--page-gradient);color:var(--text-primary);overflow-x:hidden}body.theme-dark,body.theme-light{background:var(--page-gradient);color:var(--text-primary)}#root{min-height:100vh;width:100%;max-width:1280px;margin:0 auto;padding:2rem}img,video,canvas,iframe{max-width:100%;height:auto;display:block}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:1024px){#root{max-width:100%;padding:1.75rem 1.5rem}}@media(max-width:768px){#root{max-width:100%;padding:1.5rem 1rem}body{font-size:15px}.desktop-only{display:none}.mobile-only{display:block}}@media(max-width:480px){#root{padding:1.25rem .75rem}body{font-size:14px}}.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:#888}