<!DOCTYPE html>਀㰀栀琀洀氀 氀愀渀最㴀∀栀椀∀㸀 
<head>਀    㰀洀攀琀愀 挀栀愀爀猀攀琀㴀∀唀吀䘀ⴀ㠀∀㸀 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">਀    㰀琀椀琀氀攀㸀唀倀 吀䔀吀 ⨀䜉⨉〉ⴉ㄀ 簀 Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ 簀 ☀䠉⠉㼉ᔉ Ԁⴉ䴉⼉㸉㠉 ᰀ⠉〉䜉Ἁ〉㰉⼀琀椀琀氀攀㸀 
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%232b5e3b'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='white' font-weight='bold'%3EC%3C/text%3E%3C/svg%3E" rel="icon">਀    㰀猀挀爀椀瀀琀 猀爀挀㴀∀栀琀琀瀀猀㨀⼀⼀挀搀渀樀猀⸀挀氀漀甀搀昀氀愀爀攀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀樀猀瀀搀昀⼀㈀⸀㔀⸀㄀⼀樀猀瀀搀昀⸀甀洀搀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>਀    㰀氀椀渀欀 爀攀氀㴀∀猀琀礀氀攀猀栀攀攀琀∀ 栀爀攀昀㴀∀栀琀琀瀀猀㨀⼀⼀挀搀渀樀猀⸀挀氀漀甀搀昀氀愀爀攀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀昀漀渀琀ⴀ愀眀攀猀漀洀攀⼀㘀⸀㐀⸀　⼀挀猀猀⼀愀氀氀⸀洀椀渀⸀挀猀猀∀㸀 
    <style>਀        㨀爀漀漀琀 笀 
            --primary: #2b5e3b;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀㄀攀㌀愀㈀昀㬀 
            --secondary: #38a169;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀攀㔀㌀攀㌀攀㬀 
            --success: #38a169;਀            ⴀⴀ氀椀最栀琀㨀 ⌀昀　昀昀昀㐀㬀 
            --dark: #1a202c;਀            ⴀⴀ最爀愀礀㨀 ⌀㐀愀㔀㔀㘀㠀㬀 
            --border-radius: 12px;਀            ⴀⴀ戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㄀　瀀砀 ㈀㔀瀀砀 ⴀ㔀瀀砀 爀最戀愀⠀　Ⰰ　Ⰰ　Ⰰ　⸀㄀⤀㬀 
            --transition: all 0.3s ease;਀        紀 
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif; }਀        戀漀搀礀 笀 戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀攀㤀昀㔀攀挀 　─Ⰰ ⌀挀㘀攀　搀㈀ ㄀　　─⤀㬀 洀椀渀ⴀ栀攀椀最栀琀㨀 ㄀　　瘀栀㬀 搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ搀愀爀欀⤀㬀 氀椀渀攀ⴀ栀攀椀最栀琀㨀 ㄀⸀㔀㬀 紀 
        .container { width: 100%; max-width: 1100px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.4s ease-out; }਀        䀀欀攀礀昀爀愀洀攀猀 昀愀搀攀䤀渀 笀 昀爀漀洀 笀 漀瀀愀挀椀琀礀㨀 　㬀 琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀㈀　瀀砀⤀㬀 紀 琀漀 笀 漀瀀愀挀椀琀礀㨀 ㄀㬀 琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀　⤀㬀 紀 紀 
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 28px 20px; text-align: center; position: relative; }਀        ⸀栀攀愀搀攀爀㨀㨀戀攀昀漀爀攀 笀 挀漀渀琀攀渀琀㨀 ✀㴀�⟜㬀 瀀漀猀椀琀椀漀渀㨀 愀戀猀漀氀甀琀攀㬀 戀漀琀琀漀洀㨀 ㄀　瀀砀㬀 爀椀最栀琀㨀 ㈀　瀀砀㬀 昀漀渀琀ⴀ猀椀稀攀㨀 㜀　瀀砀㬀 漀瀀愀挀椀琀礀㨀 　⸀㄀㬀 紀 
        .header h1 { font-size: 1.9rem; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.5px; }਀        ⸀栀攀愀搀攀爀 瀀 笀 昀漀渀琀ⴀ猀椀稀攀㨀 ㄀爀攀洀㬀 漀瀀愀挀椀琀礀㨀 　⸀㤀㬀 紀 
        .content-area { padding: 28px; }਀        ⸀栀椀搀搀攀渀 笀 搀椀猀瀀氀愀礀㨀 渀漀渀攀 ℀椀洀瀀漀爀琀愀渀琀㬀 紀 
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.05); margin: 8px 5px; font-size: 0.95rem; }਀        ⸀戀琀渀ⴀ瀀爀椀洀愀爀礀 笀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 挀漀氀漀爀㨀 眀栀椀琀攀㬀 紀 
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px -5px var(--primary); }਀        ⸀戀琀渀ⴀ猀甀挀挀攀猀猀 笀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀甀挀挀攀猀猀⤀㬀 挀漀氀漀爀㨀 眀栀椀琀攀㬀 紀 
        .btn-success:hover { background: #2c7a4a; transform: translateY(-2px); }਀        ⸀戀琀渀ⴀ搀愀渀最攀爀 笀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ搀愀渀最攀爀⤀㬀 挀漀氀漀爀㨀 眀栀椀琀攀㬀 紀 
        .btn-danger:hover { background: #c53030; transform: translateY(-2px); }਀        ⸀戀琀渀ⴀ氀攀瘀攀氀 笀 戀愀挀欀最爀漀甀渀搀㨀 眀栀椀琀攀㬀 挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ搀愀爀欀⤀㬀 戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 ⌀挀戀搀㔀攀　㬀 昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㄀爀攀洀㬀 瀀愀搀搀椀渀最㨀 ㄀㐀瀀砀 ㈀㠀瀀砀㬀 眀椀搀琀栀㨀 ㄀㤀　瀀砀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㈀猀㬀 紀 
        .btn-level:hover { transform: translateY(-4px); background: #f7fafc; border-color: var(--primary); }਀        ⸀戀琀渀ⴀ氀攀瘀攀氀⸀猀攀氀攀挀琀攀搀 笀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 挀漀氀漀爀㨀 眀栀椀琀攀㬀 戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 戀漀砀ⴀ猀栀愀搀漀眀㨀 　 㠀瀀砀 ㄀㘀瀀砀 ⴀ㐀瀀砀 爀最戀愀⠀㐀㌀Ⰰ㤀㐀Ⰰ㔀㤀Ⰰ　⸀㐀⤀㬀 紀 
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 20px 0; }਀        ⸀氀攀瘀攀氀ⴀ戀甀琀琀漀渀猀 笀 搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 最愀瀀㨀 ㈀㔀瀀砀㬀 洀愀爀最椀渀㨀 ㌀　瀀砀 　㬀 昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 紀 
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.7rem; position: relative; padding-bottom: 12px; font-weight: 600; }਀        ⸀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀㨀㨀愀昀琀攀爀 笀 挀漀渀琀攀渀琀㨀 ✀✀㬀 瀀漀猀椀琀椀漀渀㨀 愀戀猀漀氀甀琀攀㬀 戀漀琀琀漀洀㨀 　㬀 氀攀昀琀㨀 㔀　─㬀 琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀堀⠀ⴀ㔀　─⤀㬀 眀椀搀琀栀㨀 㠀　瀀砀㬀 栀攀椀最栀琀㨀 㐀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀攀挀漀渀搀愀爀礀⤀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㐀瀀砀㬀 紀 
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 520px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fafef7; }਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 笀 搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 戀愀挀欀最爀漀甀渀搀㨀 眀栀椀琀攀㬀 瀀愀搀搀椀渀最㨀 㠀瀀砀 ㄀㈀瀀砀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㐀　瀀砀㬀 琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㈀猀㬀 戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀攀㤀攀挀攀昀㬀 紀 
        .checkbox-item:hover { background: #e6f7ec; transform: translateX(3px); }਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 椀渀瀀甀琀 笀 洀愀爀最椀渀ⴀ爀椀最栀琀㨀 ㄀㈀瀀砀㬀 眀椀搀琀栀㨀 ㄀㠀瀀砀㬀 栀攀椀最栀琀㨀 ㄀㠀瀀砀㬀 挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 愀挀挀攀渀琀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 紀 
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }਀        ⸀焀甀攀猀琀椀漀渀 笀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀㔀瀀砀㬀 瀀愀最攀ⴀ戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 戀愀挀欀最爀漀甀渀搀㨀 ⌀昀昀昀昀昀昀㬀 瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㄀㘀瀀砀㬀 戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㄀瀀砀 ㈀瀀砀 爀最戀愀⠀　Ⰰ　Ⰰ　Ⰰ　⸀　㔀⤀㬀 戀漀爀搀攀爀ⴀ氀攀昀琀㨀 㐀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ猀攀挀漀渀搀愀爀礀⤀㬀 紀 
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }਀        ⸀漀瀀琀椀漀渀 笀 洀愀爀最椀渀ⴀ氀攀昀琀㨀 ㈀㐀瀀砀㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㘀瀀砀㬀 挀漀氀漀爀㨀 ⌀㐀愀㔀㔀㘀㠀㬀 紀 
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }਀        ⸀愀渀猀眀攀爀ⴀ猀栀攀攀琀 笀 洀愀爀最椀渀ⴀ琀漀瀀㨀 㐀　瀀砀㬀 瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 ⌀昀　昀愀昀㐀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 紀 
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }਀        ⸀愀渀猀眀攀爀ⴀ琀愀戀氀攀 琀栀Ⰰ ⸀愀渀猀眀攀爀ⴀ琀愀戀氀攀 琀搀 笀 戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀挀戀搀㔀攀　㬀 瀀愀搀搀椀渀最㨀 ㄀　瀀砀㬀 琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 紀 
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }਀        ⸀猀琀爀攀愀欀ⴀ挀漀渀琀愀椀渀攀爀 笀 搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 最愀瀀㨀 ㈀　瀀砀㬀 昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 紀 
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }਀        ⸀搀愀琀攀ⴀ搀椀猀瀀氀愀礀 笀 昀漀渀琀ⴀ猀椀稀攀㨀 ㄀爀攀洀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 戀愀挀欀最爀漀甀渀搀㨀 ⌀攀㈀攀㠀昀　㬀 瀀愀搀搀椀渀最㨀 㠀瀀砀 ㄀㠀瀀砀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㐀　瀀砀㬀 挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀⤀㬀 紀 
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }਀        ⸀瀀爀漀最爀攀猀猀ⴀ戀愀爀 笀 栀攀椀最栀琀㨀 ㄀㈀瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 ⌀挀戀搀㔀攀　㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀　瀀砀㬀 漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀㈀瀀砀㬀 紀 
        .progress-fill { height: 100%; background: var(--success); border-radius: 20px; transition: width 0.5s ease; }਀        ⸀瀀爀漀戀氀攀洀ⴀ漀昀ⴀ搀愀礀 笀 戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㄀㔀搀攀最Ⰰ ⌀昀昀昀㘀攀㔀Ⰰ ⌀昀昀攀搀搀㔀⤀㬀 戀漀爀搀攀爀ⴀ氀攀昀琀㨀 㔀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ搀愀渀最攀爀⤀㬀 瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀㐀瀀砀㬀 紀 
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }਀        ⸀猀甀洀洀愀爀礀ⴀ挀愀爀搀 笀 昀氀攀砀㨀 ㄀㬀 洀椀渀ⴀ眀椀搀琀栀㨀 ㄀㄀　瀀砀㬀 戀愀挀欀最爀漀甀渀搀㨀 眀栀椀琀攀㬀 瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀　瀀砀㬀 戀漀砀ⴀ猀栀愀搀漀眀㨀 　 㠀瀀砀 ㈀　瀀砀 爀最戀愀⠀　Ⰰ　Ⰰ　Ⰰ　⸀　㔀⤀㬀 琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀攀㈀攀㠀昀　㬀 紀 
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }਀        ⸀栀漀洀攀ⴀ椀挀漀渀㨀栀漀瘀攀爀 笀 琀爀愀渀猀昀漀爀洀㨀 猀挀愀氀攀⠀㄀⸀　㠀⤀㬀 戀愀挀欀最爀漀甀渀搀㨀 爀最戀愀⠀　Ⰰ　Ⰰ　Ⰰ　⸀㐀⤀㬀 紀 
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f7fafc; border-radius: 24px; border: 1px solid #e2e8f0; }਀        䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㘀㠀　瀀砀⤀ 笀 ⸀栀攀愀搀攀爀 栀㄀ 笀 昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㌀爀攀洀㬀 紀 ⸀戀琀渀ⴀ氀攀瘀攀氀 笀 眀椀搀琀栀㨀 ㄀㐀　瀀砀㬀 昀漀渀琀ⴀ猀椀稀攀㨀 　⸀㤀爀攀洀㬀 瀀愀搀搀椀渀最㨀 ㄀㈀瀀砀 ㄀㘀瀀砀㬀 紀 ⸀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀 笀 最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 ㄀昀爀㬀 紀 紀 
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .home-icon { display: none; } .question { break-inside: avoid; } }਀        ⸀琀漀瀀椀挀ⴀ戀愀搀最攀 笀 戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀攀挀漀渀搀愀爀礀⤀㬀 挀漀氀漀爀㨀 眀栀椀琀攀㬀 昀漀渀琀ⴀ猀椀稀攀㨀 　⸀㜀爀攀洀㬀 戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀　瀀砀㬀 瀀愀搀搀椀渀最㨀 ㈀瀀砀 ㄀　瀀砀㬀 搀椀猀瀀氀愀礀㨀 椀渀氀椀渀攀ⴀ戀氀漀挀欀㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㠀瀀砀㬀 紀 
    </style>਀㰀⼀栀攀愀搀㸀 
