.lesson-container[data-astro-cid-jkfvkvs4]{max-width:900px;margin:0 auto}.lesson-header[data-astro-cid-jkfvkvs4]{text-align:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.keyboard-section[data-astro-cid-jkfvkvs4]{margin-bottom:2rem}.exercises-section[data-astro-cid-jkfvkvs4]{display:flex;flex-direction:column;gap:1.5rem}.additional-content[data-astro-cid-jkfvkvs4]{margin-top:2rem}.lesson-navigation[data-astro-cid-jkfvkvs4]{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.nav-btn[data-astro-cid-jkfvkvs4]{display:flex;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .2s}.nav-btn[data-astro-cid-jkfvkvs4]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.nav-btn[data-astro-cid-jkfvkvs4].prev{padding-left:1rem}.nav-btn[data-astro-cid-jkfvkvs4].next{padding-right:1rem}.hand-diagram[data-astro-cid-5aavnvq7]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hand-svg[data-astro-cid-5aavnvq7]{width:120px;height:168px}.palm[data-astro-cid-5aavnvq7]{transition:fill .3s}.finger-path[data-astro-cid-5aavnvq7]{transition:fill .3s,stroke .3s,transform .2s;transform-origin:center bottom}.finger[data-astro-cid-5aavnvq7].highlighted .finger-path[data-astro-cid-5aavnvq7]{filter:drop-shadow(0 0 4px currentColor);animation:fingerPulse 1s ease-in-out infinite}@keyframes fingerPulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}.finger-label[data-astro-cid-5aavnvq7]{font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.home-indicator[data-astro-cid-5aavnvq7]{opacity:.6}.hand-label[data-astro-cid-5aavnvq7]{font-size:.875rem;font-weight:600;color:#374151;text-align:center}.finger-legend[data-astro-cid-5aavnvq7]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;font-size:.625rem;color:#6b7280}.legend-item[data-astro-cid-5aavnvq7]{display:flex;align-items:center;gap:.25rem}.legend-dot[data-astro-cid-5aavnvq7]{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color)}.hand-right[data-astro-cid-5aavnvq7] .hand-svg[data-astro-cid-5aavnvq7]{transform:scaleX(-1)}.dark .palm[data-astro-cid-5aavnvq7],.dark .finger-path[data-astro-cid-5aavnvq7]{fill:#d4a574;stroke:#b8956a}.dark .finger[data-astro-cid-5aavnvq7].highlighted .finger-path[data-astro-cid-5aavnvq7]{stroke-width:3}.dark .hand-label[data-astro-cid-5aavnvq7]{color:#e5e7eb}.dark .finger-legend[data-astro-cid-5aavnvq7]{color:#9ca3af}@media(max-width:640px){.hand-svg[data-astro-cid-5aavnvq7]{width:100px;height:140px}.finger-legend[data-astro-cid-5aavnvq7]{display:none}}.key[data-astro-cid-j623obcn]{position:relative;display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:.25rem .5rem;background:linear-gradient(180deg,#fff,#f3f4f6);border:2px solid var(--key-color, rgb(229, 231, 235));border-bottom-width:4px;border-radius:.375rem;font-family:monospace;font-size:.75rem;font-weight:600;color:#374151;cursor:default;transition:all .15s;box-shadow:0 1px 2px #0000000d}.key[data-astro-cid-j623obcn]:before{content:"";position:absolute;inset:0;background:var(--key-color);opacity:.15;border-radius:.25rem;transition:opacity .15s}.interactive[data-astro-cid-j623obcn] .key[data-astro-cid-j623obcn]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.interactive[data-astro-cid-j623obcn] .key[data-astro-cid-j623obcn]:hover:before{opacity:.3}.key[data-astro-cid-j623obcn].highlighted{animation:keyHighlight 1s ease-in-out infinite;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--key-color) 40%,transparent)}.key[data-astro-cid-j623obcn].highlighted:before{opacity:.4}@keyframes keyHighlight{0%,to{box-shadow:0 4px 12px color-mix(in srgb,var(--key-color) 40%,transparent)}50%{box-shadow:0 4px 20px color-mix(in srgb,var(--key-color) 60%,transparent)}}.key[data-astro-cid-j623obcn].home-key{border-bottom-color:var(--key-color)}.home-bump[data-astro-cid-j623obcn]{position:absolute;bottom:.375rem;left:50%;transform:translate(-50%);width:.5rem;height:2px;background:#9ca3af;border-radius:1px}.key-label[data-astro-cid-j623obcn]{position:relative;z-index:1}.key[data-astro-cid-j623obcn].backspace{min-width:4rem}.key[data-astro-cid-j623obcn].tab{min-width:3rem}.key[data-astro-cid-j623obcn].caps{min-width:3.5rem}.key[data-astro-cid-j623obcn].enter{min-width:4rem}.key[data-astro-cid-j623obcn].shift-left{min-width:4.5rem}.key[data-astro-cid-j623obcn].shift-right{min-width:5.5rem}.key[data-astro-cid-j623obcn].ctrl,.key[data-astro-cid-j623obcn].alt{min-width:2.5rem}.key[data-astro-cid-j623obcn].space{min-width:14rem}.legend-dot[data-astro-cid-j623obcn]{background-color:var(--color)}.dark .key[data-astro-cid-j623obcn]{background:linear-gradient(180deg,#374151,#1f2937);color:#e5e7eb}@media(max-width:768px){.finger-guide[data-astro-cid-j623obcn]{padding:.75rem;overflow-x:auto}.keyboard[data-astro-cid-j623obcn]{min-width:600px}.key[data-astro-cid-j623obcn]{min-width:1.75rem;height:1.75rem;font-size:.625rem}.key[data-astro-cid-j623obcn].backspace{min-width:3rem}.key[data-astro-cid-j623obcn].tab{min-width:2.25rem}.key[data-astro-cid-j623obcn].caps{min-width:2.75rem}.key[data-astro-cid-j623obcn].enter{min-width:3rem}.key[data-astro-cid-j623obcn].shift-left{min-width:3.5rem}.key[data-astro-cid-j623obcn].shift-right{min-width:4rem}.key[data-astro-cid-j623obcn].ctrl,.key[data-astro-cid-j623obcn].alt{min-width:2rem}.key[data-astro-cid-j623obcn].space{min-width:10rem}}.teaching-section[data-astro-cid-m2a5opxs]{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;margin-bottom:2rem;overflow:hidden;transition:all .3s}.teaching-section[data-astro-cid-m2a5opxs].collapsed{max-height:60px;overflow:hidden}.teaching-section[data-astro-cid-m2a5opxs].collapsed .teaching-content[data-astro-cid-m2a5opxs],.teaching-section[data-astro-cid-m2a5opxs].collapsed .start-section[data-astro-cid-m2a5opxs]{display:none}.lesson-progress[data-astro-cid-m2a5opxs]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-bottom:1px solid #c7d2fe}.progress-step[data-astro-cid-m2a5opxs]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.step-icon[data-astro-cid-m2a5opxs]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #c7d2fe;border-radius:50%;font-size:.875rem;font-weight:600;color:#6b7280;transition:all .3s}.progress-step[data-astro-cid-m2a5opxs].active .step-icon[data-astro-cid-m2a5opxs]{background:#4f46e5;border-color:#4f46e5;color:#fff}.progress-step[data-astro-cid-m2a5opxs].completed .step-icon[data-astro-cid-m2a5opxs]{background:#22c55e;border-color:#22c55e;color:#fff}.step-label[data-astro-cid-m2a5opxs]{font-size:.75rem;color:#6b7280;font-weight:500}.progress-step[data-astro-cid-m2a5opxs].active .step-label[data-astro-cid-m2a5opxs]{color:#4f46e5;font-weight:600}.progress-line[data-astro-cid-m2a5opxs]{width:3rem;height:2px;background:#c7d2fe;margin-top:-1rem}.teaching-tabs[data-astro-cid-m2a5opxs]{display:flex;gap:.25rem;padding:.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.tab-btn[data-astro-cid-m2a5opxs]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn[data-astro-cid-m2a5opxs]:hover{background:#e5e7eb;color:#374151}.tab-btn[data-astro-cid-m2a5opxs].active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.tab-icon[data-astro-cid-m2a5opxs]{width:1.25rem;height:1.25rem}.teaching-content[data-astro-cid-m2a5opxs]{padding:1.5rem}.tab-panel[data-astro-cid-m2a5opxs]{display:none}.tab-panel[data-astro-cid-m2a5opxs].active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-title[data-astro-cid-m2a5opxs]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.content-description[data-astro-cid-m2a5opxs]{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.hands-container[data-astro-cid-m2a5opxs]{display:flex;justify-content:center;gap:3rem;margin:1.5rem 0;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb}.tips-section[data-astro-cid-m2a5opxs]{margin-top:1.5rem;padding:1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem}.tips-title[data-astro-cid-m2a5opxs]{font-size:.875rem;font-weight:600;color:#065f46;margin:0 0 .75rem}.tips-list[data-astro-cid-m2a5opxs]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.tip-item[data-astro-cid-m2a5opxs]{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#047857}.tip-icon[data-astro-cid-m2a5opxs]{width:1rem;height:1rem;flex-shrink:0;margin-top:.125rem}.fingers-content[data-astro-cid-m2a5opxs]{display:flex;flex-direction:column;gap:1rem}.key-info[data-astro-cid-m2a5opxs]{text-align:center;font-size:.875rem;color:#6b7280}.highlighted-keys[data-astro-cid-m2a5opxs]{margin:0;padding:.75rem;background:#fef3c7;border-radius:.5rem;color:#92400e}.posture-grid[data-astro-cid-m2a5opxs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.posture-item[data-astro-cid-m2a5opxs]{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;text-align:center}.posture-icon[data-astro-cid-m2a5opxs]{font-size:2rem;margin-bottom:.5rem}.posture-item[data-astro-cid-m2a5opxs] h4[data-astro-cid-m2a5opxs]{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.posture-item[data-astro-cid-m2a5opxs] p[data-astro-cid-m2a5opxs]{font-size:.75rem;color:#6b7280;margin:0;line-height:1.4}.posture-warning[data-astro-cid-m2a5opxs]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.warning-icon[data-astro-cid-m2a5opxs]{width:1.25rem;height:1.25rem;flex-shrink:0;color:#dc2626}.posture-warning[data-astro-cid-m2a5opxs] p[data-astro-cid-m2a5opxs]{margin:0;font-size:.875rem;color:#991b1b;line-height:1.5}.start-section[data-astro-cid-m2a5opxs]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.start-btn[data-astro-cid-m2a5opxs]{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e54d}.start-btn[data-astro-cid-m2a5opxs]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.btn-icon[data-astro-cid-m2a5opxs]{width:1.25rem;height:1.25rem}.start-hint[data-astro-cid-m2a5opxs]{font-size:.75rem;color:#9ca3af;margin:0}.dark .teaching-section[data-astro-cid-m2a5opxs]{background:#1f2937;border-color:#374151}.dark .lesson-progress[data-astro-cid-m2a5opxs]{background:linear-gradient(135deg,#312e81,#3730a3);border-color:#4338ca}.dark .step-icon[data-astro-cid-m2a5opxs]{background:#374151;border-color:#4338ca}.dark .teaching-tabs[data-astro-cid-m2a5opxs]{background:#111827;border-color:#374151}.dark .tab-btn[data-astro-cid-m2a5opxs]{color:#9ca3af}.dark .tab-btn[data-astro-cid-m2a5opxs]:hover{background:#374151;color:#e5e7eb}.dark .tab-btn[data-astro-cid-m2a5opxs].active{background:#1f2937;color:#818cf8}.dark .content-title[data-astro-cid-m2a5opxs]{color:#f3f4f6}.dark .content-description[data-astro-cid-m2a5opxs]{color:#9ca3af}.dark .hands-container[data-astro-cid-m2a5opxs]{background:#111827;border-color:#374151}.dark .tips-section[data-astro-cid-m2a5opxs]{background:#064e3b;border-color:#065f46}.dark .tips-title[data-astro-cid-m2a5opxs]{color:#a7f3d0}.dark .tip-item[data-astro-cid-m2a5opxs]{color:#6ee7b7}.dark .posture-item[data-astro-cid-m2a5opxs]{background:#111827;border-color:#374151}.dark .posture-item[data-astro-cid-m2a5opxs] h4[data-astro-cid-m2a5opxs]{color:#f3f4f6}.dark .posture-item[data-astro-cid-m2a5opxs] p[data-astro-cid-m2a5opxs]{color:#9ca3af}.dark .posture-warning[data-astro-cid-m2a5opxs]{background:#450a0a;border-color:#7f1d1d}.dark .posture-warning[data-astro-cid-m2a5opxs] p[data-astro-cid-m2a5opxs]{color:#fca5a5}.dark .start-section[data-astro-cid-m2a5opxs]{background:#111827;border-color:#374151}@media(max-width:768px){.hands-container[data-astro-cid-m2a5opxs]{flex-direction:column;gap:1.5rem}.teaching-tabs[data-astro-cid-m2a5opxs]{flex-wrap:wrap}.tab-btn[data-astro-cid-m2a5opxs]{flex:none;padding:.5rem 1rem}.posture-grid[data-astro-cid-m2a5opxs]{grid-template-columns:1fr}.progress-line[data-astro-cid-m2a5opxs]{width:1.5rem}}