#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--card-bg: #333;--card-border: #444;--accent-color: #646cff;--secondary-text: #888;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-color: #f9fafb;--text-color: #1a1a1a;--card-bg: #ffffff;--card-border: #e5e5e5;--accent-color: #4f46e5;--secondary-text: #6b7280;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100dvh;width:100vw}body{min-width:320px;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}#root{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);color:var(--text-color);border-color:var(--card-border);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}