:root{margin:0;padding:0}html,body{justify-content:center;align-items:center;font-family:Roboto Flex,sans-serif;display:flex}.chip{text-align:center;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-family:Roboto Flex,sans-serif;font-size:24px;font-weight:500;line-height:normal;display:inline-flex}.key{letter-spacing:.15px;border-style:solid;border-width:1px;border-radius:4px;align-items:flex-start;padding:0 4px;font-family:Roboto Flex,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:inline-flex}.shortcut{opacity:.5;align-items:center;gap:2px;display:inline-flex}.menu-item{cursor:pointer;justify-content:space-between;align-items:center;width:224px;padding:12px;display:flex}.menu-item-name{align-items:center;gap:8px;display:flex}.menu{border-width:1px;border-color:var(--black-alpha-50);border-radius:12px;flex-direction:column;width:250px;padding:8px;display:flex;box-shadow:0 5.5px 16px #00000030,0 1px 6px #0000000a}.setting-item-switch,.setting-item-number{box-sizing:border-box;justify-content:space-between;align-self:stretch;align-items:center;height:64px;padding:24px;display:flex}.settings-modal{border-radius:24px;flex-direction:column;align-items:flex-start;width:448px;padding-bottom:16px;display:flex;box-shadow:0 1px 6px #0000000a,0 5.5px 16px #00000030}.settings-modal-header{box-sizing:border-box;justify-content:space-between;align-self:stretch;align-items:center;padding:24px;display:flex}button{background-color:#0000;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}h1{letter-spacing:.15px;font-family:Roboto Flex,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:normal}#root{text-align:center;box-sizing:border-box;margin:0 auto}.logo{will-change:filter;height:6em;padding:1.5em;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:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.start-container{color:#fff;text-align:center;background-color:#121212;flex-direction:column;justify-content:center;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative}.back-button{color:#ccc;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:24px;left:20px}.start-title{margin-bottom:12px;font-size:28px;font-weight:700}.brand-name{color:#7b61ff;text-transform:lowercase}.start-subtitle{color:#aaa;margin-bottom:40px;font-size:15px}.start-buttons{flex-direction:column;gap:16px;padding:0 10px;display:flex}.login-button{color:#fff;cursor:pointer;background-color:#7b61ff;border:none;border-radius:8px;padding:14px;font-size:16px}.create-button{color:#7b61ff;cursor:pointer;background:0 0;border:1.5px solid #7b61ff;border-radius:8px;padding:14px;font-size:16px}.login-button:hover,.create-button:hover{opacity:.9}a{color:#646cff;text-decoration:inherit;font-weight:500}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;margin:0;padding:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{display:block}a{color:#646cff;font-weight:500;text-decoration:none}a:hover{color:#535bf2}h1{font-family:Roboto Flex,sans-serif;font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.icon{background-size:cover;width:32px;height:32px;display:inline-block}.icon-button{justify-content:center;align-items:center;display:inline-flex}.chip{border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:24px;font-weight:500;display:inline-flex}.control-buttons{justify-content:center;align-items:center;gap:16px;display:flex}.menu{border-radius:12px;flex-direction:column;width:250px;padding:8px;display:flex;box-shadow:0 5.5px 16px #00000030}.modal-overlay{backdrop-filter:blur(156px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}