.keyboard-wrap.svelte-1a52tyg{padding-bottom:.5rem;overflow-x:auto}.keyboard-toolbar.svelte-1a52tyg{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.toolbar-label.svelte-1a52tyg{color:#6b6b80;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.toggle.svelte-1a52tyg{background:#13131a;border:1px solid #2a2a35;border-radius:6px;display:flex;overflow:hidden}.toggle.svelte-1a52tyg button:where(.svelte-1a52tyg){color:#6b6b80;cursor:pointer;background:0 0;border:none;padding:.25rem .75rem;font-size:.78rem;font-weight:500;transition:background .12s,color .12s}.toggle.svelte-1a52tyg button.active:where(.svelte-1a52tyg){color:#e2e2e2;background:#2a2a35}.keyboard.svelte-1a52tyg{flex-direction:column;gap:5px;min-width:700px;display:flex}.keyboard-row.svelte-1a52tyg{justify-content:center;gap:5px;display:flex}.key.svelte-1a52tyg{cursor:default;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2a2a35;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:52px;transition:background 80ms,border-color 80ms,transform 60ms;display:flex}.key.space.svelte-1a52tyg{width:320px;height:44px}.ar.svelte-1a52tyg{color:#c4b5fd;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1rem;line-height:1}.en.svelte-1a52tyg{color:#4a4a60;text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}.finger-left-pinky.svelte-1a52tyg{--fc:#7c3aed}.finger-left-ring.svelte-1a52tyg{--fc:#1d4ed8}.finger-left-middle.svelte-1a52tyg{--fc:#0891b2}.finger-left-index.svelte-1a52tyg{--fc:#047857}.finger-thumbs.svelte-1a52tyg{--fc:#6b7280}.finger-right-index.svelte-1a52tyg{--fc:#b45309}.finger-right-middle.svelte-1a52tyg{--fc:#b91c1c}.finger-right-ring.svelte-1a52tyg{--fc:#9d174d}.finger-right-pinky.svelte-1a52tyg{--fc:#6d28d9}.key.svelte-1a52tyg{border-color:color-mix(in srgb, var(--fc,#2a2a35) 40%, #2a2a35)}.key.next.svelte-1a52tyg{background:color-mix(in srgb, var(--fc,#2a2a35) 25%, #1a1a24);border-color:var(--fc,#a78bfa);box-shadow:0 0 8px color-mix(in srgb, var(--fc,#a78bfa) 50%, transparent)}.key.active.svelte-1a52tyg{background:color-mix(in srgb, var(--fc,#a78bfa) 60%, #1a1a24);border-color:var(--fc,#a78bfa);transform:translateY(1px)}.display-wrap.svelte-g4r5ah{background:#1a1a24;border:1px solid #2a2a35;border-radius:12px;padding:2rem 2.5rem}.lesson-text.svelte-g4r5ah{letter-spacing:.05em;flex-wrap:wrap;justify-content:flex-end;gap:0;font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,serif;font-size:2.2rem;line-height:1.8;display:flex}.char.svelte-g4r5ah{color:#4a4a60;transition:color 80ms;position:relative}.char.correct.svelte-g4r5ah{color:#86efac}.char.incorrect.svelte-g4r5ah{color:#f87171;background:#f871711a;border-radius:3px}.char.current.svelte-g4r5ah{color:#e2e2e2}.char.cursor.svelte-g4r5ah:after{content:"";background:#a78bfa;border-radius:1px;height:2px;animation:1s step-end infinite svelte-g4r5ah-blink;position:absolute;bottom:0;left:0;right:0}@keyframes svelte-g4r5ah-blink{0%,to{opacity:1}50%{opacity:0}}.metrics-bar.svelte-iqrqdx{background:#1a1a24;border:1px solid #2a2a35;border-radius:10px;gap:1.5rem;padding:.9rem 1.5rem;display:flex}.metric.svelte-iqrqdx{flex-direction:column;align-items:center;gap:.15rem;min-width:60px;display:flex}.value.svelte-iqrqdx{color:#e2e2e2;font-size:1.4rem;font-weight:700}.label.svelte-iqrqdx{color:#6b6b80;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.status.svelte-iqrqdx{color:#9090a8;font-size:.95rem}.status.finished.svelte-iqrqdx{color:#86efac}.lesson-page.svelte-1ix73y1{flex-direction:column;gap:1.5rem;display:flex}.lesson-header.svelte-1ix73y1{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.back.svelte-1ix73y1{color:#6b6b80;font-size:.9rem;text-decoration:none;transition:color .15s}.back.svelte-1ix73y1:hover{color:#a78bfa}h1.svelte-1ix73y1{color:#e2e2e2;flex:1;font-size:1.4rem;font-weight:600}.focus-badge.svelte-1ix73y1{color:#a78bfa;letter-spacing:.1em;background:#2a1f4a;border-radius:6px;padding:.2rem .6rem;font-size:1rem}.finish-overlay.svelte-1ix73y1{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.finish-card.svelte-1ix73y1{text-align:center;background:#1a1a24;border:1px solid #a78bfa;border-radius:16px;min-width:320px;padding:2.5rem 3rem}.finish-card.svelte-1ix73y1 h2:where(.svelte-1ix73y1){color:#a78bfa;direction:rtl;margin-bottom:.25rem;font-size:1.8rem}.finish-card.svelte-1ix73y1 p:where(.svelte-1ix73y1){color:#6b6b80;margin-bottom:1.5rem}.finish-stats.svelte-1ix73y1{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.stat.svelte-1ix73y1{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-value.svelte-1ix73y1{color:#e2e2e2;font-size:2.5rem;font-weight:700}.stat-label.svelte-1ix73y1{color:#6b6b80;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.finish-actions.svelte-1ix73y1{justify-content:center;gap:.75rem;display:flex}button.svelte-1ix73y1,.btn-home.svelte-1ix73y1{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:.95rem;text-decoration:none;transition:background .15s}button.svelte-1ix73y1{color:#0f0f13;background:#a78bfa;font-weight:600}button.svelte-1ix73y1:hover{background:#c4b5fd}.btn-home.svelte-1ix73y1{color:#e2e2e2;background:#2a2a35}.btn-home.svelte-1ix73y1:hover{background:#3a3a4a}