:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#646cff33;color:inherit}::-moz-selection{background-color:#646cff33;color:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background:#f8fafc}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#f8fafc}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.hide-on-input-focus{display:none!important}#root{margin:0 auto;background-color:"linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)";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:#888}