:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,[data-theme=light]{--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-border: #e0e0e0;--color-link: #646cff;--color-link-hover: #747bff;--color-button-bg: #f9f9f9;--color-button-border: #646cff;--color-accent: #007bff;--color-success: #10b981;--color-error: #dc2626;--color-disabled: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=dark]{--color-text-primary: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-background: #111827;--color-background-secondary: #1f2937;--color-border: #374151;--color-link: #818cf8;--color-link-hover: #a5b4fc;--color-button-bg: #374151;--color-button-border: #818cf8;--color-accent: #3b82f6;--color-success: #10b981;--color-error: #ef4444;--color-disabled: #6b7280;--scrollbar-track: var(--color-background-secondary);--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: #6b7280;--scrollbar-thumb-active: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}[data-theme=dark]{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}[data-theme=dark] *::-webkit-scrollbar{width:12px;height:12px}[data-theme=dark] *::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}[data-theme=dark] *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:8px;border:3px solid var(--scrollbar-track)}[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}[data-theme=dark] *::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}:root{color:var(--color-text-primary);background-color:var(--color-background)}a{font-weight:500;color:var(--color-link);text-decoration:inherit}body{margin:0;padding:0;min-width:320px;min-height:100vh;overscroll-behavior-x:none;overscroll-behavior-y:none}html{margin:0;padding:0;overscroll-behavior-x:none;overscroll-behavior-y:none}#root{margin:0;padding:0}h1{font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 1.5rem}h2{font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.02em;margin:0 0 1rem}h3{font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 .75rem}h4{font-size:1.25rem;font-weight:500;line-height:1.4;margin:0 0 .5rem}h5{font-size:1.125rem;font-weight:500;line-height:1.4;margin:0 0 .5rem}h6{font-size:1rem;font-weight:500;line-height:1.4;margin:0 0 .5rem}p{font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 1rem}button{font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25;letter-spacing:.025em;border-radius:8px;border:1px solid transparent;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--color-button-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-small{font-size:.75rem;padding:.5rem 1rem}.btn-large{font-size:1rem;padding:1rem 2rem}a:hover{color:var(--color-link-hover)}button{background-color:var(--color-button-bg)}.text-display-large{font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.03em}.text-display{font-size:2.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.text-heading-large{font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.02em}.text-heading{font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.text-subheading{font-size:1.25rem;font-weight:500;line-height:1.4}.text-body{font-size:1rem;font-weight:400;line-height:1.5}.text-body-small{font-size:.875rem;font-weight:400;line-height:1.4}.text-caption{font-size:.75rem;font-weight:400;line-height:1.3}.text-button{font-weight:500;letter-spacing:.025em;line-height:1.25}.font-weight-light{font-weight:300}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}#root{width:100%;min-height:100vh}.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}