:root{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary: #0086ca;--brand-primary-dark: #0062a0;--brand-primary-light: #0bd1e0;--app-background: #f8f9fa;--app-paper: #ffffff;--app-text-primary: #1a1a2e;--app-text-secondary: #6b7280}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0086CA #B1E5FF}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;background-color:var(--app-background);color:var(--app-text-primary)}#root{min-height:100vh}*{box-sizing:border-box}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background-color:#0086ca;border-radius:10px}::-webkit-scrollbar-track{background-color:#b1e5ff;border-radius:10px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}#root{width:100%;min-height:100vh;margin:0 auto;padding:0}.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}@media(max-width:600px){.card{padding:1em}}.read-the-docs{color:#888}