<body>਀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀愀椀渀攀爀∀ 椀搀㴀∀猀琀愀爀琀䌀漀渀琀愀椀渀攀爀∀㸀 
    <div class="header">਀        㰀愀 栀爀攀昀㴀∀甀瀀ⴀ琀攀琀ⴀ攀砀愀洀ⴀ瀀愀瀀攀爀㄀ⴀ搀愀椀氀礀ⴀ瀀爀愀挀琀椀挀攀ⴀ瀀爀漀戀氀攀洀ⴀ最攀渀攀爀愀琀漀爀⸀栀琀洀氀∀ 挀氀愀猀猀㴀∀栀漀洀攀ⴀ椀挀漀渀∀ 㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀栀愀氀欀戀漀愀爀搀ⴀ甀猀攀爀∀㸀㰀⼀椀㸀㰀⼀愀㸀 
        <h1><i class="fas fa-child"></i> UP TET पेपर-1</h1>਀        㰀瀀㸀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ 簀 ☀䠉⠉㼉ᔉ Ԁⴉ䴉⼉㸉㠉 㠀⸉㠉䴉⼉㸉 ᰀ⠉〉䜉Ἁ〉 ⠀㤀㼉ȉ☉䀉 ⸀䜉ȉ⤉㰀⼀瀀㸀 
    </div>਀    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀 
        <div id="startScreen">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㴀훘⃜Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉㸉㘉㸉㠉䴉␉䴉〉㰉⼀栀㈀㸀 
            <div class="streak-container">਀                㰀搀椀瘀 挀氀愀猀猀㴀∀猀琀爀攀愀欀ⴀ挀漀甀渀琀攀爀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ昀椀爀攀∀㸀㰀⼀椀㸀 ㈀ᜉ㸉␉㸉〉㨉 㰀猀瀀愀渀 椀搀㴀∀猀琀爀攀愀欀䐀愀礀猀∀㸀　㰀⼀猀瀀愀渀㸀 ☀㼉⠉㰉⼀搀椀瘀㸀 
                <div class="date-display" id="currentDate"></div>਀            㰀⼀搀椀瘀㸀 
            <div class="progress-container">਀                㰀栀㌀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀栀愀爀琀ⴀ氀椀渀攀∀㸀㰀⼀椀㸀 ؀⨉ᔉ䀉 ⨀䴉〉ᜉ␉㼉㰉⼀栀㌀㸀 
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>਀                㰀瀀 椀搀㴀∀瀀爀漀最爀攀猀猀吀攀砀琀∀ 猀琀礀氀攀㴀∀洀愀爀最椀渀ⴀ琀漀瀀㨀 㠀瀀砀㬀∀㸀　─ ⨀䈉〉䴉⌉㰉⼀瀀㸀 
            </div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> दिन की समस्या</button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀挀甀猀琀漀洀倀爀愀挀琀椀挀攀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ瀀攀渀ⴀ爀甀氀攀爀∀㸀㰀⼀椀㸀 ᔀ㠉䴉Ἁ⸉ Ԁⴉ䴉⼉㸉㠉㰉⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
        <div id="subjectSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㰀꿘⃟㔀㼉㜉⼉ ᨀ⼉⠉㰉⼀栀㈀㸀 
            <div class="btn-group"><button class="btn btn-primary" id="selectCDPBtn"><i class="fas fa-brain"></i> बाल विकास एवं शिक्षण विधियाँ</button></div>਀        㰀⼀搀椀瘀㸀 
        <div id="topicSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㴀�⃜Ԁ✉䴉⼉㸉⼉䬉ȉ ᔀ㸉 ᨀ⼉⠉ ᔀ〉䜉ȉ ⠀㐀㈀ Ԁ✉䴉⼉㸉⼉⤉㰀⼀栀㈀㸀 
            <form id="topicForm">਀                㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀∀ 椀搀㴀∀琀漀瀀椀挀猀䌀漀渀琀愀椀渀攀爀∀㸀㰀⼀搀椀瘀㸀 
            </form>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> प्रारंभ पर वापस</button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀漀最猀∀㸀㰀⼀椀㸀 Ԁⴉ䴉⼉㸉㠉 ⨀䴉〉㘉䴉⠉ ᰀ䜉⠉〉䜉Ἁ ᔀ〉䜉ȉ㰉⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
        <div id="levelSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀ꄀ…ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ㰉⼀栀㈀㸀 
            <p class="text-center" style="text-align:center; margin-bottom:10px;">अपने TET स्तर के अनुसार चुनें:</p>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀氀攀瘀攀氀ⴀ戀甀琀琀漀渀猀∀㸀 
                <button class="btn btn-level" id="level1Btn">स्तर 1 <br><small>बेसिक / TET आधार</small></button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ氀攀瘀攀氀∀ 椀搀㴀∀氀攀瘀攀氀㈀䈀琀渀∀㸀㠀䴉␉〉 ㈀ 㰀戀爀㸀㰀猀洀愀氀氀㸀⸀✉䴉⼉⸉ ⠀唀倀 吀䔀吀 ⸀㸉⠉ᔉ⤉㰀⼀猀洀愀氀氀㸀㰀⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-level" id="level3Btn">स्तर 3 <br><small>उन्नत (पर्याप्त विश्लेषणात्मक)</small></button>਀            㰀⼀搀椀瘀㸀 
            <div class="btn-group">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀戀愀挀欀吀漀吀漀瀀椀挀猀䈀琀渀∀㸀㔀㼉㜉⼉䬉ȉ ⨀〉 㔀㸉⨉㠉㰉⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-success" id="generateFinalBtn">अभ्यास प्रश्न जेनरेट करें</button>਀            㰀⼀搀椀瘀㸀 
        </div>਀    㰀⼀搀椀瘀㸀 
