:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-bg: #ffffff;--footer-bg: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--primary-color: #007bff;--primary-hover: #0056b3;--border-color: #e0e0e0;--hover-bg: #f5f5f5}[data-theme=dark]{--header-bg: #1a1a1a;--footer-bg: #242424;--text-primary: #ffffff;--text-secondary: #b0b0b0;--primary-color: #4a9eff;--primary-hover: #357abd;--border-color: #404040;--hover-bg: #2a2a2a}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color, #ffffff);color:var(--text-primary, #333333)}h1{font-size:3.2em;line-height:1.1}#root,.App{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.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color:#213547;background-color:#fff}[data-theme=dark]{color:#ffffffde;background-color:#242424}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:#646cff;text-decoration:none;font-weight:500}a:hover{color:#535bf2}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .2s ease-in-out}button:focus-visible{outline:2px solid #646cff;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;color:#213547}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{border:1px solid #333;background-color:#1a1a1a;color:#ffffffde}input:focus,textarea:focus,select:focus{outline:2px solid #646cff;outline-offset:2px}