@import"https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{color:#fff}}a{text-underline-offset:.25rem;color:inherit}@media (min-width: 620px){a{text-underline-offset:.5rem}}a:hover{text-decoration:none}body{margin:0}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}*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Cutive Mono,monospace;font-style:normal}#root{min-width:320px;height:100vh;margin:0 auto;padding:2rem 1rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1rem;margin-bottom:1rem}.button{border-radius:50%;aspect-ratio:1;color:#fff;font-size:1.5rem;padding:.3em .6em;min-width:calc(3rem + 1.2em);position:relative}.answer.checked:after{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.answer.checked.right:after{content:"✅"}.answer.checked.wrong:after{content:"❌"}.challenge{font-size:1.5rem;flex:1;margin-bottom:2rem}.challenge .color{display:inline-block;width:0;height:1.8rem;overflow:hidden;padding-left:1.8rem;border-radius:50%;position:relative;top:.3rem}@media (min-width: 380px){.challenge{font-size:2rem;flex:initial}.buttons{flex:1;align-content:center}.button{padding:.4em .8em;min-width:calc(3rem + 1.6em)}}@media (min-width: 620px){#root{padding:2rem}.button{font-size:2rem;padding:.5em 1em;min-width:calc(4rem + 2em)}}