.lesson.svelte-mpcf4v{padding:2rem 1rem 4rem;max-width:750px;margin:0 auto}.not-found.svelte-mpcf4v{text-align:center;padding:4rem 1rem}.not-found.svelte-mpcf4v h1:where(.svelte-mpcf4v){font-size:1.5rem;margin-bottom:1rem}.back-link.svelte-mpcf4v{color:var(--accent)}.lesson-nav.svelte-mpcf4v{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem}.nav-back.svelte-mpcf4v,.nav-progress.svelte-mpcf4v{color:var(--text-muted);text-decoration:none}.nav-back.svelte-mpcf4v:hover,.nav-progress.svelte-mpcf4v:hover{color:var(--text)}.nav-pos.svelte-mpcf4v{color:var(--text-dim)}.progress-bar.svelte-mpcf4v{width:100%;height:4px;border-radius:2px;margin-bottom:1.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border)}.progress-bar.svelte-mpcf4v::-webkit-progress-value{background:var(--accent);border-radius:2px}.progress-bar.svelte-mpcf4v::-moz-progress-bar{background:var(--accent);border-radius:2px}.lesson-content.svelte-mpcf4v{margin-bottom:2rem}.lesson-content.svelte-mpcf4v h1:where(.svelte-mpcf4v){font-size:1.5rem;margin-bottom:1.25rem}.hook.svelte-mpcf4v{background:#7c5cfc14;border-left:3px solid var(--accent);padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin-bottom:1.25rem}.hook.svelte-mpcf4v p:where(.svelte-mpcf4v){font-size:.95rem;color:var(--text);line-height:1.55}.explanation.svelte-mpcf4v{margin-bottom:1.5rem}.explanation.svelte-mpcf4v p:where(.svelte-mpcf4v){font-size:.9375rem;color:var(--text-muted);line-height:1.65}.examples.svelte-mpcf4v{margin-bottom:1.5rem}.examples.svelte-mpcf4v h2:where(.svelte-mpcf4v),.practice.svelte-mpcf4v h2:where(.svelte-mpcf4v){font-size:1rem;margin-bottom:.75rem}.example.svelte-mpcf4v{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem}.example.svelte-mpcf4v h3:where(.svelte-mpcf4v){font-size:.875rem;margin-bottom:.35rem}.example.svelte-mpcf4v p:where(.svelte-mpcf4v){font-size:.8375rem;color:var(--text-muted);line-height:1.5}.practice.svelte-mpcf4v{margin-bottom:1.5rem}.practice-task.svelte-mpcf4v{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem}.practice-task.svelte-mpcf4v p:where(.svelte-mpcf4v){font-size:.9rem;color:var(--text);line-height:1.5}.chat-box.svelte-mpcf4v{margin-bottom:2rem;border:1px solid var(--border);border-radius:14px;padding:1.25rem}.chat-box.svelte-mpcf4v h2:where(.svelte-mpcf4v){font-size:1rem;margin-bottom:1rem}.chat-history.svelte-mpcf4v{max-height:400px;overflow-y:auto;margin-bottom:1rem;padding:.5rem}.msg.svelte-mpcf4v{font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding:.6rem .75rem;border-radius:8px}.msg-user.svelte-mpcf4v{background:#7c5cfc14}.msg-assistant.svelte-mpcf4v{background:var(--surface)}.msg.svelte-mpcf4v .role:where(.svelte-mpcf4v){font-weight:600;color:var(--accent);margin-right:.5rem;text-transform:capitalize}.msg.svelte-mpcf4v .content:where(.svelte-mpcf4v){color:var(--text);white-space:pre-wrap}.chat-error.svelte-mpcf4v{color:#ff4060;font-size:.85rem;margin-bottom:.75rem;padding:.5rem;background:#ff406014;border-radius:8px}.chat-input.svelte-mpcf4v{display:flex;gap:.5rem}.chat-input.svelte-mpcf4v input:where(.svelte-mpcf4v){flex:1;padding:.65rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;outline:none}.chat-input.svelte-mpcf4v input:where(.svelte-mpcf4v):focus{border-color:var(--accent)}.chat-input.svelte-mpcf4v button:where(.svelte-mpcf4v){padding:.65rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.chat-input.svelte-mpcf4v button:where(.svelte-mpcf4v):disabled{opacity:.5}.lesson-actions.svelte-mpcf4v{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.rate-prompt.svelte-mpcf4v{text-align:center;margin-bottom:1.5rem}.rate-label.svelte-mpcf4v{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.stars.svelte-mpcf4v{display:flex;gap:.25rem;justify-content:center}.star.svelte-mpcf4v{background:none;border:none;font-size:2rem;color:var(--border);cursor:pointer;padding:.1rem}.star.active.svelte-mpcf4v,.star.svelte-mpcf4v:hover{color:#ffa940}.rate-thanks.svelte-mpcf4v{color:#40c057;font-size:.85rem;margin-top:.5rem}.action-btn.svelte-mpcf4v{padding:.7rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;min-height:44px}.action-btn.primary.svelte-mpcf4v{background:var(--accent);color:#fff;border:none}.action-btn.secondary.svelte-mpcf4v{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.action-btn.svelte-mpcf4v:disabled{opacity:.5}.course-complete.svelte-mpcf4v{text-align:center;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:14px}.course-complete.svelte-mpcf4v h2:where(.svelte-mpcf4v){font-size:1.5rem;margin-bottom:.5rem}.course-complete.svelte-mpcf4v p:where(.svelte-mpcf4v){color:var(--text-muted);margin-bottom:1.25rem}@media(max-width:480px){.lesson-nav.svelte-mpcf4v{flex-direction:column;gap:.35rem;align-items:flex-start}}
