.option-input{display:none}.option-input:checked+.option-label{background:#535bf2}.option-label{text-align:center;position:relative;display:inline-block;padding:.2em .5em;min-width:3em;background:#131415;border-radius:10px}#options-box{display:inline-block}.option-label:hover{cursor:pointer;background:#454545}.option-group{display:flex;text-align:left;margin:.5em .2em}.option-group-label{min-width:7rem}.option-group-items{display:flex;flex-wrap:wrap;gap:.4em .4em}#interactor{margin:0 1em}.hint{display:inline-block;background:#131415;border:2px solid #ffffff;border-radius:10px;padding:.2em .5em;margin:.6em .4em;min-width:3em}.hint:hover{cursor:pointer;background:#454545}.hint-selected,.hint-selected:hover{background:#535bf2;color:#fff}#hint-box{margin-top:1em;min-height:5.5rem}#hint-info{min-height:1.5rem}#hint-info>span{font-weight:700}#hint-info>span>span{margin:0 1em 0 0;font-weight:400}#prompt{font-size:2rem;min-height:48px;margin:.3em auto .6em;background:#484848;display:flex;flex-wrap:wrap;justify-content:center;padding:.2em .5em;border-radius:10px;min-width:30%;width:400px;max-width:80%}.prompt-item{border-radius:5px;padding:0 .1em;margin:.1em}.prompt-item.na-adjective,.prompt-item.i-adjective{color:#f4c95d}.prompt-item.verb{color:#f03a47}.prompt-item.particle{color:#3bb273}.prompt-item.grammar{color:#2991e6}.prompt-item.adverb{color:#77cbb9}#generate-box{display:flex;justify-content:center;margin:0 0 1em}.flex-spacer{flex-basis:0;flex-grow:.4}#counter{font-size:2em;font-weight:700}#counter-correct{color:#3bb273}#counter-wrong{color:#f03a47}#input-box{margin:0 0 1em}#input-box form{display:flex;justify-content:center}#input-box form textarea{height:2rem;font-size:1.5rem;line-height:2rem;text-align:center;overflow:hidden;resize:none}#answer-status-box{min-height:3rem}.answer-status{padding:.2em .5em;border-radius:10px;display:inline-block;margin:0 0 .8em;font-size:1.5rem;cursor:pointer}.correct{background:#3BB273}.wrong{background:#F03A47}.invisible{opacity:0}footer{margin-top:2em;display:flex;justify-content:center;align-items:center;flex-direction:column}footer span{margin:0 .5em}footer svg{color:#fff;width:2em;margin-right:1em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;text-align:center;place-items:center;min-width:320px}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}