.theme-toggle[data-v-8d9dafc5]{border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;gap:0;display:flex;overflow:hidden}.theme-toggle button[data-v-8d9dafc5]{border:none;border-right:1px solid var(--border);border-radius:0;padding:.3rem .55rem;font-size:.85rem}.theme-toggle button[data-v-8d9dafc5]:last-child{border-right:none}.theme-toggle button.active[data-v-8d9dafc5]{background:var(--accent);color:#fff}.keyboard-wrap[data-v-d67ae47e]{flex-direction:column;align-items:center;gap:1rem;display:flex}.keyboard-svg[data-v-d67ae47e]{width:100%;max-width:860px}.key-label[data-v-d67ae47e]{fill:var(--text);font-size:13px;font-weight:600}.key-label-shift[data-v-d67ae47e]{fill:var(--text);opacity:.75;font-size:11px;font-weight:500}.key-label-small[data-v-d67ae47e]{fill:var(--text);font-size:9px;font-weight:500}.legend[data-v-d67ae47e]{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.legend-item[data-v-d67ae47e]{align-items:center;gap:6px;font-size:.85rem;display:flex}.legend-swatch[data-v-d67ae47e]{border:1px solid var(--border);border-radius:3px;width:16px;height:16px}.shift-note[data-v-d67ae47e]{color:var(--text-muted);text-align:center;max-width:480px;font-size:.8rem;line-height:1.4}.intro[data-v-51200bd7]{max-width:860px;margin:0 auto;padding:2rem 1rem}h1[data-v-51200bd7]{margin-bottom:.25rem;font-size:2rem}.subtitle[data-v-51200bd7]{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.section[data-v-51200bd7]{margin-bottom:2rem}.section h2[data-v-51200bd7]{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.4rem;font-size:1.25rem}ol[data-v-51200bd7],ul[data-v-51200bd7]{padding-left:1.4rem}li[data-v-51200bd7]{margin-bottom:.5rem}kbd[data-v-51200bd7]{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.85em}.hand-positions[data-v-51200bd7]{flex-wrap:wrap;gap:2rem;display:flex}.hand[data-v-51200bd7]{flex:1;min-width:260px}.hand h3[data-v-51200bd7]{margin-bottom:.5rem;font-size:1rem}.swatch[data-v-51200bd7]{border:1px solid var(--border);vertical-align:middle;border-radius:2px;width:12px;height:12px;margin-right:4px;display:inline-block}.tip[data-v-51200bd7]{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;font-style:italic}.cta[data-v-51200bd7]{text-align:center;margin-top:2.5rem}.cta button[data-v-51200bd7]{padding:.7rem 2rem;font-size:1.1rem}.lesson-list[data-v-dac54973]{max-width:960px;margin:0 auto;padding:2rem 1rem}.list-header[data-v-dac54973]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}h1[data-v-dac54973]{margin-bottom:.25rem;font-size:1.8rem}.subtitle[data-v-dac54973]{color:var(--text-muted)}.progress-block[data-v-dac54973]{flex-direction:column;align-items:flex-end;gap:6px;min-width:180px;display:flex}.progress-label[data-v-dac54973]{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.progress-bar-track[data-v-dac54973]{background:var(--border);border-radius:99px;width:180px;height:8px;overflow:hidden}.progress-bar-fill[data-v-dac54973]{background:var(--correct);border-radius:99px;height:100%;transition:width .4s}.section[data-v-dac54973]{border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;overflow:hidden}.section-header[data-v-dac54973]{background:var(--bg-surface);cursor:pointer;text-align:left;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;display:flex}.section-header[data-v-dac54973]:hover{background:var(--bg-surface-hover)}.section-title-group[data-v-dac54973]{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.section-title[data-v-dac54973]{font-size:.95rem;font-weight:700}.section-keys[data-v-dac54973]{color:var(--text-muted);letter-spacing:.04em;font-family:monospace;font-size:.78rem}.section-chevron[data-v-dac54973]{color:var(--text-muted);flex-shrink:0;font-size:1.2rem;transition:transform .2s;transform:rotate(90deg)}.section-chevron.open[data-v-dac54973]{transform:rotate(270deg)}.grid[data-v-dac54973]{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem;display:grid}.card[data-v-dac54973]{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.2rem;display:flex}.card.locked[data-v-dac54973]{opacity:.55}.card-header[data-v-dac54973]{justify-content:space-between;align-items:center;display:flex}.lesson-num[data-v-dac54973]{color:var(--text-muted);font-size:1.5rem;font-weight:700}.badge[data-v-dac54973]{border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-size:.75rem}.badge.completed[data-v-dac54973]{background:var(--correct);color:#fff;border-color:var(--correct)}.badge.unlocked[data-v-dac54973]{background:var(--accent);color:#fff;border-color:var(--accent)}.badge.locked[data-v-dac54973]{background:0 0}.desc[data-v-dac54973]{color:var(--text-muted);flex:1;font-size:.85rem}.card-footer[data-v-dac54973]{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.locked-hint[data-v-dac54973]{color:var(--text-muted);font-size:.8rem}.override-btn[data-v-dac54973]{color:var(--text-muted);padding:.25rem .6rem;font-size:.75rem}.override-btn.undo[data-v-dac54973]{color:var(--correct);border-color:var(--correct)}.exercise[data-v-613bb8bf]{-webkit-user-select:none;user-select:none;max-width:700px;margin:0 auto;padding:2rem 1rem}.meta[data-v-613bb8bf]{color:var(--text-muted);justify-content:space-between;margin-bottom:1.5rem;font-size:.9rem;display:flex}.lesson-title[data-v-613bb8bf]{color:var(--text);font-weight:600}.text-display[data-v-613bb8bf]{background:var(--bg-surface);border:1px solid var(--border);letter-spacing:.05em;word-break:break-all;cursor:text;border-radius:10px;min-height:120px;padding:1.5rem;font-family:Courier New,monospace;font-size:1.5rem;line-height:2}.char[data-v-613bb8bf]{transition:color .1s}.char.correct[data-v-613bb8bf]{color:var(--correct)}.char.error[data-v-613bb8bf]{color:var(--error);background:#dc262626;border-radius:2px}.char.cursor[data-v-613bb8bf]{border-bottom:2px solid var(--cursor);color:var(--text)}.char.pending[data-v-613bb8bf]{color:var(--text-muted)}.stats[data-v-613bb8bf]{color:var(--text-muted);align-items:center;gap:2rem;margin-top:1.2rem;font-size:1rem;display:flex}.reset-btn[data-v-613bb8bf]{margin-left:auto;padding:.25rem .75rem;font-size:.85rem}.hidden-input[data-v-613bb8bf]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.result[data-v-41e3ceb8]{text-align:center;max-width:500px;margin:4rem auto;padding:2rem}.icon[data-v-41e3ceb8]{margin-bottom:.5rem;font-size:3rem}h1[data-v-41e3ceb8]{margin-bottom:.5rem;font-size:2rem}.sub[data-v-41e3ceb8]{color:var(--text-muted);margin-bottom:2rem}.stats-grid[data-v-41e3ceb8]{justify-content:center;gap:3rem;margin-bottom:2.5rem;display:flex}.stat[data-v-41e3ceb8]{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-value[data-v-41e3ceb8]{font-size:2.5rem;font-weight:700}.stat-value.pass[data-v-41e3ceb8]{color:var(--correct)}.stat-value.fail[data-v-41e3ceb8]{color:var(--error)}.stat-label[data-v-41e3ceb8]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.actions[data-v-41e3ceb8]{justify-content:center;gap:1rem;display:flex}.app-header{z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.6rem 1.5rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;display:flex}.logo-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;font-weight:700}.logo-btn:hover{background:0 0}.header-nav{align-items:center;gap:.5rem;display:flex}.app-main{padding:1rem 0}:root,[data-theme=light]{--bg:#f5f5f5;--bg-surface:#fff;--bg-surface-hover:#e8e8e8;--text:#1a1a1a;--text-muted:#666;--border:#d0d0d0;--accent:#2563eb;--accent-hover:#1d4ed8;--correct:#16a34a;--error:#dc2626;--cursor:#2563eb;--finger-pinky:#f87171;--finger-ring:#fb923c;--finger-middle:#fbbf24;--finger-index:#4ade80;--finger-thumb:#94a3b8}[data-theme=dark]{--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-surface-hover:#2a2a2a;--text:#e5e5e5;--text-muted:#999;--border:#333;--accent:#3b82f6;--accent-hover:#60a5fa;--correct:#22c55e;--error:#ef4444;--cursor:#3b82f6;--finger-pinky:#f87171;--finger-ring:#fb923c;--finger-middle:#fbbf24;--finger-index:#4ade80;--finger-thumb:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;transition:background .2s,color .2s}button{cursor:pointer;font:inherit;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:6px;padding:.4rem .8rem;transition:background .15s}button:hover{background:var(--bg-surface-hover)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}