body{background:#f8f7ff}.lesson-page.svelte-oa5nok{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 92% 8%,#f3e8ff 0,transparent 28%),radial-gradient(circle at 5% 48%,#dbeafe 0,transparent 26%),#f8f7ff;color:#172033}.lesson-page.svelte-oa5nok main:where(.svelte-oa5nok){position:relative;z-index:1;max-width:1120px;margin:auto;padding:1.4rem 1rem 4rem}.lesson-page.svelte-oa5nok nav:where(.svelte-oa5nok){display:flex;align-items:center;gap:.45rem;margin-bottom:1.3rem;color:#9aa4b6;font-size:.8rem;font-weight:800}.lesson-page.svelte-oa5nok nav:where(.svelte-oa5nok) a:where(.svelte-oa5nok){display:flex;align-items:center;gap:.35rem;color:#64748b;text-decoration:none}.lesson-page.svelte-oa5nok nav:where(.svelte-oa5nok) a:where(.svelte-oa5nok):hover{color:#7c3aed}.hero.svelte-oa5nok{display:grid;grid-template-columns:1fr 220px;align-items:center;min-height:210px;padding:2rem 2.5rem;border:1px solid #ede9fe;border-radius:2rem;background:linear-gradient(115deg,#fff,#fbfaff 56%,#f1e9ff);box-shadow:0 18px 45px #4c368217}.eyebrow.svelte-oa5nok{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border-radius:999px;color:#7c3aed;background:#f3e8ff;font-size:.72rem;font-weight:900}.hero.svelte-oa5nok h1:where(.svelte-oa5nok){margin:.7rem 0 .45rem;font-size:clamp(1.85rem,4vw,3.25rem);line-height:1.3;font-weight:900}.hero.svelte-oa5nok h1:where(.svelte-oa5nok) em:where(.svelte-oa5nok){color:#7c3aed;font-style:normal}.hero.svelte-oa5nok p:where(.svelte-oa5nok){margin:0;color:#718096;font-size:1rem;font-weight:700}.hero-letter.svelte-oa5nok{display:grid;place-items:center;width:145px;height:145px;margin:auto;border-radius:38px;color:#fff;background:linear-gradient(145deg,#a78bfa,#7c3aed);font-size:6.5rem;font-weight:900;box-shadow:inset 0 -9px #3c18822e,0 18px 35px #7c3aed40;transform:rotate(-4deg)}.steps.svelte-oa5nok{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.1rem auto 1.4rem;color:#64748b;font-size:.8rem;font-weight:900}.steps.svelte-oa5nok span:where(.svelte-oa5nok){display:flex;align-items:center;gap:.35rem}.steps.svelte-oa5nok b:where(.svelte-oa5nok){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#8b5cf6}.steps.svelte-oa5nok i:where(.svelte-oa5nok){width:58px;height:2px;background:#ddd6fe}.lesson-card.svelte-oa5nok{margin-top:1.1rem;padding:1.45rem;border:1px solid #e8eaf2;border-radius:1.7rem;background:#fffffff0;box-shadow:0 12px 35px #34416412}.section-heading.svelte-oa5nok{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.section-heading.svelte-oa5nok small:where(.svelte-oa5nok){display:block;color:#9aa4b6;font-size:.68rem;font-weight:900}.section-heading.svelte-oa5nok h2:where(.svelte-oa5nok){margin:.15rem 0 0;font-size:1.2rem}.section-icon.svelte-oa5nok{display:grid;place-items:center;width:48px;height:48px;border-radius:15px}.section-icon.purple.svelte-oa5nok{color:#7c3aed;background:#f3e8ff}.section-icon.blue.svelte-oa5nok{color:#0284c7;background:#e0f2fe}.section-icon.coral.svelte-oa5nok{color:#e11d48;background:#ffe4e6}.sound-content.svelte-oa5nok{display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:1rem}.letter-stage.svelte-oa5nok,.word-stage.svelte-oa5nok{min-height:155px;border-radius:1.4rem}.letter-stage.svelte-oa5nok{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6d28d9;background:linear-gradient(145deg,#faf5ff,#ede9fe)}.letter-stage.svelte-oa5nok strong:where(.svelte-oa5nok){font-size:5rem;line-height:1}.letter-stage.svelte-oa5nok span:where(.svelte-oa5nok):not(.mini-star){font-size:1.15rem;font-weight:900}.mini-star.svelte-oa5nok{position:absolute;top:16px;left:18px;color:#f59e0b;font-size:1.4rem}.word-stage.svelte-oa5nok{display:flex;align-items:center;justify-content:center;gap:1rem;background:#fff7ed;border:1px solid #fed7aa}.lion.svelte-oa5nok{font-size:4.4rem}.word-stage.svelte-oa5nok small:where(.svelte-oa5nok),.word-stage.svelte-oa5nok strong:where(.svelte-oa5nok){display:block}.word-stage.svelte-oa5nok small:where(.svelte-oa5nok){color:#c2410c;font-weight:800}.word-stage.svelte-oa5nok strong:where(.svelte-oa5nok){font-size:1.8rem}.listen-actions.svelte-oa5nok{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.primary-button.svelte-oa5nok{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:62px;border:0;border-bottom:5px solid #5b21b6;border-radius:17px;color:#fff;background:#7c3aed;font-weight:900;cursor:pointer}.primary-button.svelte-oa5nok:active{transform:translateY(3px);border-bottom-width:2px}.primary-button.speaking.svelte-oa5nok{animation:svelte-oa5nok-pulse 1s infinite}.small-sound.svelte-oa5nok{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem;border:1px solid #ddd6fe;border-radius:12px;color:#6d28d9;background:#faf5ff;font-weight:900;cursor:pointer}.listen-error.svelte-oa5nok{grid-column:1/3;margin:.1rem 0 0;padding:.55rem .7rem;border-radius:12px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-size:.78rem;font-weight:800;text-align:center}.writing-layout.svelte-oa5nok{display:grid;grid-template-columns:300px 1fr;gap:1.2rem}.stroke-tips.svelte-oa5nok{display:flex;flex-direction:column;gap:.8rem}.stroke-tips.svelte-oa5nok>div:where(.svelte-oa5nok):not(.encourage){display:flex;align-items:center;gap:.75rem;padding:.85rem;border-radius:1rem;background:#f8fafc}.stroke-tips.svelte-oa5nok span:where(.svelte-oa5nok){display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:#fff;background:#0ea5e9;font-weight:900}.stroke-tips.svelte-oa5nok p:where(.svelte-oa5nok),.stroke-tips.svelte-oa5nok strong:where(.svelte-oa5nok){display:block;margin:0}.stroke-tips.svelte-oa5nok strong:where(.svelte-oa5nok){font-size:.82rem}.stroke-tips.svelte-oa5nok p:where(.svelte-oa5nok){color:#94a3b8;font-size:.7rem;font-weight:800;line-height:1.6}.encourage.svelte-oa5nok{margin-top:auto;padding:.8rem;border-radius:1rem;color:#0369a1;background:#e0f2fe;text-align:center;font-size:.78rem;font-weight:900}.drawing-board.svelte-oa5nok{overflow:hidden;border:2px dashed #bae6fd;border-radius:1.4rem;background:#fbfdff;transition:.25s}.drawing-board.complete.svelte-oa5nok{border-color:#86efac;background:#f0fdf4}.drawing-board.retry.svelte-oa5nok{border-color:#fdba74;background:#fffbf5}.retry.svelte-oa5nok .board-top:where(.svelte-oa5nok){color:#c2410c;background:#ffedd5}.board-top.svelte-oa5nok{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:#64748b;background:#f0f9ff;font-size:.75rem;font-weight:900}.complete.svelte-oa5nok .board-top:where(.svelte-oa5nok){color:#15803d;background:#dcfce7}.board-top.svelte-oa5nok button:where(.svelte-oa5nok){display:flex;align-items:center;gap:.3rem;border:0;color:#64748b;background:transparent;font-size:.72rem;font-weight:900;cursor:pointer}.drawing-board.svelte-oa5nok svg:where(.svelte-oa5nok){display:block;width:100%;height:340px;touch-action:none;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.baseline.svelte-oa5nok{stroke:#dbeafe;stroke-width:3;stroke-dasharray:9 9}.ghost-letter.svelte-oa5nok{fill:#eef2ff;font-family:Arial,sans-serif;font-size:260px;font-weight:700}.guide-path.svelte-oa5nok{fill:none;stroke:#c4b5fd;stroke-width:14;stroke-linecap:round;stroke-dasharray:2 22}.start-dot.svelte-oa5nok{fill:#7c3aed}.start-dot.two.svelte-oa5nok{fill:#f97316}.number.svelte-oa5nok{fill:#fff;font-size:14px;font-weight:900;text-anchor:middle}.child-stroke.svelte-oa5nok{fill:none;stroke:#2563eb;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}.drawing-board.svelte-oa5nok>p:where(.svelte-oa5nok){display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.2rem 0 .8rem;color:#94a3b8;font-size:.7rem;font-weight:800}.mode-badge.svelte-oa5nok{margin-inline-start:auto;padding:.38rem .65rem;border-radius:999px;color:#6d28d9;background:#f3e8ff;font-size:.68rem;font-weight:900}.speech-content.svelte-oa5nok{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:1.2rem;padding:1rem;border-radius:1.4rem;background:linear-gradient(120deg,#fff1f2,#fff)}.mic-button.svelte-oa5nok{display:flex;flex-direction:column;align-items:center;gap:.7rem;border:0;color:#be123c;background:transparent;font-size:.8rem;font-weight:900;cursor:pointer}.mic-button.svelte-oa5nok>span:where(.svelte-oa5nok){display:grid;place-items:center;width:94px;height:94px;border:8px solid #ffe4e6;border-radius:50%;color:#fff;background:linear-gradient(145deg,#fb7185,#e11d48);box-shadow:0 12px 24px #e11d483b}.mic-button.listening.svelte-oa5nok>span:where(.svelte-oa5nok){animation:svelte-oa5nok-micPulse 1.15s infinite}.speech-feedback.svelte-oa5nok{display:flex;align-items:center;gap:.8rem;min-height:78px;padding:1rem 1.2rem;border:1px solid #e2e8f0;border-radius:1rem;color:#64748b;background:#fff}.speech-feedback.svelte-oa5nok p:where(.svelte-oa5nok){margin:0;font-weight:800;line-height:1.7}.speech-feedback.success.svelte-oa5nok{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.speech-feedback.retry.svelte-oa5nok{color:#c2410c;border-color:#fed7aa;background:#fff7ed}.lesson-finish.svelte-oa5nok{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.2rem;padding:1rem;border-radius:1.3rem;color:#854d0e;background:#fefce8;border:1px solid #fef08a}.lesson-finish.svelte-oa5nok>span:where(.svelte-oa5nok){font-size:2rem}.lesson-finish.svelte-oa5nok strong:where(.svelte-oa5nok),.lesson-finish.svelte-oa5nok p:where(.svelte-oa5nok){display:block;margin:0}.lesson-finish.svelte-oa5nok strong:where(.svelte-oa5nok){font-size:.9rem}.lesson-finish.svelte-oa5nok p:where(.svelte-oa5nok){margin-top:.18rem;color:#a16207;font-size:.72rem;font-weight:700}.bubble.svelte-oa5nok{position:absolute;border-radius:50%;opacity:.28}.bubble-one.svelte-oa5nok{width:260px;height:260px;right:-150px;top:420px;background:#d8b4fe}.bubble-two.svelte-oa5nok{width:220px;height:220px;left:-130px;top:780px;background:#7dd3fc}@keyframes svelte-oa5nok-pulse{50%{filter:brightness(1.15)}}@keyframes svelte-oa5nok-micPulse{50%{box-shadow:0 0 0 16px #fb718529,0 12px 24px #e11d483b}}@media(max-width:820px){.hero.svelte-oa5nok{grid-template-columns:1fr 120px;padding:1.4rem}.hero-letter.svelte-oa5nok{width:105px;height:105px;border-radius:28px;font-size:4.7rem}.sound-content.svelte-oa5nok{grid-template-columns:1fr 1fr}.listen-actions.svelte-oa5nok{grid-column:1/3}.writing-layout.svelte-oa5nok{grid-template-columns:1fr}.stroke-tips.svelte-oa5nok{display:grid;grid-template-columns:1fr 1fr}.encourage.svelte-oa5nok{grid-column:1/3}.speech-content.svelte-oa5nok{grid-template-columns:1fr}.mode-badge.svelte-oa5nok{display:none}}@media(max-width:540px){.lesson-page.svelte-oa5nok main:where(.svelte-oa5nok){padding-inline:.7rem}.hero.svelte-oa5nok{grid-template-columns:1fr;text-align:center}.hero-letter.svelte-oa5nok{margin-top:1rem}.steps.svelte-oa5nok{gap:.3rem}.steps.svelte-oa5nok i:where(.svelte-oa5nok){width:18px}.steps.svelte-oa5nok span:where(.svelte-oa5nok){font-size:.68rem}.lesson-card.svelte-oa5nok{padding:1rem}.sound-content.svelte-oa5nok{grid-template-columns:1fr}.letter-stage.svelte-oa5nok,.word-stage.svelte-oa5nok,.listen-actions.svelte-oa5nok{grid-column:1}.writing-layout.svelte-oa5nok{display:block}.stroke-tips.svelte-oa5nok{display:flex;margin-bottom:1rem}.drawing-board.svelte-oa5nok svg:where(.svelte-oa5nok){height:300px}.speech-content.svelte-oa5nok{padding:.7rem}.section-heading.svelte-oa5nok h2:where(.svelte-oa5nok){font-size:1rem}}