.qc-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-left:1rem;padding-right:1rem;display:flex}@media (min-width:640px){.qc-wrapper{padding-left:1.5rem;padding-right:1.5rem}}.qc-word{text-align:center;margin-bottom:1rem}.qc-jp{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:1.875rem;font-weight:700;line-height:2.25rem}.qc-romaji{color:#ffffffb3;font-size:.875rem;line-height:1.25rem}.qc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:56rem;margin-bottom:.75rem;display:grid}@media (min-width:768px){.qc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.qc-btn{--tw-shadow:0 1px 2px #0000000a;--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:1px;border-radius:.375rem;padding:.625rem .75rem;font-size:1rem;font-weight:600;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.qc-btn-active{cursor:pointer}.qc-btn-active:active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.qc-btn-locked{cursor:not-allowed}.qc-default{--tw-border-opacity:1;border-color:rgb(195 196 199/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 35 39/var(--tw-text-opacity,1))}.qc-default:hover{--tw-border-opacity:1;border-color:rgb(86 139 132/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238 246 241/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(24 92 55/var(--tw-text-opacity,1))}.qc-correct{--tw-border-opacity:1;border-color:rgb(4 120 87/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.qc-wrong{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.qc-disabled{--tw-border-opacity:1;border-color:rgb(220 220 222/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 240 241/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(140 143 148/var(--tw-text-opacity,1));opacity:.7}
@keyframes scaleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.options-scaleIn{animation:.18s ease-out forwards scaleIn}.options-overlay{z-index:50;background-color:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.options-modal{--tw-border-opacity:1;border-width:1px;border-color:rgb(195 196 199/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 2px 6px #00000017;--tw-shadow-colored:0 2px 6px var(--tw-shadow-color);width:100%;max-width:24rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.375rem;padding:1.5rem}.options-title{--tw-text-opacity:1;color:rgb(29 35 39/var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.options-description{--tw-text-opacity:1;color:rgb(100 105 112/var(--tw-text-opacity,1));margin-bottom:1.5rem;font-size:.875rem;line-height:1.5rem}.options-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.options-btn{cursor:pointer;--tw-shadow:0 1px 2px #0000000a;--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:1px;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.options-btn-primary{--tw-border-opacity:1;border-color:rgb(86 139 132/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(86 139 132/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.options-btn-primary:hover{--tw-border-opacity:1;border-color:rgb(24 92 55/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(24 92 55/var(--tw-bg-opacity,1))}.options-btn-danger{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.options-btn-danger:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.options-btn-secondary{--tw-border-opacity:1;border-color:rgb(195 196 199/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(44 51 56/var(--tw-text-opacity,1))}.options-btn-secondary:hover{--tw-border-opacity:1;border-color:rgb(140 143 148/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(246 247 247/var(--tw-bg-opacity,1))}