:root{--background-color: #fff;--border-color: rgb(229, 231, 235);--text-dim-color: #7B8495;--shadow-color: 0 1px 2px 0 rgba(0,0,0,.05);--card-bg-color-secondary: rgb(248, 250, 252);--word-selected-color: oklch(90.1% .058 230.902)}body{background-color:var(--background-color);font-family:Arial,sans-serif}@media (min-width: 768px){main{max-width:650px;margin:0 auto}}header{display:flex;align-items:center;justify-content:center}.reset{box-sizing:border-box;padding:0;margin:0;border:none}textarea{width:100%;border:none;font-family:monospace;font-size:14px;resize:none}.editbox{min-height:4rem;width:100%;font-family:monospace;font-size:14px;margin:0}textarea:focus{outline:none}.icon{color:var(--text-dim-color)}.icon.clickable{cursor:pointer}.icon:hover{color:var(--text-color)}.hidden{opacity:0}.noshow{display:none}.card{border:1px solid var(--border-color);padding:1rem;border-radius:.5rem;margin:1rem;box-shadow:var(--shadow-color);transition:opacity .3s ease-in-out}.card-hint{color:var(--text-dim-color);font-size:.8rem;text-align:center;padding-bottom:1rem;transition:opacity .3s ease-in-out}.card-explanation{background-color:var(--card-bg-color-secondary)}.word:hover{cursor:pointer;background-color:var(--word-selected-color)}.word.selected{background-color:var(--word-selected-color)}.suptitle{text-transform:uppercase;color:var(--text-dim-color);font-family:sans-serif;font-size:.9rem}