.exercise-container[data-v-8c6c8689]{max-width:800px;margin:0 auto}.letter-container[data-v-8c6c8689]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.letter[data-v-8c6c8689]{font-size:6rem;font-weight:700;font-family:Arial,sans-serif;color:#4f46e5;line-height:1}.drawing-area-container[data-v-8c6c8689]{width:100%}.drawing-area[data-v-8c6c8689]{width:100%;height:200px;background-color:#fff;border-radius:.5rem;overflow:hidden}.handwriting-canvas[data-v-8c6c8689]{width:100%;height:100%;touch-action:none}.guidelines[data-v-8c6c8689]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.baseline[data-v-8c6c8689]{position:absolute;bottom:40px;left:0;right:0;height:1px;background-color:#4f46e54d}.midline[data-v-8c6c8689]{position:absolute;top:50%;left:0;right:0;height:1px;background-color:#4f46e533}.result-card[data-v-8c6c8689]{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.result-item[data-v-8c6c8689]{text-align:center;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.btn[data-v-4d22deee]{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary[data-v-4d22deee]{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary[data-v-4d22deee]:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.btn-success[data-v-4d22deee]{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-success[data-v-4d22deee]:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.btn[data-v-4d22deee]:disabled{cursor:not-allowed;opacity:.5}.btn[data-v-8e3a2d74],.btn[data-v-9ee69892]{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary[data-v-9ee69892]{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary[data-v-9ee69892]:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.btn[data-v-9ee69892]:disabled{cursor:not-allowed;opacity:.5}.btn[data-v-d90a27b5]{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary[data-v-d90a27b5]{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary[data-v-d90a27b5]:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.btn-success[data-v-d90a27b5]{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-success[data-v-d90a27b5]:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.btn[data-v-d90a27b5]:disabled{cursor:not-allowed;opacity:.5}.btn[data-v-e32a5f63],.btn[data-v-bc36b4c8]{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary[data-v-bc36b4c8]{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary[data-v-bc36b4c8]:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.btn[data-v-bc36b4c8]:disabled{cursor:not-allowed;opacity:.5}.animate-shake[data-v-60b7cd9c]{animation:shake-60b7cd9c .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-60b7cd9c{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)}}@keyframes bounce-60b7cd9c{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}