לומדה ללימוד פתרון משוואה פשוטה

לומדה ללימוד פתרון משוואה פשוטה לתלמיד מתקשה בכיתה ז. שלב שלב.
את הפרומפט הראשוני הכנסתי לג'מיני מעמיק וביקשתי שישפר לי אותו. את הפרומפט שיצר הכנסתי לקנבס, כך:
צור לי לומדה מהפרומפט הבא:
תפקיד: אתה מפתח Full-Stack מומחה בטכנולוגיות חינוכיות (EdTech), עם התמחות ב-HTML5, CSS3 ו-JavaScript מודרני.
המשימה: צור קובץ HTML יחיד (Single HTML File) המכיל את כל הקוד (HTML, CSS, JS) עבור לומדה אינטראקטיבית ומרתקת בנושא "פתרון משוואות פשוטות עם נעלם אחד".
עיצוב וחווית משתמש:

עיצוב מודרני, צבעוני וידידותי לילדים (SaaS style), רצוי להשתמש ב-Tailwind CSS (דרך CDN) לעיצוב מהיר.
בראש העמוד: ציר התקדמות (Progress Bar) שמתמלא עם כל שלב.
תמיכה מלאה בעברית (RTL).
אנימציית קונפטי (אפשר להשתמש בספריית canvas-confetti דרך CDN) בכל תשובה נכונה.
מבנה הלומדה (Flow):

מסך פתיחה: שדה להזנת שם התלמיד וכפתור "התחל".
תהליך הלימוד (10 שלבים):
הלומדה תעבור דרך 10 שלבים. בכל שלב יש להציג:
הסבר: טקסט קצר וברור שמסביר את הכלל הנוכחי.
ויזואליזציה: ייצוג ויזואלי (אפשר באמצעות HTML/CSS shapes או אימוג'ים) שממחיש את המשוואה (למשל, מאזניים).
כפתור הקראה (אייקון פעמון): בעת לחיצה, יש להשתמש ב-Web Speech API כדי להקריא את השאלה וההסבר בעברית.
שאלה אמריקאית/אינטראקטיבית: שאלה שבודקת הבנה.
התוכן הפדגוגי (יש לחלק את הנושא ל-10 שלבים מדורגים):
שלבים 1-2: זיהוי אגפים (מספרים vs משתנים).
שלבים 3-5: העברת אגפים ושינוי סימן (העיקרון: "עוברים דירה - מחליפים סימן").
שלבים 6-7: כינוס איברים (חיבור/חיסור).
שלבים 8-9: בידוד ה-X (חילוק במקדם).
שלב 10: תרגיל מסכם מלא.
שאלה פתוחה: לאחר שלב 10, הצג תיבת טקסט גדולה ושאל: "מה למדת היום שחדש לך? ואיך הרגשת במהלך התרגול?".
מערכת ניהול נתונים (צד לקוח):

שמור את כל תשובות התלמיד (נכון/לא נכון לכל שלב + הטקסט החופשי) במערך בזיכרון (JS Variables).
כפתור מורה: בתחתית המסך, הוסף כפתור "כניסת מורה".
לחיצה פותחת מודאל (Pop-up) לבקשת סיסמה. הסיסמה היא: 1234.
לאחר הזנת סיסמה נכונה: הצג טבלה מסודרת. כל שלב בשורה נפרדת. צבע רקע ירוק לתשובה נכונה, אדום לשגויה. בתחתית הטבלה הצג את התשובה הפתוחה של התלמיד ואת הציון הסופי (באחוזים).
מסך סיום (לתלמיד):

הצג ציון סופי.
משוב טקסטואלי חיובי ומעצים המותאם לציון.
תעודת הצטיינות דיגיטלית: מסגרת מעוצבת המכילה את שם התלמיד, מדליה (אייקון), וציטוט מתוך התשובה הפתוחה שכתב קודם לכן (לדוגמה: "כל הכבוד ל[שם] שלמד ש...[ציטוט התשובה שלו]").