*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%}:root{font-family:Roboto,Segoe UI,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}body.light-theme{color-scheme:light;color:#000000de;background-color:#fafafa;transition:background-color .3s ease,color .3s ease}body.dark-theme{color-scheme:dark;color:#ffffffde;background-color:#121212;transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.light-theme a{color:#1976d2}body.light-theme a:hover{color:#1565c0}body.dark-theme a{color:#90caf9}body.dark-theme a:hover{color:#64b5f6}body.dark-theme ::-webkit-scrollbar{width:8px}body.dark-theme ::-webkit-scrollbar-track{background:#1e1e1e}body.dark-theme ::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#616161}