.mode-card[data-v-4407a013]{display:flex;min-height:220px;flex-direction:column;align-items:flex-start;gap:.75rem}.mode-card p[data-v-4407a013]{flex:1;margin:0}.disabled[data-v-4407a013]{opacity:.68}.disabled-action[data-v-4407a013]{color:#8aa6b5}.progress-summary[data-v-c029d4dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.progress-summary div[data-v-c029d4dc]{display:grid;gap:.35rem}.progress-summary span[data-v-c029d4dc]{color:#64748b}.progress-summary strong[data-v-c029d4dc]{color:#0f172a;font-size:2rem}.notice[data-v-c029d4dc]{grid-column:1 / -1;margin:0}.keyboard-board[data-v-6c35ab25]{display:grid;gap:.35rem;width:100%;max-width:1040px;margin-inline:auto;overflow:hidden;border-radius:1.25rem;background:#f8fafc}.keyboard-row[data-v-6c35ab25]{display:grid;width:100%;gap:.35rem}.key-spacer[data-v-6c35ab25]{min-width:0}.key-card[data-v-6c35ab25]{position:relative;display:grid;min-width:0;min-height:clamp(5.6rem,10vw,7.5rem);grid-template-rows:auto 1fr;gap:.35rem;border:1px solid #d8e0ea;border-radius:.9rem;padding:clamp(.35rem,1vw,.75rem);background:#fff;box-shadow:0 8px 18px #0f172a0a}.key-top[data-v-6c35ab25]{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.25rem}.key-name[data-v-6c35ab25]{color:#666;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,4.1vw,3rem);font-weight:400;line-height:.9;text-transform:uppercase}.initials[data-v-6c35ab25]{min-width:0;color:#ff3b22;font-size:clamp(.82rem,2.2vw,1.55rem);font-weight:700;line-height:1;text-align:right;word-break:break-word}.finals[data-v-6c35ab25]{display:grid;align-content:center;justify-items:center;color:#169bed;font-size:clamp(.9rem,2.7vw,1.8rem);font-weight:500;line-height:1.1;text-align:center}.finals span[data-v-6c35ab25]{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.keyboard-board[data-v-6c35ab25],.keyboard-row[data-v-6c35ab25]{gap:.2rem}.key-card[data-v-6c35ab25]{min-height:4.8rem;padding:.28rem}}.practice-input[data-v-bf73f313]{position:relative;display:grid;gap:1rem;width:100%;justify-items:center;padding:clamp(1rem,3vw,2rem)}.prompt-header[data-v-bf73f313]{display:grid;width:100%;gap:.6rem;text-align:center}.prompt-header h2[data-v-bf73f313]{margin:0;color:#0f172a;font-size:clamp(3rem,10vw,6rem);letter-spacing:.04em}.syllable-track[data-v-bf73f313]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.syllable-track span[data-v-bf73f313]{border-radius:999px;padding:.35rem .75rem;background:#eff6ff;color:#1d4ed8;font-weight:800}.input-row[data-v-bf73f313]{display:flex;align-items:center;justify-content:center;gap:.75rem}.code-input[data-v-bf73f313]{position:relative;min-width:0}.code-boxes[data-v-bf73f313]{display:grid;gap:.5rem;width:fit-content;max-width:100%}.code-box[data-v-bf73f313]{display:grid;width:clamp(3.5rem,9vw,4.5rem);aspect-ratio:1;place-items:center;border:2px solid #cbd5e1;border-radius:1rem;background:#fff;color:#0f172a;font-size:1.8rem;font-weight:800;text-align:center;text-transform:uppercase;box-shadow:inset 0 1px 2px #0f172a0d}.code-input:focus-within .code-box[data-v-bf73f313]{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.code-box.correct[data-v-bf73f313]{border-color:#22c55e;background:#dcfce7;color:#166534}.code-box.incorrect[data-v-bf73f313]{border-color:#ef4444;background:#fee2e2;color:#991b1b}.code-input input[data-v-bf73f313]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;opacity:0}.feedback-popover[data-v-bf73f313]{position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);display:grid;max-width:min(24rem,calc(100% - 2rem));gap:.25rem;border-radius:1rem;padding:.9rem 1rem;font-weight:700;box-shadow:0 16px 34px #0f172a29}.feedback-popover.correct[data-v-bf73f313]{background:#dcfce7;color:#166534}.feedback-popover.incorrect[data-v-bf73f313]{background:#fee2e2;color:#991b1b}.feedback-popover span[data-v-bf73f313]{font-weight:500}@media(max-width:620px){.input-row[data-v-bf73f313]{flex-direction:column}.feedback-popover[data-v-bf73f313]{position:static;width:100%}}.practice-result[data-v-1d7869a2]{display:grid;gap:1.25rem}.result-grid[data-v-1d7869a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.result-grid div[data-v-1d7869a2]{display:grid;gap:.35rem}.result-grid span[data-v-1d7869a2]{color:#64748b}.result-grid strong[data-v-1d7869a2]{color:#0f172a;font-size:2rem}.review-card[data-v-1d7869a2]{display:grid;gap:.25rem;border-radius:1rem;padding:1rem;background:#eff6ff;color:#1d4ed8}.review-card strong[data-v-1d7869a2]{color:#1e3a8a}.mistakes[data-v-1d7869a2]{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.mistakes li[data-v-1d7869a2]{display:grid;gap:.2rem;border-radius:.9rem;padding:.8rem;background:#f8fafc}small[data-v-1d7869a2]{color:#64748b}.success[data-v-1d7869a2]{background:#dcfce7;color:#166534}.practice-panel[data-v-7bb0db0a]{display:grid;gap:1rem;margin-bottom:1rem}.choice-section[data-v-7bb0db0a]{display:grid;gap:.75rem}.choice-section h2[data-v-7bb0db0a],.choice-section p[data-v-7bb0db0a]{margin:0}.choice-section h2[data-v-7bb0db0a]{font-size:clamp(1.25rem,3vw,1.6rem)}.count-buttons[data-v-7bb0db0a],.type-buttons[data-v-7bb0db0a]{display:flex;flex-wrap:wrap;gap:.75rem}.start-section[data-v-7bb0db0a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}.start-section p[data-v-7bb0db0a]{margin:0}.start-button[data-v-7bb0db0a]{min-width:8rem}.active[data-v-7bb0db0a]{background:#dbeafe;color:#1d4ed8}.practice-stage[data-v-7bb0db0a]{display:grid;min-height:calc(100vh - 7rem);gap:1rem;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;padding:.5rem 0}.stage-topbar[data-v-7bb0db0a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.stage-topbar p[data-v-7bb0db0a],.stage-topbar strong[data-v-7bb0db0a]{margin:0}.stage-label[data-v-7bb0db0a]{color:#2563eb;font-size:clamp(1.35rem,3vw,2rem);font-weight:800}.compact-button[data-v-7bb0db0a]{flex:0 0 auto;padding:.55rem .85rem}.stage-metrics[data-v-7bb0db0a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stage-metrics div[data-v-7bb0db0a]{display:grid;gap:.2rem;min-width:0;border:1px solid #d8e0ea;border-radius:1rem;padding:.85rem;background:#fff;text-align:center;box-shadow:0 8px 18px #0f172a0a}.stage-metrics span[data-v-7bb0db0a]{color:#64748b}.stage-metrics strong[data-v-7bb0db0a]{color:#1d4ed8;font-size:clamp(1.2rem,3vw,1.8rem)}.stage-content[data-v-7bb0db0a]{display:grid;width:100%;min-width:0;margin-inline:auto}.stage-actions[data-v-7bb0db0a]{display:flex;justify-content:center;gap:.75rem}@media(max-width:700px){.practice-stage[data-v-7bb0db0a]{min-height:calc(100vh - 9rem)}.stage-topbar[data-v-7bb0db0a],.stage-actions[data-v-7bb0db0a],.start-section[data-v-7bb0db0a]{align-items:stretch;flex-direction:column}.stage-metrics[data-v-7bb0db0a]{grid-template-columns:1fr}}.learning-path[data-v-9761ba3a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem}.learning-path strong[data-v-9761ba3a]{color:#0f172a;font-size:1.25rem}.path-dots[data-v-9761ba3a]{display:flex;align-items:center;gap:.5rem}.path-dots button[data-v-9761ba3a]{display:grid;width:2rem;height:2rem;place-items:center;border:2px solid transparent;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;cursor:pointer}.path-dots .done[data-v-9761ba3a]{background:#e2e8f0;color:#64748b}.path-dots .current[data-v-9761ba3a]{border-color:#60a5fa}.lesson-carousel[data-v-9761ba3a]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.carousel-button[data-v-9761ba3a]{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid #d8e0ea;border-radius:999px;background:#fff;color:#1d4ed8;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 8px 18px #0f172a0d}.lesson-card[data-v-9761ba3a]{display:grid;gap:.75rem}.lesson-heading[data-v-9761ba3a]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lesson-actions[data-v-9761ba3a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.9rem;padding:1rem;background:#f8fafc}.lesson-actions p[data-v-9761ba3a],.lesson-actions strong[data-v-9761ba3a]{margin:0}.examples[data-v-9761ba3a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.example[data-v-9761ba3a]{display:grid;gap:.15rem;border-radius:.9rem;padding:.65rem;background:#f8fafc}.example strong[data-v-9761ba3a]{color:#0f172a;font-size:1.2rem}.example span[data-v-9761ba3a]{color:#2563eb;font-weight:800}.example small[data-v-9761ba3a]{color:#64748b}@media(max-width:700px){.lesson-carousel[data-v-9761ba3a]{grid-template-columns:1fr}.carousel-button[data-v-9761ba3a]{width:100%;height:2.5rem}.lesson-heading[data-v-9761ba3a],.lesson-actions[data-v-9761ba3a]{flex-direction:column}}:root{color:#1f2933;background:#f6f8fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid #d8e0ea;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{color:#0f172a;font-weight:800;text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem}.nav-links a{border-radius:999px;padding:.45rem .8rem;color:#475569;text-decoration:none}.nav-links a.router-link-active{background:#dbeafe;color:#1d4ed8}.app-main{width:min(1120px,100%);margin:0 auto;padding:1rem clamp(.75rem,3vw,2rem) 2rem}.hero{display:grid;gap:.5rem;margin-bottom:1rem}.eyebrow{margin:0;color:#2563eb;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.15}h1,h2,h3{margin:0;color:#0f172a;line-height:1.2}h1{font-size:clamp(2rem,6vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}p{color:#475569}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{border:1px solid #d8e0ea;border-radius:1.25rem;padding:1rem;background:#fff;box-shadow:0 12px 30px #0f172a0f}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.7rem 1rem;font-weight:700;text-decoration:none}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#e2e8f0;color:#0f172a}.muted{color:#64748b}.badge{display:inline-flex;width:fit-content;border-radius:999px;padding:.2rem .55rem;background:#eff6ff;color:#1d4ed8;font-size:.8rem;font-weight:700}.stack{display:grid;gap:1rem}.section{margin-top:2rem}.notice{border-radius:.9rem;padding:.8rem 1rem;background:#fff7ed;color:#9a3412}@media(max-width:700px){.app-header{align-items:flex-start;flex-direction:column}}