:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--accent: red}body{display:flex;place-items:center;min-width:320px}#app{margin:0 auto;padding:.5rem;text-align:center}.pulse-button:focus{animation:borderPulse 1s infinite ease-out}.pulse-button:hover{animation:hoverShine .2s}.pulse-button:focus{animation:borderPulse 1s infinite ease-out,hoverShine .2s}@keyframes borderPulse{0%{box-shadow:inset 0 0 0 5px #fff6,0 0 #fff}to{box-shadow:inset 0 0 0 3px #7575ff33,0 0 0 10px #fff0}}@keyframes hoverShine{0%{background-image:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%)}50%{background-image:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%)}to{background-image:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,.4) 100%)}}.highlight.correct{animation:hoverShine .2s}.highlight.incorrect{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.incorrect[data-v-78663355]{border:1px solid #f60000}.correct[data-v-78663355]{border:1px solid #3ef600}