html{font-size:90%}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--brand-primary: #111827;--sidebar-bg: #111827;--brand-bg: #f9fafb;--brand-bg-elevated: #ffffff;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;color-scheme:light;color:var(--color-text);background-color:var(--brand-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;color:#fff;background-color:var(--brand-bg)}[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] main{color:#fff;background-color:var(--brand-bg)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#fff!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--brand-bg);border-color:var(--color-border);color:#fff}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)}.app-section{background:var(--brand-bg-elevated);border:1px solid var(--color-border);color:var(--color-text)}[data-theme=dark] .app-section{background:var(--brand-bg-elevated)!important;border:1px solid var(--color-border)!important;color:#fff}[data-theme=dark] .app-section h1,[data-theme=dark] .app-section h2,[data-theme=dark] .app-section h3,[data-theme=dark] .app-section h4,[data-theme=dark] .app-section h5,[data-theme=dark] .app-section h6,[data-theme=dark] .app-section label,[data-theme=dark] .app-section span,[data-theme=dark] .app-section p,[data-theme=dark] .app-section td,[data-theme=dark] .app-section th,[data-theme=dark] .app-section div{color:#ebebeb!important}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--brand-bg)}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--color-text)}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}button{border-radius:8px;border:1px solid transparent;padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;background-color:var(--brand-primary);color:#fff;cursor:pointer;transition:all .2s ease}button:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border-radius:8px;border:1px solid #d1d5db;padding:10px 12px;font-size:14px;font-family:inherit;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text-muted)}.app{min-height:100vh;width:100%}.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}