</div>਀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀愀椀渀攀爀 栀椀搀搀攀渀∀ 椀搀㴀∀最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀∀㸀㰀⼀搀椀瘀㸀 
਀㰀猀挀爀椀瀀琀㸀 
    const { jsPDF } = window.jspdf;਀    挀漀渀猀琀 猀琀愀爀琀䌀漀渀琀愀椀渀攀爀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀琀愀爀琀䌀漀渀琀愀椀渀攀爀✀⤀㬀 
    const startScreen = document.getElementById('startScreen');਀    挀漀渀猀琀 猀甀戀樀攀挀琀匀攀氀攀挀琀椀漀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀甀戀樀攀挀琀匀攀氀攀挀琀椀漀渀✀⤀㬀 
    const topicSelection = document.getElementById('topicSelection');਀    挀漀渀猀琀 氀攀瘀攀氀匀攀氀攀挀琀椀漀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀✀⤀㬀 
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');਀     
    // ============ 42 अध्याय (परिशुद्ध रूप से निर्दिष्ट) ============਀    挀漀渀猀琀 挀栀愀瀀琀攀爀猀䰀椀猀琀 㴀 嬀 
        "बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ", "शिक्षा एवं मनोविज्ञान", "शिक्षा मनोविज्ञान",਀        ∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ᔀ䜉 ؀✉㸉〉 ༀ㔉ȉ ऀ⠉ᔉ䬉 ⨀䴉〉ⴉ㸉㔉㼉␉ ᔀ〉⠉䜉 㔀㸉㈉䜉 ᔀ㸉〉ᔉ∉Ⰰ ∀㔀䌉☉䴉✉㼉 ༀ㔉ȉ 㔀㼉ᔉ㸉㠉∉Ⰰ ∀㔀㼉ᔉ㸉㠉 ᔀ䀉 Ԁ㔉㠉䴉┉㸉༉ȉ∉Ⰰ 
        "वंशानुक्रम एवं वातावरण", "सामाजीकरण", "समाज निर्माण में लैंगिक मुद्दे", "नैतिक एवं सामाजिक विकास",਀        ∀㠀ȉᰉ䴉ḉ㸉⠉㸉␉䴉⸉ᔉ 㔀㼉ᔉ㸉㠉∉Ⰰ ∀㠀ȉ㔉䜉ᜉ㸉␉䴉⸉ᔉ 㔀㼉ᔉ㸉㠉∉Ⰰ ∀Ⰰ䄉☉䴉✉㼉 Ԁ㔉✉㸉〉⌉㸉 ༀ㔉ȉ 㠀㼉☉䴉✉㸉ȉ␉∉Ⰰ ∀Ⰰ䄉☉䴉✉㼉 ⸀㸉⨉⠉ ༀ㔉ȉ ⨀〉䀉ᔉ䴉㜉⌉∉Ⰰ 
        "भाषा और विचार", "बाल केंद्रित एवं प्रगतिशील शिक्षण", "व्यक्तित्व अवधारणा एवं सिद्धांत", "व्यक्तित्व मापन एवं परीक्षण",਀        ∀㔀䠉⼉ᔉ䴉␉㼉ᔉ 㔀㼉ⴉ㼉⠉䴉⠉␉㸉∉Ⰰ ∀ᨀ㼉ȉ␉⠉Ⰹ ␀〉䴉ᔉⰉ ᔀ㈉䴉⨉⠉㸉∉Ⰰ ∀㠀⸉㠉䴉⼉㸉 㠀⸉㸉✉㸉⠉∉Ⰰ ∀㠀䌉ᰉ⠉㸉␉䴉⸉ᔉ␉㸉∉Ⰰ ∀㘀䠉ᔉ䴉㜉㼉ᔉ ⸀㸉⨉⠉ ༀ㔉ȉ ⸀䈉㈉䴉⼉㸉ȉᔉ⠉∉Ⰰ 
        "उपलब्धि परीक्षण एवं प्रश्न पत्र निर्माण", "अधिगम: अवधारणा एवं प्रक्रिया", "अधिगम: नियम एवं सिद्धांत",਀        ∀㘀㼉ᔉ䴉㜉⌉ ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㸉༉ȉ∉Ⰰ ∀㠀⸉㸉㔉䜉㘉䀉 㘀㼉ᔉ䴉㜉㸉∉Ⰰ ∀㔀㼉㘉㼉㜉䴉Ἁ ؀㔉㘉䴉⼉ᔉ␉㸉 㔀㸉㈉䜉 Ⰰ㸉㈉ᔉ∉Ⰰ ∀Ⰰ㸉㈉ᔉ ⼀ Ⰰᨉ䴉ᨉ䜉 ᔀ䠉㠉䜉 㠀䬉ᨉ␉䜉 ༀ㔉ȉ 㠀䀉ᘉ␉䜉 㤀䠉ȉ㼉∀Ⰰ 
        "अधिगम की वैकल्पिक अवधारणाएं", "शिक्षण : अर्थ, उद्देश्य, सूत्र एवं सिद्धान्त", "शिक्षण की प्रविधियाँ एवं नवीन विधाएँ",਀        ∀㘀㼉ᔉ䴉㜉⌉ ༀ㔉ȉ Ԁ✉㼉ᜉ⸉ ᔀ䀉 ⸀䈉㈉ⴉ䈉␉ ⨀䴉〉ᔉ䴉〉㼉⼉㸉༉ĉ∉Ⰰ ∀㘀䠉ᔉ䴉㜉㼉ᔉ 㠀⸉㸉㔉䜉㘉⠉∉Ⰰ ∀㠀⸉㸉㔉䜉㘉⠉ 㨀 ऀ⨉ᔉ〉⌉Ⰹ ␀ᔉ⠉䀉ᔉ ༀ㔉ȉ 㔀㼉✉㼉⼉㸉ĉ∉Ⰰ 
        "परामर्श में सहयोग देने वाले विभाग/संस्थान", "शैक्षिक निर्देशन एवं परामर्श", "एक समस्या-समाधानकर्ता और वैज्ञानिक अन्वेषक के रूप में बालक",਀        ∀Ⰰ㸉㈉ᔉ䬉ȉ ⸀䜉ȉ 㔀䠉ᔉ㈉䴉⨉㼉ᔉ 㠀ȉᔉ㈉䴉⨉⠉㸉∉Ⰰ ∀Ⰰ䬉✉ ༀ㔉ȉ 㠀ȉ㔉䜉☉⠉㸉༉ĉ∉Ⰰ ∀Ԁⴉ㼉⨉䴉〉䜉〉⌉㸉 ⠀⨀䴉〉䜉〉⌉㸉⤉ ༀ㔉ȉ Ԁ✉㼉ᜉ⸉∉ 
    ];਀     
    // =============== अध्यायवार प्रश्न संरचना (समृद्ध डेटाबेस) ===============਀    挀漀渀猀琀 焀甀攀猀琀椀漀渀猀 㴀 笀紀㬀 
    ਀    ⼀⼀ ⨀䴉〉␉䴉⼉䜉ᔉ Ԁ✉䴉⼉㸉⼉ ᔀ䜉 ㈀㼉༉ ⨀䴉〉㘉䴉⠉ ⠀㠀䴉␉〉 ㄀Ⰰ㈀Ⰰ㌀⤀ ⴀ 㔀㼉㠉䴉␉䌉␉ ༀ㔉ȉ ⼀䈉⨉䀉 ἀ䀉ࠉἉ䀉 Ԁ⠉䄉ᔉ䈉㈉	
    // अध्याय 1: बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ਀    焀甀攀猀琀椀漀渀猀嬀∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 㨀 Ԁ〉䴉┉Ⰹ ؀㔉㘉䴉⼉ᔉ␉㸉Ⰹ ᔀ䴉㜉䜉␉䴉〉 ༀ㔉ȉ Ԁ㔉㠉䴉┉㸉༉ĉ∉崀 㴀 笀 
        level1: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ᔀ㸉 Ԁ✉䴉⼉⼉⠉ ⸀䄉ᘉ䴉⼉␉̉ ᔀ㼉㠉㠉䜉 㠀ȉⰉȉ✉㼉␉ 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀Ⰰ㸉㈉ᔉ䬉ȉ ᔀ䜉 㘀㸉〉䀉〉㼉ᔉⰉ ⸀㸉⠉㠉㼉ᔉ ༀ㔉ȉ 㠀㸉⸉㸉ᰉ㼉ᔉ ⨀〉㼉㔉〉䴉␉⠉∉Ⰰ ∀ᔀ䜉㔉㈉ 㘀䠉ᔉ䴉㜉⌉㼉ᔉ ⨀䴉〉☉〉䴉㘉⠉∉Ⰰ ∀㔀㼉☉䴉⼉㸉㈉⼉ ⨀䴉〉Ⰹȉ✉⠉∉Ⰰ ∀㘀㼉ᔉ䴉㜉ᔉ ⨀䴉〉㘉㼉ᔉ䴉㜉⌉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀Ⰰ 
            { question: "बाल्यावस्था की प्रारंभिक अवधि किस आयु सीमा में मानी जाती है?", options: ["जन्म से 2 वर्ष", "2-6 वर्ष", "6-12 वर्ष", "12-18 वर्ष"], answer: "B" },਀            笀 焀甀攀猀琀椀漀渀㨀 ∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ᔀ䜉 ᔀ䴉㜉䜉␉䴉〉 ᔀ㼉␉⠉䜉 㤀䬉␉䜉 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀␀䀉⠉ ⠀㘀㸉〉䀉〉㼉ᔉⰉ 㠀ȉᰉ䴉ḉ㸉⠉㸉␉䴉⸉ᔉⰉ ⴀ㸉㔉㸉␉䴉⸉ᔉ⤉∀Ⰰ ∀☀䬉∉Ⰰ ∀ᨀ㸉〉∉Ⰰ ∀⨀㸉ȉᨉ∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㈀㨀 嬀 
            { question: "बाल विकास की आवश्यकता क्यों है? (UP TET परिप्रेक्ष्य)", options: ["बालक की प्रकृति को समझकर प्रभावी शिक्षण हेतु", "अभिभावकों को नियंत्रित करने हेतु", "परीक्षा में अच्छे अंक लाने हेतु", "स्कूल अनुशासन हेतु"], answer: "A" },਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㔀㼉ᔉ㸉㠉 ᔀ䀉 ᔀ㼉㘉䬉〉㸉㔉㠉䴉┉㸉 ᔀ䀉 ⨀䴉〉⸉䄉ᘉ 㔀㼉㘉䜉㜉␉㸉 ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀⨀㤉ᨉ㸉⠉ 㠀ȉᔉἉ ༀ㔉ȉ ␀䀉㔉䴉〉 ⨀〉㼉㔉〉䴉␉⠉∉Ⰰ ∀✀䀉⸉䀉 㔀䌉☉䴉✉㼉∉Ⰰ ∀ⴀ㸉㜉㸉 㔀㼉ᔉ㸉㠉∉Ⰰ ∀⸀䈉〉䴉␉ ᨀ㼉ȉ␉⠉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㌀㨀 嬀 
            { question: "बाल विकास के सिद्धांतों में से कौन सा सिद्धांत वंशानुक्रम और वातावरण के संयोग को रेखांकित करता है?", options: ["अंतःक्रिया सिद्धांत", "परिपक्वता सिद्धांत", "व्यवहारवाद", "संज्ञानात्मक सिद्धांत"], answer: "A" }਀        崀 
    };਀     
    // अध्याय 2: शिक्षा एवं मनोविज्ञान਀    焀甀攀猀琀椀漀渀猀嬀∀㘀㼉ᔉ䴉㜉㸉 ༀ㔉ȉ ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉∉崀 㴀 笀 
        level1: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㘀㼉ᔉ䴉㜉㸉 ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉ ᔀ㸉 ⸀䄉ᘉ䴉⼉ ऀ☉䴉☉䜉㘉䴉⼉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㘀㼉ᔉ䴉㜉⌉ⴉԀ✉㼉ᜉ⸉ ⨀䴉〉ᔉ䴉〉㼉⼉㸉 ᔀ䬉 㠀⸉ᴉ⠉㸉 ༀ㔉ȉ 㠀䄉✉㸉〉⠉㸉∉Ⰰ ∀ᬀ㸉␉䴉〉䬉ȉ ᔀ㸉 ⸀䈉㈉䴉⼉㸉ȉᔉ⠉ ᔀ〉⠉㸉∉Ⰰ ∀㘀㼉ᔉ䴉㜉ᔉ䬉ȉ ᔀ㸉 ⨀䴉〉㘉㼉ᔉ䴉㜉⌉ ☀䜉⠉㸉∉Ⰰ ∀⨀㸉 䴉⼉ᔉ䴉〉⸉ Ⰰ⠉㸉⠉㸉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀Ⰰ 
            { question: "मनोविज्ञान की किस शाखा का संबंध शिक्षण से सीधा है?", options: ["शैक्षिक मनोविज्ञान", "चिकित्सा मनोविज्ञान", "अपराध मनोविज्ञान", "औद्योगिक मनोविज्ञान"], answer: "A" }਀        崀Ⰰ 
        level2: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㘀㼉ᔉ䴉㜉㸉 ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉ ᔀ䜉 ᰀ⠉ᔉ ᔀ䰉⠉ ⸀㸉⠉䜉 ᰀ㸉␉䜉 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ࠀ⸉ ༀ㈉⸉ ─㸉〉䴉⠉℉㸉܉ᔉ∉Ⰰ ∀ᰀ䤉⠉ ℀䀉㔉䀉∉Ⰰ ∀㠀㼉ᜉ⸉ȉ℉ ⬀䴉〉㸉⼉℉∉Ⰰ ∀ᰀ䀉⠉ ⨀㼉⼉㸉ᰉ䜉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㌀㨀 嬀 
            { question: "शिक्षा मनोविज्ञान में केस स्टडी विधि किस उद्देश्य से प्रयोग की जाती है?", options: ["व्यक्तिगत अंतर गहराई से जानने", "सांख्यिकीय आंकड़े जुटाने", "प्रयोगशाला अनुसंधान", "समूह व्यवहार मापन"], answer: "A" }਀        崀 
    };਀     
    // अध्याय 3: शिक्षा मनोविज्ञान (अतिरिक्त)਀    焀甀攀猀琀椀漀渀猀嬀∀㘀㼉ᔉ䴉㜉㸉 ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉∉崀 㴀 笀 
        level1: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀Ԁ✉㼉ᜉ⸉ ᔀ䜉 㠀㼉☉䴉✉㸉ȉ␉ ✀⨀䴉〉⼉㸉㠉 ༀ㔉ȉ ␀䴉〉䄉Ἁ㼉✉ ᔀ䜉 ⨀䴉〉㠉䴉␉䬉␉㸉 ᔀ䰉⠉ 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀─㸉〉䴉⠉℉㸉܉ᔉ∉Ⰰ ∀⨀㼉⼉㸉ᰉ䜉∉Ⰰ ∀ᔀ䬉㤉㈉Ⰹ〉䴉ᜉ∉Ⰰ ∀Ⰰȉ℉䄉〉㸉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㈀㨀 嬀 
            { question: "प्रतिबिंबित चिंतन (reflective thinking) को किसने प्रमुखता दी?", options: ["डीवी", "स्किनर", "पावलव", "मैस्लो"], answer: "A" }਀        崀Ⰰ 
        level3: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㘀㼉ᔉ䴉㜉㸉 ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉ ⸀䜉ȉ ⠀㼉〉䴉⸉㼉␉㼉㔉㸉☉ ⠀䌀漀渀猀琀爀甀挀琀椀瘀椀猀洀⤀ ᔀ䜉 ⨀䴉〉㔉〉䴉␉ᔉ ᔀ䰉⠉ 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ᰀ䀉⠉ ⨀㼉⼉㸉ᰉ䜉 ᐀〉 㔀㼉ᜉ䬉␉䴉㠉䴉ᔉ䀉∉Ⰰ ∀Ⰰ䀉⸉ༀ⬉⸉ 㠀䴉ᔉ㼉⠉〉∉Ⰰ ∀ᰀ䤉⠉ 㔀㸉Ἁ㠉⠉∉Ⰰ ∀܀㔉㸉⠉ ⨀㸉㔉㈉㔉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ]਀    紀㬀 
    ਀    ⼀⼀ 㠀ȉᰉ䴉ḉ㸉⠉㸉␉䴉⸉ᔉ 㔀㼉ᔉ㸉㠉 Ԁ✉䴉⼉㸉⼉ ㄀㄀ 
    questions["संज्ञानात्मक विकास"] = {਀        氀攀瘀攀氀㄀㨀 嬀 
            { question: "पियाजे के संज्ञानात्मक विकास सिद्धांत में 'पूर्व-संक्रियात्मक अवस्था' की आयु क्या है?", options: ["2-7 वर्ष", "0-2 वर्ष", "7-11 वर्ष", "11+ वर्ष"], answer: "A" }਀        崀Ⰰ 
        level2: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㔀㼉ᜉ䬉␉䴉㠉䴉ᔉ䀉 ᔀ㸉 ✀㠀⸉䀉⨉㠉䴉┉ 㔀㼉ᔉ㸉㠉 ᔀ䴉㜉䜉␉䴉〉✉ ⠀娀倀䐀⤀ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㠀䀉ᘉ⠉䜉 ᔀ䀉 㔀㤉 㠀䀉⸉㸉 ᰀ㤉㸉ĉ ⸀㸉〉䴉ᜉ☉〉䴉㘉⠉ ؀㔉㘉䴉⼉ᔉ∉Ⰰ ∀⨀〉㼉⨉ᔉ䴉㔉␉㸉 ᔀ䀉 㠀䀉⸉㸉∉Ⰰ ∀⨀〉䀉ᔉ䴉㜉㸉 Ԁȉᔉ䬉ȉ ᔀ䀉 㠀䀉⸉㸉∉Ⰰ ∀⨀㸉 䴉⼉ᔉ䴉〉⸉ ᔀ䀉 㠀䀉⸉㸉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㌀㨀 嬀 
            { question: "पियाजे के अनुसार 'संरक्षण की अवधारणा' किस अवस्था में विकसित होती है?", options: ["मूर्त-संक्रियात्मक अवस्था", "संवेदी-गामक", "पूर्व-संक्रियात्मक", "औपचारिक संक्रियात्मक"], answer: "A" }਀        崀 
    };਀     
    // अभिप्रेरणा अध्याय 42਀    焀甀攀猀琀椀漀渀猀嬀∀Ԁⴉ㼉⨉䴉〉䜉〉⌉㸉 ⠀⨀䴉〉䜉〉⌉㸉⤉ ༀ㔉ȉ Ԁ✉㼉ᜉ⸉∉崀 㴀 笀 
        level1: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀⸀㸉㠉䴉㈉䬉 ᔀ䜉 ؀㔉㘉䴉⼉ᔉ␉㸉 ⨀㼉〉㸉⸉㼉℉ ⸀䜉ȉ 㠀Ⰹ㠉䜉 Ⰰ䄉⠉㼉⼉㸉☉䀉 ؀㔉㘉䴉⼉ᔉ␉㸉 ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㘀㸉〉䀉〉㼉ᔉ ؀㔉㘉䴉⼉ᔉ␉㸉༉ĉ∉Ⰰ ∀㠀䄉〉ᔉ䴉㜉㸉∉Ⰰ ∀㠀⸉䴉⸉㸉⠉∉Ⰰ ∀؀␉䴉⸉Ⰹ䬉✉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㈀㨀 嬀 
            { question: "आंतरिक प्रेरणा का उदाहरण कौन सा है?", options: ["स्वयं की जिज्ञासा एवं रुचि", "पुरस्कार पाना", "दंड से बचना", "प्रतियोगिता जीतना"], answer: "A" }਀        崀Ⰰ 
        level3: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㔀䀉⸉ ༀᨉ⸉ 㔀䈉⸉ ᔀ㸉 ⨀䴉〉␉䴉⼉㸉㘉㸉 㠀㼉☉䴉✉㸉ȉ␉ ᔀ㼉㠉㠉䜉 㠀ȉⰉȉ✉㼉␉ 㤀䠉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ᔀ㸉〉䴉⼉ 㠀䜉 ᰀ䄉℉㰉䀉 Ԁ⨉䜉ᔉ䴉㜉㸉༉ĉ ༀ㔉ȉ ⨀䴉〉䜉〉⌉㸉∉Ⰰ ∀Ⰰ䄉☉䴉✉㼉 ⸀㸉⨉⠉∉Ⰰ ∀㔀䴉⼉ᔉ䴉␉㼉␉䴉㔉∉Ⰰ ∀Ԁ✉㼉ᜉ⸉ 㠀䴉┉㸉⠉㸉ȉ␉〉⌉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ]਀    紀㬀 
    ਀    ⼀⼀ 㠀⸉㸉㔉䜉㘉䀉 㘀㼉ᔉ䴉㜉㸉 Ԁ✉䴉⼉㸉⼉ ㈀㠀 
    questions["समावेशी शिक्षा"] = {਀        氀攀瘀攀氀㄀㨀 嬀 
            { question: "समावेशी शिक्षा का मूल सिद्धांत क्या है?", options: ["सभी बच्चों को सामान्य कक्षा में शिक्षा", "विशेष विद्यालय बनाना", "केवल दिव्यांग बच्चों को शिक्षा", "प्रतिभाशाली बच्चों को अलग करना"], answer: "A" }਀        崀Ⰰ 
        level2: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㠀⸉㸉㔉䜉㘉䀉 ᔀᔉ䴉㜉㸉 ⸀䜉ȉ 㘀㼉ᔉ䴉㜉ᔉ ᔀ䬉 㠀Ⰹ㠉䜉 ⨀㤉㈉䜉 ᔀ䴉⼉㸉 ᔀ〉⠉㸉 ᨀ㸉㤉㼉༉㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㔀䠉⼉ᔉ䴉␉㼉ᔉ ؀㔉㘉䴉⼉ᔉ␉㸉ጉȉ ᔀ䬉 ⨀㤉ᨉ㸉⠉⠉㸉∉Ⰰ ∀㠀⸉㸉⠉ ⨀㸉  ⼀䬉ᰉ⠉㸉 Ⰰ⠉㸉⠉㸉∉Ⰰ ∀␀䴉㔉〉㼉␉ 㘀㼉ᔉ䴉㜉⌉∉Ⰰ ∀㠀ᘉ䴉␉ Ԁ⠉䄉㘉㸉㠉⠉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㌀㨀 嬀 
            { question: "RPWD अधिनियम 2016 के अनुसार 'विशिष्ट अधिगम अक्षमता' किसे माना जाता है?", options: ["डिस्लेक्सिया, डिस्ग्राफिया, डिस्केलकुलिया", "बौद्धिक अक्षमता", "दृष्टिबाधिता", "श्रवण बाधिता"], answer: "A" }਀        崀 
    };਀     
    // बुद्धि अवधारणा (अध्याय 13)਀    焀甀攀猀琀椀漀渀猀嬀∀Ⰰ䄉☉䴉✉㼉 Ԁ㔉✉㸉〉⌉㸉 ༀ㔉ȉ 㠀㼉☉䴉✉㸉ȉ␉∉崀 㴀 笀 
        level1: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀ᜀ㸉〉䴉℉⠉〉 ᔀ䜉 Ⰰ㤉䄉ⴉⰀ䄉☉䴉✉㼉 㠀㼉☉䴉✉㸉ȉ␉ ⸀䜉ȉ ᔀ㼉␉⠉䀉 Ⰰ䄉☉䴉✉㼉⼉㸉ĉ 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㠀∀Ⰰ ∀㜀∀Ⰰ ∀㤀∀Ⰰ ∀㘀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ],਀        氀攀瘀攀氀㈀㨀 嬀 
            { question: "द्रव बुद्धि (Fluid intelligence) किससे संबंधित है?", options: ["समस्या समाधान क्षमता एवं नई चीजें सीखना", "संचित ज्ञान", "भाषाई योग्यता", "स्थानिक क्षमता"], answer: "A" }਀        崀Ⰰ 
        level3: [਀            笀 焀甀攀猀琀椀漀渀㨀 ∀㠀䴉Ἁ〉䴉⠉Ⰹ〉䴉ᜉ ᔀ㸉 ␀䴉〉㼉␉ȉ␉䴉〉䀉⼉ Ⰰ䄉☉䴉✉㼉 㠀㼉☉䴉✉㸉ȉ␉ ᔀ䜉 ␀䀉⠉ ᠀Ἁᔉ ᔀ䴉⼉㸉 㤀䠉ȉ㼉∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㔀㼉㘉䴉㈉䜉㜉⌉㸉␉䴉⸉ᔉⰉ 㠀䌉ᰉ⠉㸉␉䴉⸉ᔉⰉ 㔀䴉⼉㸉㔉㤉㸉〉㼉ᔉ∉Ⰰ ∀ⴀ㸉㜉㸉ࠉⰉ ␀㸉〉䴉ᔉ㼉ᔉⰉ 㠀䴉┉㸉⠉㼉ᔉ∉Ⰰ ∀㠀ȉᜉ䀉␉㸉␉䴉⸉ᔉⰉ Ԁȉ␉〉䴉㔉䠉⼉ᔉ䴉␉㼉ᔉⰉ ⨀䴉〉ᔉ䌉␉㼉㔉㸉☉䀉∉Ⰰ ∀Ԁ⸉䈉〉䴉␉Ⰹ ⼀㸉ȉ␉䴉〉㼉ᔉⰉ 㠀㸉⸉㸉ᰉ㼉ᔉ∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
        ]਀    紀㬀 
    ਀    ⼀⼀ Ԁ⠉䴉⼉ 㠀ⴉ䀉 Ԁ✉䴉⼉㸉⼉䬉ȉ ᔀ䜉 ㈀㼉༉ ℀㼉⬉㰉䤉㈉䴉Ἁ 　䈉⨉ 㠀䜉 㠀䴉⸉㸉〉䴉Ἁ ⨀䴉〉㘉䴉⠉ ⠀℀㸉⼉⠉㸉⸉㼉ᔉ Ⰰ䠉ᔉԉ⨉⤉ 
    chaptersList.forEach(chap => {਀        椀昀 ⠀℀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⤀ 笀 
            questions[chap] = {਀                氀攀瘀攀氀㄀㨀 嬀 
                    { question: `${chap} के संदर्भ में बाल विकास का मूल उद्देश्य क्या है?`, options: ["समग्र विकास को बढ़ावा देना", "केवल शैक्षणिक उपलब्धि", "अनुशासन स्थापित करना", "प्रतियोगिता तैयार करना"], answer: "A" },਀                    笀 焀甀攀猀琀椀漀渀㨀 怀唀倀 吀䔀吀 ᔀ䜉 Ԁ⠉䄉㠉㸉〉 ␀笀挀栀愀瀀紀 ⸀䜉ȉ ᔀ䰉⠉ 㠀㸉 ⨀㤉㈉䈉 㠀〉䴉㔉㸉✉㼉ᔉ ⸀㤉␉䴉㔉⨉䈉〉䴉⌉ 㤀䠉㼉怀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀Ⰰ㸉㈉ᔉ䜉⠉䴉☉䴉〉㼉␉ 㘀㼉ᔉ䴉㜉⌉∉Ⰰ ∀　Ἁ⠉䜉 ᔀ䀉 㔀㼉✉㼉∉Ⰰ ∀ᔀ 䬉〉 ⨀〉䀉ᔉ䴉㜉⌉∉Ⰰ ∀⨀㸉 䴉⼉ᔉ䴉〉⸉ ␀䴉㔉〉⌉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
                ],਀                氀攀瘀攀氀㈀㨀 嬀 
                    { question: `${chap} को प्रभावी बनाने के लिए शिक्षक को किस पर ध्यान देना चाहिए?`, options: ["व्यक्तिगत भिन्नताएँ", "सभी को समान रखना", "बार-बार परीक्षा लेना", "गृहकार्य बढ़ाना"], answer: "A" }਀                崀Ⰰ 
                level3: [਀                    笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 ⸀䜉ȉ 㔀㼉㘉䴉㈉䜉㜉⌉㸉␉䴉⸉ᔉ ☀䌉㜉䴉Ἁ㼉ᔉ䬉⌉ Ԁ⨉⠉㸉⠉䜉 㠀䜉 ᔀ䴉⼉㸉 ㈀㸉ⴉ 㤀䠉㼉怀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ᜀ㤉⠉ 㠀⸉ᴉ ༀ㔉ȉ 㠀⸉㠉䴉⼉㸉 㠀⸉㸉✉㸉⠉∉Ⰰ ∀㠀䴉⸉〉⌉ 㘀ᔉ䴉␉㼉 ᔀ㸉 Ⰰ∉㰉⠉㸉∉Ⰰ ∀㈀㼉ᘉ㸉㔉Ἁ ⸀䜉ȉ 㠀䄉✉㸉〉∉Ⰰ ∀ᜀ␉㼉 Ⰰ∉㰉㸉⠉㸉∉崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀 
                ]਀            紀㬀 
        }਀    紀⤀㬀 
    ਀    氀攀琀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 嬀崀㬀 
    let selectedLevel = null;਀    氀攀琀 甀猀攀爀倀爀漀最爀攀猀猀 㴀 笀 猀琀爀攀愀欀㨀 　Ⰰ 氀愀猀琀倀爀愀挀琀椀挀攀䐀愀琀攀㨀 渀甀氀氀Ⰰ 琀漀琀愀氀倀爀漀戀氀攀洀猀匀漀氀瘀攀搀㨀 　Ⰰ 琀漀瀀椀挀猀䌀漀洀瀀氀攀琀攀搀㨀 　Ⰰ 琀漀琀愀氀吀漀瀀椀挀猀㨀 挀栀愀瀀琀攀爀猀䰀椀猀琀⸀氀攀渀最琀栀 紀㬀 
    ਀    昀甀渀挀琀椀漀渀 氀漀愀搀唀猀攀爀倀爀漀最爀攀猀猀⠀⤀ 笀 
        const saved = localStorage.getItem('upTetCDPProgress');਀        椀昀 ⠀猀愀瘀攀搀⤀ 甀猀攀爀倀爀漀最爀攀猀猀 㴀 䨀匀伀一⸀瀀愀爀猀攀⠀猀愀瘀攀搀⤀㬀 
        const today = new Date().toDateString();਀        椀昀 ⠀甀猀攀爀倀爀漀最爀攀猀猀⸀氀愀猀琀倀爀愀挀琀椀挀攀䐀愀琀攀 ℀㴀㴀 琀漀搀愀礀⤀ 笀 
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);਀            椀昀 ⠀甀猀攀爀倀爀漀最爀攀猀猀⸀氀愀猀琀倀爀愀挀琀椀挀攀䐀愀琀攀 㴀㴀㴀 礀攀猀琀攀爀搀愀礀⸀琀漀䐀愀琀攀匀琀爀椀渀最⠀⤀⤀ 甀猀攀爀倀爀漀最爀攀猀猀⸀猀琀爀攀愀欀⬀⬀㬀 
            else userProgress.streak = 1;਀            甀猀攀爀倀爀漀最爀攀猀猀⸀氀愀猀琀倀爀愀挀琀椀挀攀䐀愀琀攀 㴀 琀漀搀愀礀㬀 
            saveUserProgress();਀        紀 
        updateUI();਀    紀 
    function saveUserProgress() { localStorage.setItem('upTetCDPProgress', JSON.stringify(userProgress)); }਀    昀甀渀挀琀椀漀渀 甀瀀搀愀琀攀唀䤀⠀⤀ 笀 
        document.getElementById('streakDays').textContent = userProgress.streak;਀        挀漀渀猀琀 琀漀搀愀礀 㴀 渀攀眀 䐀愀琀攀⠀⤀㬀 
        document.getElementById('currentDate').textContent = today.toLocaleDateString('hi-IN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });਀        挀漀渀猀琀 瀀攀爀挀攀渀琀 㴀 䴀愀琀栀⸀洀椀渀⠀㄀　　Ⰰ 䴀愀琀栀⸀爀漀甀渀搀⠀⠀甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀瀀椀挀猀䌀漀洀瀀氀攀琀攀搀 ⼀ 甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀吀漀瀀椀挀猀⤀ ⨀ ㄀　　⤀⤀㬀 
        document.getElementById('progressFill').style.width = `${percent}%`;਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀瀀爀漀最爀攀猀猀吀攀砀琀✀⤀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 怀␀笀瀀攀爀挀攀渀琀紀─ ⨀䈉〉䴉⌉ ⠀␀笀甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀瀀椀挀猀䌀漀洀瀀氀攀琀攀搀紀⼀␀笀甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀吀漀瀀椀挀猀紀 Ԁ✉䴉⼉㸉⼉⤉怀㬀 
    }਀     
    function getRandomQuestions(topicsArray, level, count) {਀        氀攀琀 愀氀氀儀猀 㴀 嬀崀㬀 
        topicsArray.forEach(topic => {਀            挀漀渀猀琀 琀漀瀀椀挀䐀愀琀愀 㴀 焀甀攀猀琀椀漀渀猀嬀琀漀瀀椀挀崀㬀 
            if (topicData && topicData[`level${level}`]) {਀                愀氀氀儀猀 㴀 愀氀氀儀猀⸀挀漀渀挀愀琀⠀琀漀瀀椀挀䐀愀琀愀嬀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀怀崀⤀㬀 
            }਀        紀⤀㬀 
        if(allQs.length === 0) return [{ question: "बाल विकास का आधारभूत सिद्धांत क्या है?", options: ["वृद्धि एवं परिपक्वता", "केवल आनुवांशिकता", "केवल वातावरण", "शिक्षक का प्रभाव"], answer: "A" }];਀        愀氀氀儀猀 㴀 愀氀氀儀猀⸀猀漀爀琀⠀⠀⤀ 㴀㸀 䴀愀琀栀⸀爀愀渀搀漀洀⠀⤀ ⴀ 　⸀㔀⤀㬀 
        return allQs.slice(0, count);਀    紀 
    ਀    昀甀渀挀琀椀漀渀 爀攀渀搀攀爀吀漀瀀椀挀猀⠀⤀ 笀 
        const container = document.getElementById('topicsContainer');਀        挀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀ 猀琀礀氀攀㴀∀戀愀挀欀最爀漀甀渀搀㨀⌀攀㤀昀㔀攀挀㬀∀㸀㰀椀渀瀀甀琀 琀礀瀀攀㴀∀挀栀攀挀欀戀漀砀∀ 椀搀㴀∀昀甀氀氀匀礀氀氀愀戀甀猀∀ 瘀愀氀甀攀㴀∀昀甀氀氀∀㸀㰀氀愀戀攀氀 昀漀爀㴀∀昀甀氀氀匀礀氀氀愀戀甀猀∀㸀㰀猀琀爀漀渀最㸀Ԁ‧㠀ȉ⨉䈉〉䴉⌉ ⨀㸉 䴉⼉ᔉ䴉〉⸉ ⠀㠀ⴉ䀉 㐀㈀ Ԁ✉䴉⼉㸉⼉⤉㰀⼀猀琀爀漀渀最㸀㰀⼀氀愀戀攀氀㸀㰀⼀搀椀瘀㸀怀㬀 
        chaptersList.forEach(topic => {਀            挀漀渀猀琀 椀搀 㴀 怀琀漀瀀椀挀开␀笀琀漀瀀椀挀⸀爀攀瀀氀愀挀攀⠀⼀嬀尀猀Ⰰ㼀崀⼀最Ⰰ ✀开✀⤀⸀猀甀戀猀琀爀椀渀最⠀　Ⰰ ㌀　⤀紀怀㬀 
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${topic}</label></div>`;਀        紀⤀㬀 
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {਀            挀漀渀猀琀 愀氀氀䌀栀攀挀欀戀漀砀攀猀 㴀 搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀椀渀瀀甀琀嬀渀愀洀攀㴀∀琀漀瀀椀挀∀崀✀⤀㬀 
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);਀            椀昀⠀攀⸀琀愀爀最攀琀⸀挀栀攀挀欀攀搀⤀ 愀氀氀䌀栀攀挀欀戀漀砀攀猀⸀昀漀爀䔀愀挀栀⠀挀戀 㴀㸀 挀戀⸀挀栀攀挀欀攀搀 㴀 昀愀氀猀攀⤀㬀 
        });਀    紀 
    ਀    ⼀⼀ 䐀伀䴀 䔀氀攀洀攀渀琀猀 ☀ 䔀瘀攀渀琀 氀椀猀琀攀渀攀爀猀 
    document.getElementById('customPracticeBtn').addEventListener('click', () => { document.getElementById('startScreen').classList.add('hidden'); document.getElementById('subjectSelection').classList.remove('hidden'); });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀攀氀攀挀琀䌀䐀倀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 爀攀渀搀攀爀吀漀瀀椀挀猀⠀⤀㬀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀甀戀樀攀挀琀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀琀漀瀀椀挀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀⤀㬀 
    document.getElementById('backToStartBtn').addEventListener('click', () => { document.getElementById('topicSelection').classList.add('hidden'); startContainer.classList.remove('hidden'); document.getElementById('startScreen').classList.remove('hidden'); updateUI(); });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 
        const full = document.getElementById('fullSyllabus')?.checked;਀        椀昀 ⠀昀甀氀氀⤀ 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 嬀⸀⸀⸀挀栀愀瀀琀攀爀猀䰀椀猀琀崀㬀 
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);਀        椀昀 ⠀猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀氀攀渀最琀栀 㴀㴀㴀 　⤀ 笀 愀氀攀爀琀⠀∀ᔀ䌉⨉⼉㸉 ᔀ⸉ 㠀䜉 ᔀ⸉ ༀᔉ Ԁ✉䴉⼉㸉⼉ ᨀ䄉⠉䜉ȉ℉∀⤀㬀 爀攀琀甀爀渀㬀 紀 
        document.getElementById('topicSelection').classList.add('hidden');਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
    });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀戀愀挀欀吀漀吀漀瀀椀挀猀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀琀漀瀀椀挀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀⤀㬀 
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀㈀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀戀琀渀ⴀ氀攀瘀攀氀✀⤀⸀昀漀爀䔀愀挀栀⠀戀 㴀㸀 戀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀⤀㬀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀㈀䈀琀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀 ㈀㬀 紀⤀㬀 
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀䘀椀渀愀氀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 椀昀 ⠀℀猀攀氀攀挀琀攀搀䰀攀瘀攀氀⤀ 笀 愀氀攀爀琀⠀∀ᔀ䌉⨉⼉㸉 ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ℉∀⤀㬀 爀攀琀甀爀渀㬀 紀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀⠀⤀㬀 紀⤀㬀 
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });਀    搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀瀀爀漀戀氀攀洀伀昀䐀愀礀䈀琀渀✀⤀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ 最攀渀攀爀愀琀攀倀爀漀戀氀攀洀伀昀䐀愀礀⤀㬀 
    ਀    昀甀渀挀琀椀漀渀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀⠀⤀ 笀 
        startContainer.classList.add('hidden');਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        generatedPaperContainer.classList.remove('hidden');਀        挀漀渀猀琀 琀漀瀀椀挀一愀洀攀猀 㴀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀氀攀渀最琀栀 㸀 㔀 㼀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀猀氀椀挀攀⠀　Ⰰ㔀⤀⸀樀漀椀渀⠀∀Ⰰ ∀⤀⬀∀ ⸀⸀⸀∀ 㨀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀樀漀椀渀⠀∀Ⰰ ∀⤀㬀 
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 10);਀        氀攀琀 瀀愀瀀攀爀䌀漀渀琀攀渀琀 㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀栀攀愀搀攀爀∀㸀㰀栀㈀㸀㴀�⃜唀倀 吀䔀吀 ⨀䜉⨉〉ⴉ㄀ ⠀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ⤉㰀⼀栀㈀㸀㰀栀㌀㸀㴀쳘⃜␀笀猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀氀攀渀最琀栀 㴀㴀㴀 挀栀愀瀀琀攀爀猀䰀椀猀琀⸀氀攀渀最琀栀 㼀 ∀㠀⸉䴉⨉䈉〉䴉⌉ ⨀㸉 䴉⼉ᔉ䴉〉⸉ ⠀㐀㈀ Ԁ✉䴉⼉㸉⼉⤉∀ 㨀 琀漀瀀椀挀一愀洀攀猀⸀猀甀戀猀琀爀椀渀最⠀　Ⰰ 㠀㔀⤀紀㰀⼀栀㌀㸀㰀瀀㸀ꄀ…ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀紀 ᐀†␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㄀ 㼀 ∀Ⰰ䜉㠉㼉ᔉ∉ 㨀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㈀ 㼀 ∀⸀✉䴉⼉⸉ ⠀唀倀 吀䔀吀 ⸀㸉⠉ᔉ⤉∀ 㨀 ∀ऀ⠉䴉⠉␉∉紀㰀⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀椀渀猀琀爀甀挀琀椀漀渀猀∀㸀㰀瀀㸀㰀猀琀爀漀渀最㸀⠀㼉〉䴉☉䜉㘉 ⠀䌀䐀倀 Ԁⴉ䴉⼉㸉㠉⤉㨀㰀⼀猀琀爀漀渀最㸀㰀⼀瀀㸀㰀漀氀㸀㰀氀椀㸀㄀　 Ⰰ㤉䄉㔉㼉ᔉ㈉䴉⨉䀉 ⨀䴉〉㘉䴉⠉Ⰹ ⨀䴉〉␉䴉⼉䜉ᔉ Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉⼉㘀㼉ᔉ䴉㜉⌉ 㘀㸉㠉䴉␉䴉〉 ⨀〉 ؀✉㸉〉㼉␉搉㰉⼀氀椀㸀㰀氀椀㸀㄀㔀 ⸀㼉⠉Ἁ ⸀䜉ȉ 㤀㈉ ᔀ〉䜉ȉⰉ ऀ␉䴉␉〉 ᔀ䄉ȉᰉ䀉 㠀䜉 ⸀㼉㈉㸉༉ĉ搉㰉⼀氀椀㸀㰀⼀漀氀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ猀攀挀琀椀漀渀∀㸀㰀搀椀瘀 猀琀礀氀攀㴀∀昀漀渀琀ⴀ猀椀稀攀㨀㄀⸀㐀爀攀洀㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀㈀　瀀砀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀戀漀氀搀㬀∀㸀✀️ अभ्यास प्रश्न</div>`;਀        氀攀琀 焀一甀洀 㴀 ㄀㬀 
        mcqs.forEach(mcq => {਀            瀀愀瀀攀爀䌀漀渀琀攀渀琀 ⬀㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ琀攀砀琀∀㸀␀笀焀一甀洀紀⸀ ␀笀洀挀焀⸀焀甀攀猀琀椀漀渀紀㰀⼀搀椀瘀㸀 
            <div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䌀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㈀崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䐀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㌀崀紀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀怀㬀 
            qNum++;਀        紀⤀㬀 
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">🔑 उत्तर कुंजी</h3><table class="answer-table"><thead><tr><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th></tr></thead><tbody>`;਀        昀漀爀 ⠀氀攀琀 椀 㴀 　㬀 椀 㰀 洀挀焀猀⸀氀攀渀最琀栀㬀 椀 ⬀㴀 ㈀⤀ 笀 
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;਀            椀昀 ⠀椀⬀㄀ 㰀 洀挀焀猀⸀氀攀渀最琀栀⤀ 瀀愀瀀攀爀䌀漀渀琀攀渀琀 ⬀㴀 怀㰀琀搀㸀␀笀椀⬀㈀紀㰀⼀琀搀㸀㰀琀搀㸀㰀猀琀爀漀渀最㸀␀笀洀挀焀猀嬀椀⬀㄀崀⸀愀渀猀眀攀爀紀㰀⼀猀琀爀漀渀最㸀㰀⼀琀搀㸀怀㬀 
            else paperContent += `<td></td><td></td>`;਀            瀀愀瀀攀爀䌀漀渀琀攀渀琀 ⬀㴀 怀㰀⼀琀爀㸀怀㬀 
        }਀        瀀愀瀀攀爀䌀漀渀琀攀渀琀 ⬀㴀 怀㰀⼀琀戀漀搀礀㸀㰀⼀琀愀戀氀攀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀∀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀洀愀爀欀䌀漀洀瀀氀攀琀攀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀栀攀挀欀ⴀ挀椀爀挀氀攀∀㸀㰀⼀椀㸀 ⨀䈉〉䴉⌉ ᨀ㼉㤉䴉⠉㼉␉ ᔀ〉䜉ȉ㰉⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀瀀爀椀渀琀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ瀀爀椀渀琀∀㸀㰀⼀椀㸀 ⨀䴉〉㼉ȉἉ ⼀ 倀䐀䘀㰀⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ甀渀搀漀ⴀ愀氀琀∀㸀㰀⼀椀㸀 ⠀⼉㸉 Ԁⴉ䴉⼉㸉㠉㰉⼀戀甀琀琀漀渀㸀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀怀㬀 
        generatedPaperContainer.innerHTML = paperContent;਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀洀愀爀欀䌀漀洀瀀氀攀琀攀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ 洀愀爀欀倀爀愀挀琀椀挀攀䌀漀洀瀀氀攀琀攀⤀㬀 
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ 戀愀挀欀吀漀匀琀愀爀琀⤀㬀 
    }਀     
    function markPracticeComplete() {਀        甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀倀爀漀戀氀攀洀猀匀漀氀瘀攀搀 ⬀㴀 ㄀　㬀 
        let newlyCompleted = 0;਀        猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀昀漀爀䔀愀挀栀⠀琀 㴀㸀 笀 椀昀 ⠀℀甀猀攀爀倀爀漀最爀攀猀猀嬀怀挀漀洀瀀开␀笀琀紀怀崀⤀ 笀 甀猀攀爀倀爀漀最爀攀猀猀嬀怀挀漀洀瀀开␀笀琀紀怀崀 㴀 琀爀甀攀㬀 渀攀眀氀礀䌀漀洀瀀氀攀琀攀搀⬀⬀㬀 紀 紀⤀㬀 
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);਀        猀愀瘀攀唀猀攀爀倀爀漀最爀攀猀猀⠀⤀㬀 甀瀀搀愀琀攀唀䤀⠀⤀㬀 
        alert("🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।");਀        戀愀挀欀吀漀匀琀愀爀琀⠀⤀㬀 
    }਀     
    function generateProblemOfDay() {਀        挀漀渀猀琀 爀愀渀搀漀洀吀漀瀀椀挀 㴀 挀栀愀瀀琀攀爀猀䰀椀猀琀嬀䴀愀琀栀⸀昀氀漀漀爀⠀䴀愀琀栀⸀爀愀渀搀漀洀⠀⤀ ⨀ 挀栀愀瀀琀攀爀猀䰀椀猀琀⸀氀攀渀最琀栀⤀崀㬀 
        const randomLevel = Math.floor(Math.random() * 3) + 1;਀        猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 嬀爀愀渀搀漀洀吀漀瀀椀挀崀㬀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀 爀愀渀搀漀洀䰀攀瘀攀氀㬀 
        startContainer.classList.add('hidden');਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
        const mcq = getRandomQuestions(selectedTopics, selectedLevel, 1)[0];਀        氀攀琀 挀漀渀琀攀渀琀 㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀栀攀愀搀攀爀∀㸀㰀栀㈀㸀㰀Ῐ⃟☀㼉⠉ ᔀ䀉 ᨀ䄉⠉䰉␉䀉 ⠀䌀䐀倀⤀㰀⼀栀㈀㸀㰀栀㌀㸀㰀꿘⃟␀笀爀愀渀搀漀洀吀漀瀀椀挀紀㰀⼀栀㌀㸀㰀瀀㸀㠀䴉␉〉 ␀笀爀愀渀搀漀洀䰀攀瘀攀氀紀㰀⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀瀀爀漀戀氀攀洀ⴀ漀昀ⴀ搀愀礀∀㸀㰀栀㌀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ猀琀愀爀ⴀ漀昀ⴀ氀椀昀攀∀㸀㰀⼀椀㸀 ؀ᰉ ᔀ㸉 Ԁⴉ䴉⼉㸉㠉 ⨀䴉〉㘉䴉⠉㰉⼀栀㌀㸀㰀瀀㸀Ԁ⨉⠉䀉 氀攀愀爀渀椀渀最 猀琀爀攀愀欀 Ⰰ⠉㸉༉ 　ᘉ䜉ȉ℉㰀⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀搀愀椀氀礀ⴀ猀甀洀洀愀爀礀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀甀洀洀愀爀礀ⴀ挀愀爀搀∀㸀㰀栀㐀㸀㴀◘⃝㈀ᜉ㸉␉㸉〉㰉⼀栀㐀㸀㰀瀀㸀␀笀甀猀攀爀倀爀漀最爀攀猀猀⸀猀琀爀攀愀欀紀 ☀㼉⠉㰉⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀甀洀洀愀爀礀ⴀ挀愀爀搀∀㸀㰀栀㐀㸀Ԁ‧㤀㈉ ⨀䴉〉㘉䴉⠉㰉⼀栀㐀㸀㰀瀀㸀␀笀甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀倀爀漀戀氀攀洀猀匀漀氀瘀攀搀紀㰀⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀甀洀洀愀爀礀ⴀ挀愀爀搀∀㸀㰀栀㐀㸀㴀�⃜⨀䴉〉ᜉ␉㼉㰉⼀栀㐀㸀㰀瀀㸀␀笀䴀愀琀栀⸀爀漀甀渀搀⠀⠀甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀瀀椀挀猀䌀漀洀瀀氀攀琀攀搀 ⼀ 甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀吀漀瀀椀挀猀⤀ ⨀ ㄀　　⤀紀─㰀⼀瀀㸀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ琀攀砀琀∀㸀␀笀洀挀焀⸀焀甀攀猀琀椀漀渀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䄀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀　崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䈀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㄀崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䌀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㈀崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䐀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㌀崀紀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀愀渀猀眀攀爀ⴀ猀栀攀攀琀∀㸀㰀栀㌀㸀㴀쳘⃜㠀⸉㸉✉㸉⠉㰉⼀栀㌀㸀㰀瀀㸀㰀猀琀爀漀渀最㸀㠀㤉䀉 ऀ␉䴉␉〉㨉㰀⼀猀琀爀漀渀最㸀 ␀笀洀挀焀⸀愀渀猀眀攀爀紀㰀⼀瀀㸀㰀瀀㸀㰀猀琀爀漀渀最㸀㔀䴉⼉㸉ᘉ䴉⼉㸉㨉㰀⼀猀琀爀漀渀最㸀 唀倀 吀䔀吀 Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 Ԁ㔉✉㸉〉⌉㸉 ᔀ䜉 Ԁ⠉䄉㠉㸉〉㰉⼀瀀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀∀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀洀愀爀欀䌀漀洀瀀氀攀琀攀䐀愀椀氀礀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀栀攀挀欀∀㸀㰀⼀椀㸀 ⨀䈉〉䴉⌉ ᔀ㼉⼉㸉㰉⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀瀀爀椀渀琀䈀琀渀∀㸀⨀䴉〉㼉ȉἉ ᔀ〉䜉ȉ㰉⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀∀㸀⠀⼉㸉 Ԁⴉ䴉⼉㸉㠉㰉⼀戀甀琀琀漀渀㸀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀怀㬀 
        generatedPaperContainer.innerHTML = content;਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀洀愀爀欀䌀漀洀瀀氀攀琀攀䐀愀椀氀礀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 甀猀攀爀倀爀漀最爀攀猀猀⸀琀漀琀愀氀倀爀漀戀氀攀洀猀匀漀氀瘀攀搀⬀⬀㬀 猀愀瘀攀唀猀攀爀倀爀漀最爀攀猀猀⠀⤀㬀 甀瀀搀愀琀攀唀䤀⠀⤀㬀 愀氀攀爀琀⠀∀Ⰰ✉㸉ࠉ 㤀䬉℉ ☀㼉⠉ ᔀ䀉 㠀⸉㠉䴉⼉㸉 㤀㈉ 㤀䄉ࠉ搉∉⤀㬀 戀愀挀欀吀漀匀琀愀爀琀⠀⤀㬀 紀⤀㬀 
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ 戀愀挀欀吀漀匀琀愀爀琀⤀㬀 
    }਀     
    function backToStart() {਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        startContainer.classList.remove('hidden');਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀琀漀瀀椀挀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        document.getElementById('levelSelection').classList.add('hidden');਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀甀戀樀攀挀琀匀攀氀攀挀琀椀漀渀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        document.getElementById('startScreen').classList.remove('hidden');਀        甀瀀搀愀琀攀唀䤀⠀⤀㬀 
    }਀    搀漀挀甀洀攀渀琀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀䐀伀䴀䌀漀渀琀攀渀琀䰀漀愀搀攀搀✀Ⰰ ⠀⤀ 㴀㸀 笀 氀漀愀搀唀猀攀爀倀爀漀最爀攀猀猀⠀⤀㬀 紀⤀㬀 
</script>਀㰀⼀戀漀搀礀㸀 
</html>