.typing-area[data-v-d956eb1e]{min-height:120px;position:relative}.typing-text[data-v-d956eb1e]{white-space:pre-wrap;word-break:break-all}.is-composing .is-current[data-v-d956eb1e]{animation:none;background-color:var(--el-color-warning)!important}.composing-indicator[data-v-d956eb1e]{color:var(--el-color-warning);font-size:14px;margin-left:8px}.hidden-input[data-v-d956eb1e]{background:transparent;border:none;cursor:default;font-size:16px;height:100%;left:0;opacity:0;position:absolute;resize:none;top:0;width:100%;z-index:10}.char[data-v-d956eb1e]{border-radius:2px;display:inline;transition:all .1s ease}.is-correct[data-v-d956eb1e]{color:var(--el-color-success)!important}.is-error[data-v-d956eb1e]{background-color:#f56b6b26;color:var(--el-color-danger)!important}.is-current[data-v-d956eb1e]{animation:cursor-blink-d956eb1e 1s infinite;background-color:var(--el-color-primary);color:#fff!important;padding:0 2px}.is-pending[data-v-d956eb1e]{color:var(--el-text-color-regular);opacity:.7}.typing-active[data-v-d956eb1e]{border:2px solid var(--el-color-primary);box-shadow:0 0 0 3px #409eff1a}.typing-cursor[data-v-d956eb1e]{animation:cursor-blink-d956eb1e 1s infinite;background-color:var(--el-color-primary);display:inline-block;height:1.2em;margin-left:1px;vertical-align:middle;width:2px}.typing-hint[data-v-d956eb1e]{color:var(--el-text-color-secondary);font-size:14px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.pause-overlay[data-v-d956eb1e]{align-items:center;background-color:#00000080;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.pause-content[data-v-d956eb1e]{color:#fff;text-align:center}.complete-hint[data-v-d956eb1e]{bottom:10px;position:absolute;right:10px;z-index:15}@keyframes cursor-blink-d956eb1e{0%,50%{opacity:1}51%,to{opacity:.3}}.speed-chart[data-v-d956eb1e]{height:200px;width:100%}.keyboard-container[data-v-d956eb1e]{background:var(--el-bg-color-page);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard-row[data-v-d956eb1e]{gap:4px}.keyboard-key[data-v-d956eb1e],.keyboard-row[data-v-d956eb1e]{display:flex;justify-content:center}.keyboard-key[data-v-d956eb1e]{align-items:center;background:var(--el-fill-color-light);border:1px solid var(--el-border-color);border-radius:4px;color:var(--el-text-color-regular);font-size:13px;font-weight:500;height:40px;min-width:36px;transition:all .15s ease}.keyboard-key[data-v-d956eb1e]:hover{background:var(--el-fill-color)}.key-special[data-v-d956eb1e]{background:var(--el-fill-color-dark);font-size:12px}.key-backspace[data-v-d956eb1e]{min-width:60px}.key-enter[data-v-d956eb1e]{min-width:70px}.key-shift[data-v-d956eb1e]{min-width:80px}.key-ctrl[data-v-d956eb1e]{min-width:50px}.key-space[data-v-d956eb1e]{min-width:200px}.key-active[data-v-d956eb1e]{background:var(--el-color-primary)!important;border-color:var(--el-color-primary)!important;box-shadow:0 2px 8px #409eff66;color:#fff!important;transform:scale(1.05)}.key-pressed[data-v-d956eb1e]{background:var(--el-color-success)!important;color:#fff!important;transform:scale(.95)}.finger-l-pinky[data-v-d956eb1e]{background:#f56c6c!important;border-color:#f56c6c!important;color:#fff!important}.finger-l-ring[data-v-d956eb1e]{background:#e6a23c!important;border-color:#e6a23c!important;color:#fff!important}.finger-l-middle[data-v-d956eb1e]{background:#67c23a!important;border-color:#67c23a!important;color:#fff!important}.finger-l-index[data-v-d956eb1e],.finger-r-index[data-v-d956eb1e]{background:#409eff!important;border-color:#409eff!important;color:#fff!important}.finger-r-middle[data-v-d956eb1e]{background:#67c23a!important;border-color:#67c23a!important;color:#fff!important}.finger-r-ring[data-v-d956eb1e]{background:#e6a23c!important;border-color:#e6a23c!important;color:#fff!important}.finger-r-pinky[data-v-d956eb1e]{background:#f56c6c!important;border-color:#f56c6c!important;color:#fff!important}.finger-thumb[data-v-d956eb1e]{background:#909399!important;border-color:#909399!important;color:#fff!important}.finger-legend[data-v-d956eb1e]{background:var(--el-fill-color-light);border-radius:4px;padding:8px}.finger-legend-item[data-v-d956eb1e]{align-items:center;display:flex;gap:4px}.finger-dot[data-v-d956eb1e]{border-radius:2px;height:12px;width:12px}.finger-dot.finger-l-pinky[data-v-d956eb1e]{background:#f56c6c}.finger-dot.finger-l-ring[data-v-d956eb1e]{background:#e6a23c}.finger-dot.finger-l-middle[data-v-d956eb1e]{background:#67c23a}.finger-dot.finger-l-index[data-v-d956eb1e],.finger-dot.finger-r-index[data-v-d956eb1e]{background:#409eff}.finger-dot.finger-r-middle[data-v-d956eb1e]{background:#67c23a}.finger-dot.finger-r-ring[data-v-d956eb1e]{background:#e6a23c}.finger-dot.finger-r-pinky[data-v-d956eb1e]{background:#f56c6c}.finger-dot.finger-thumb[data-v-d956eb1e]{background:#909399}