.keyboard-key[data-v-f8fae1c9]{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;cursor:default;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;height:3rem;justify-content:center;min-width:3rem;position:relative;transition:all .2s ease}.keyboard-key.spacebar[data-v-f8fae1c9]{flex-grow:1;min-width:20rem}.keyboard-key.is-active[data-v-f8fae1c9]{animation:pulse-f8fae1c9 .5s ease-in-out infinite;z-index:10}.key-label[data-v-f8fae1c9]{color:#1f2937;font-size:1rem;font-weight:700}.keyboard-key.is-active .key-label[data-v-f8fae1c9]{color:#fff}.finger-label[data-v-f8fae1c9]{bottom:.25rem;color:#6b7280;font-size:.625rem;font-weight:500;opacity:.7;position:absolute;white-space:nowrap}.keyboard-key.is-active .finger-label[data-v-f8fae1c9]{color:#ffffffe6;opacity:1}@keyframes pulse-f8fae1c9{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}@media(max-width:768px){.keyboard-key[data-v-f8fae1c9]{font-size:.75rem;height:2rem;min-width:2rem}.keyboard-key.spacebar[data-v-f8fae1c9]{min-width:12rem}.key-label[data-v-f8fae1c9]{font-size:.875rem}.finger-label[data-v-f8fae1c9]{display:none}}.virtual-keyboard[data-v-5d88bb5d]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:900px;padding:1.5rem}.keyboard-row[data-v-5d88bb5d]{display:flex;gap:.25rem;justify-content:center}.space-row[data-v-5d88bb5d]{margin-top:.25rem}@media(max-width:768px){.virtual-keyboard[data-v-5d88bb5d]{gap:.375rem;padding:1rem}.keyboard-row[data-v-5d88bb5d]{gap:.2rem}}.finger-guide[data-v-95bac019]{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.dark .finger-guide[data-v-95bac019]{background:#1f2937}.hands-container[data-v-95bac019]{display:flex;gap:3rem;justify-content:center;margin-bottom:1.5rem}.hand[data-v-95bac019]{flex:1;max-width:300px}.fingers[data-v-95bac019]{align-items:flex-end;display:flex;gap:.5rem;height:200px;justify-content:center}.finger[data-v-95bac019]{align-items:center;border-radius:25px 25px 0 0;cursor:default;display:flex;flex-direction:column;opacity:.4;position:relative;transition:all .3s ease;width:50px}.finger.active[data-v-95bac019]{animation:fingerPulse-95bac019 .5s ease-in-out infinite;box-shadow:0 0 20px currentColor;opacity:1;transform:translateY(-10px)}@keyframes fingerPulse-95bac019{0%,to{transform:translateY(-10px)}50%{transform:translateY(-15px)}}.fingers .finger[data-v-95bac019]:first-child{height:120px}.fingers .finger[data-v-95bac019]:nth-child(2){height:150px}.fingers .finger[data-v-95bac019]:nth-child(3){height:170px}.fingers .finger[data-v-95bac019]:nth-child(4){height:160px}.fingers .finger[data-v-95bac019]:nth-child(5){border-radius:30px;height:80px;width:60px}.finger-tip[data-v-95bac019]{background:#0003;border-radius:50%;height:40px;margin-top:.5rem;width:40px}.finger-label[data-v-95bac019]{color:#fff;font-size:.75rem;font-weight:600;margin-top:.5rem}.finger-label[data-v-95bac019],.key-labels[data-v-95bac019]{text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.key-labels[data-v-95bac019]{color:#ffffffe6;font-size:.625rem;font-weight:500;margin-top:.25rem}.current-instruction[data-v-95bac019]{background:#f3f4f6;border-radius:.5rem;margin-top:1rem;padding:1rem}.dark .current-instruction[data-v-95bac019]{background:#374151}@media(max-width:768px){.hands-container[data-v-95bac019]{flex-direction:column;gap:2rem}.hand[data-v-95bac019]{max-width:100%}.fingers[data-v-95bac019]{height:150px}.finger[data-v-95bac019]{width:40px}.fingers .finger[data-v-95bac019]:first-child{height:90px}.fingers .finger[data-v-95bac019]:nth-child(2){height:110px}.fingers .finger[data-v-95bac019]:nth-child(3){height:130px}.fingers .finger[data-v-95bac019]:nth-child(4){height:120px}.fingers .finger[data-v-95bac019]:nth-child(5){height:60px;width:50px}.finger-tip[data-v-95bac019]{height:30px;width:30px}}