<!DOCTYPE html>਀㰀栀琀洀氀 氀愀渀最㴀∀栀椀∀㸀 
<head>਀    㰀洀攀琀愀 挀栀愀爀猀攀琀㴀∀唀吀䘀ⴀ㠀∀㸀 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">਀    㰀琀椀琀氀攀㸀唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⴀ Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ ⠀䌀䐀倀⤀ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ᰀ⠉〉䜉Ἁ〉㰉⼀琀椀琀氀攀㸀 
    <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='%238e24aa'/%3E%3Ctext x='50' y='67' font-size='40' text-anchor='middle' fill='white' font-weight='bold'%3Eब%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: #8e24aa;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀㘀愀㄀戀㤀愀㬀 
            --secondary: #ce93d8;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀昀㐀㐀㌀㌀㘀㬀 
            --success: #43a047;਀            ⴀⴀ氀椀最栀琀㨀 ⌀昀㌀攀㔀昀㔀㬀 
            --dark: #4a148c;਀            ⴀⴀ最爀愀礀㨀 ⌀㜀戀㄀昀愀㈀㬀 
            --border-radius: 12px;਀            ⴀⴀ戀漀砀ⴀ猀栀愀搀漀眀㨀 　 㐀瀀砀 ㈀　瀀砀 爀最戀愀⠀　Ⰰ 　Ⰰ 　Ⰰ 　⸀㄀⤀㬀 
            --transition: all 0.3s ease;਀        紀 
਀        ⨀ 笀 
            margin: 0;਀            瀀愀搀搀椀渀最㨀 　㬀 
            box-sizing: border-box;਀            昀漀渀琀ⴀ昀愀洀椀氀礀㨀 ✀匀攀最漀攀 唀䤀✀Ⰰ ✀一漀琀漀 匀愀渀猀✀Ⰰ ✀一漀琀漀 匀愀渀猀 䐀攀瘀愀渀愀最愀爀椀✀Ⰰ 猀礀猀琀攀洀ⴀ甀椀Ⰰ ⴀ愀瀀瀀氀攀ⴀ猀礀猀琀攀洀Ⰰ 猀愀渀猀ⴀ猀攀爀椀昀㬀 
        }਀ 
        body {਀            戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀昀㌀攀㔀昀㔀 　─Ⰰ ⌀攀㄀戀攀攀㜀 ㄀　　─⤀㬀 
            min-height: 100vh;਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 
            justify-content: center;਀            愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 
            padding: 20px;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ搀愀爀欀⤀㬀 
            line-height: 1.6;਀        紀 
਀        ⸀挀漀渀琀愀椀渀攀爀 笀 
            width: 100%;਀            洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　　瀀砀㬀 
            background: white;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 
            box-shadow: var(--box-shadow);਀            漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 
            transition: var(--transition);਀            愀渀椀洀愀琀椀漀渀㨀 昀愀搀攀䤀渀 　⸀㔀猀 攀愀猀攀ⴀ漀甀琀㬀 
        }਀ 
        @keyframes fadeIn {਀            昀爀漀洀 笀 漀瀀愀挀椀琀礀㨀 　㬀 琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀㈀　瀀砀⤀㬀 紀 
            to { opacity: 1; transform: translateY(0); }਀        紀 
਀        ⸀栀攀愀搀攀爀 笀 
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
            padding: 30px 20px;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 
            position: relative;਀            漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 
        }਀ 
        .header::before {਀            挀漀渀琀攀渀琀㨀 ✀㸀⟝㬀 
            position: absolute;਀            戀漀琀琀漀洀㨀 ⴀ㌀　瀀砀㬀 
            right: -30px;਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㈀　瀀砀㬀 
            opacity: 0.15;਀            琀爀愀渀猀昀漀爀洀㨀 爀漀琀愀琀攀⠀ⴀ㄀㔀搀攀最⤀㬀 
        }਀ 
        .header h1 {਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㘀爀攀洀㬀 
            margin-bottom: 10px;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㜀　　㬀 
            position: relative;਀            稀ⴀ椀渀搀攀砀㨀 ㄀㬀 
        }਀ 
        .header p {਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀爀攀洀㬀 
            opacity: 0.9;਀            瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 
            z-index: 1;਀        紀 
਀        ⸀挀漀渀琀攀渀琀ⴀ愀爀攀愀 笀 
            padding: 30px;਀        紀 
਀        ⸀栀椀搀搀攀渀 笀 
            display: none !important;਀        紀 
਀        ⸀戀琀渀 笀 
            display: inline-block;਀            瀀愀搀搀椀渀最㨀 ㄀㈀瀀砀 ㈀㠀瀀砀㬀 
            border-radius: 50px;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 
            cursor: pointer;਀            琀爀愀渀猀椀琀椀漀渀㨀 瘀愀爀⠀ⴀⴀ琀爀愀渀猀椀琀椀漀渀⤀㬀 
            border: none;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);਀            洀愀爀最椀渀㨀 ㄀　瀀砀 㔀瀀砀㬀 
        }਀ 
        .btn-primary {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 
            color: white;਀        紀 
਀        ⸀戀琀渀ⴀ瀀爀椀洀愀爀礀㨀栀漀瘀攀爀 笀 
            background: var(--primary-dark);਀            琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㈀瀀砀⤀㬀 
            box-shadow: 0 8px 15px rgba(142, 36, 170, 0.3);਀        紀 
਀        ⸀戀琀渀ⴀ猀甀挀挀攀猀猀 笀 
            background: var(--success);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
        }਀ 
        .btn-success:hover {਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀㈀攀㜀搀㌀㈀㬀 
            transform: translateY(-2px);਀        紀 
਀        ⸀戀琀渀ⴀ搀愀渀最攀爀 笀 
            background: var(--danger);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
        }਀ 
        .btn-danger:hover {਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀搀㌀㈀昀㈀昀㬀 
            transform: translateY(-2px);਀        紀 
਀        ⸀戀琀渀ⴀ氀攀瘀攀氀 笀 
            background: var(--light);਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ搀愀爀欀⤀㬀 
            border: 2px solid var(--gray);਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㄀爀攀洀㬀 
            padding: 15px 30px;਀            眀椀搀琀栀㨀 ㈀　　瀀砀㬀 
        }਀ 
        .btn-level:hover {਀            琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㔀瀀砀⤀㬀 
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);਀        紀 
਀        ⸀戀琀渀ⴀ氀攀瘀攀氀⸀猀攀氀攀挀琀攀搀 笀 
            background: var(--primary);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
            border-color: var(--primary);਀        紀 
਀        ⸀戀琀渀ⴀ最爀漀甀瀀 笀 
            display: flex;਀            昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 
            justify-content: center;਀            最愀瀀㨀 ㄀　瀀砀㬀 
            margin: 20px 0;਀        紀 
਀        ⸀氀攀瘀攀氀ⴀ戀甀琀琀漀渀猀 笀 
            display: flex;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 
            gap: 20px;਀            洀愀爀最椀渀㨀 ㌀　瀀砀 　㬀 
            flex-wrap: wrap;਀        紀 
਀        ⸀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀 笀 
            text-align: center;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀㔀瀀砀㬀 
            color: var(--primary-dark);਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㔀爀攀洀㬀 
            position: relative;਀            瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 ㄀　瀀砀㬀 
        }਀ 
        .section-title::after {਀            挀漀渀琀攀渀琀㨀 ✀✀㬀 
            position: absolute;਀            戀漀琀琀漀洀㨀 　㬀 
            left: 50%;਀            琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀堀⠀ⴀ㔀　─⤀㬀 
            width: 80px;਀            栀攀椀最栀琀㨀 ㌀瀀砀㬀 
            background: var(--secondary);਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㌀瀀砀㬀 
        }਀ 
        .checkbox-container {਀            搀椀猀瀀氀愀礀㨀 最爀椀搀㬀 
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));਀            最愀瀀㨀 ㄀㈀瀀砀㬀 
            margin: 25px 0;਀            洀愀砀ⴀ栀攀椀最栀琀㨀 㐀㔀　瀀砀㬀 
            overflow-y: auto;਀            瀀愀搀搀椀渀最㨀 ㄀　瀀砀㬀 
            border: 1px solid #eee;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㄀㈀瀀砀㬀 
        }਀ 
        .checkbox-item {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 
            align-items: center;਀        紀 
਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 椀渀瀀甀琀 笀 
            margin-right: 10px;਀            眀椀搀琀栀㨀 ㄀㠀瀀砀㬀 
            height: 18px;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 
        }਀ 
        .checkbox-item label {਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 
            font-size: 0.85rem;਀        紀 
਀        ⸀瀀爀愀挀琀椀挀攀ⴀ漀瀀琀椀漀渀猀 笀 
            display: grid;਀            最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀愀甀琀漀ⴀ昀椀琀Ⰰ 洀椀渀洀愀砀⠀㈀㐀　瀀砀Ⰰ ㄀昀爀⤀⤀㬀 
            gap: 20px;਀            洀愀爀最椀渀㨀 ㌀　瀀砀 　㬀 
        }਀         
        .option-card {਀            戀愀挀欀最爀漀甀渀搀㨀 眀栀椀琀攀㬀 
            border-radius: var(--border-radius);਀            瀀愀搀搀椀渀最㨀 ㈀㔀瀀砀㬀 
            box-shadow: var(--box-shadow);਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 
            transition: var(--transition);਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 
            border: 2px solid transparent;਀        紀 
        ਀        ⸀漀瀀琀椀漀渀ⴀ挀愀爀搀㨀栀漀瘀攀爀 笀 
            transform: translateY(-5px);਀            戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㄀　瀀砀 ㈀㔀瀀砀 爀最戀愀⠀　Ⰰ 　Ⰰ 　Ⰰ 　⸀㄀㔀⤀㬀 
        }਀         
        .option-card.selected {਀            戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 
            background: rgba(142, 36, 170, 0.05);਀        紀 
        ਀        ⸀漀瀀琀椀漀渀ⴀ椀挀漀渀 笀 
            font-size: 2.5rem;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 
            margin-bottom: 15px;਀        紀 
        ਀        ⸀漀瀀琀椀漀渀ⴀ琀椀琀氀攀 笀 
            font-size: 1.2rem;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 
            margin-bottom: 10px;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀⤀㬀 
        }਀         
        .option-description {਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ最爀愀礀⤀㬀 
            font-size: 0.85rem;਀        紀 
਀        ⸀焀甀攀猀琀椀漀渀ⴀ挀漀甀渀琀ⴀ猀攀氀攀挀琀漀爀 笀 
            display: flex;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 
            align-items: center;਀            最愀瀀㨀 ㄀㔀瀀砀㬀 
            margin: 20px 0;਀        紀 
        ਀        ⸀挀漀甀渀琀ⴀ戀琀渀 笀 
            width: 40px;਀            栀攀椀最栀琀㨀 㐀　瀀砀㬀 
            border-radius: 50%;਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ氀椀最栀琀⤀㬀 
            border: 2px solid var(--gray);਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 
            align-items: center;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 
            cursor: pointer;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀 
            transition: var(--transition);਀        紀 
        ਀        ⸀挀漀甀渀琀ⴀ戀琀渀㨀栀漀瘀攀爀 笀 
            background: var(--primary);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
            border-color: var(--primary);਀        紀 
        ਀        ⸀焀甀攀猀琀椀漀渀ⴀ挀漀甀渀琀 笀 
            font-size: 1.5rem;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 
            min-width: 60px;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 
        }਀ 
        .timer-options {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 
            justify-content: center;਀            最愀瀀㨀 ㄀㔀瀀砀㬀 
            margin: 20px 0;਀            昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 
        }਀         
        .timer-btn {਀            瀀愀搀搀椀渀最㨀 ㄀　瀀砀 ㈀　瀀砀㬀 
            background: var(--light);਀            戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ最爀愀礀⤀㬀 
            border-radius: 30px;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 
            transition: var(--transition);਀        紀 
        ਀        ⸀琀椀洀攀爀ⴀ戀琀渀⸀猀攀氀攀挀琀攀搀 笀 
            background: var(--primary);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
            border-color: var(--primary);਀        紀 
਀        ⸀焀甀攀猀琀椀漀渀 笀 
            margin-bottom: 20px;਀            瀀愀最攀ⴀ戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 
        }਀        ⸀焀甀攀猀琀椀漀渀ⴀ琀攀砀琀 笀 
            font-weight: 500;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㠀瀀砀㬀 
        }਀        ⸀漀瀀琀椀漀渀 笀 
            margin-left: 20px;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㔀瀀砀㬀 
        }਀        ⸀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀 笀 
            display: flex;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 
            flex-wrap: wrap;਀            最愀瀀㨀 ㄀㔀瀀砀㬀 
            margin-top: 40px;਀        紀 
        .answer-sheet {਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 㐀　瀀砀㬀 
            padding: 20px;਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀昀㠀昀㤀昀愀㬀 
            border-radius: var(--border-radius);਀        紀 
        .answer-table {਀            眀椀搀琀栀㨀 ㄀　　─㬀 
            border-collapse: collapse;਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀㔀瀀砀㬀 
        }਀        ⸀愀渀猀眀攀爀ⴀ琀愀戀氀攀 琀栀Ⰰ ⸀愀渀猀眀攀爀ⴀ琀愀戀氀攀 琀搀 笀 
            border: 1px solid #ddd;਀            瀀愀搀搀椀渀最㨀 㠀瀀砀㬀 
            text-align: center;਀        紀 
        .answer-table th {਀            戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 
            color: white;਀        紀 
        .instructions {਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㌀　瀀砀㬀 
            padding: 20px;਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀昀㌀攀㔀昀㔀㬀 
            border-radius: var(--border-radius);਀            戀漀爀搀攀爀ⴀ氀攀昀琀㨀 㔀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 
        }਀        ⸀椀渀猀琀爀甀挀琀椀漀渀猀 漀氀 笀 
            padding-left: 20px;਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀　瀀砀㬀 
        }਀        ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 笀 
            text-align: center;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀　瀀砀㬀 
        }਀        ⸀栀漀洀攀ⴀ椀挀漀渀 笀 
            position: absolute;਀            琀漀瀀㨀 ㈀　瀀砀㬀 
            left: 20px;਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 
            font-size: 24px;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 
            transition: var(--transition);਀            稀ⴀ椀渀搀攀砀㨀 ㈀㬀 
        }਀        ⸀栀漀洀攀ⴀ椀挀漀渀㨀栀漀瘀攀爀 笀 
            transform: scale(1.1);਀        紀 
        @media (max-width: 768px) {਀            ⸀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀 笀 最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 ㄀昀爀㬀 紀 
            .level-buttons { flex-direction: column; align-items: center; }਀            ⸀戀琀渀ⴀ氀攀瘀攀氀 笀 眀椀搀琀栀㨀 ㄀　　─㬀 洀愀砀ⴀ眀椀搀琀栀㨀 ㈀㔀　瀀砀㬀 紀 
            .header h1 { font-size: 1.2rem; }਀        紀 
        @media print {਀            ⸀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀 笀 搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 紀 
            .home-icon { display: none; }਀            ⸀焀甀攀猀琀椀漀渀 笀 瀀愀最攀ⴀ戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 紀 
        }਀        ⸀琀攀砀琀ⴀ挀攀渀琀攀爀 笀 琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 紀 
    </style>਀㰀⼀栀攀愀搀㸀 
<body>਀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀愀椀渀攀爀∀ 椀搀㴀∀猀琀愀爀琀䌀漀渀琀愀椀渀攀爀∀㸀 
    <div class="header">਀        㰀愀 栀爀攀昀㴀∀甀瀀ⴀ琀攀琀ⴀ攀砀愀洀ⴀ瀀愀瀀攀爀㄀ⴀ瀀爀愀挀琀椀挀攀ⴀ猀攀琀ⴀ最攀渀攀爀愀琀漀爀⸀栀琀洀氀∀ 挀氀愀猀猀㴀∀栀漀洀攀ⴀ椀挀漀渀∀ 椀搀㴀∀栀漀洀攀䤀挀漀渀䈀琀渀∀㸀 
            <i class="fas fa-home"></i>਀        㰀⼀愀㸀 
        <h1><i class="fas fa-brain"></i> UP TET Paper 1 - बाल विकास एवं शिक्षण विधियाँ (CDP) अभ्यास सेट जनरेटर</h1>਀        㰀瀀㸀唀倀 吀䔀吀 ⨀䴉〉㸉┉⸉㼉ᔉ 㠀䴉␉〉 ᔀ䀉 ⨀〉䀉ᔉ䴉㜉㸉 㤀䜉␉䄉 Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉Ⰹ Ԁ✉㼉ᜉ⸉ ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉䬉ȉ ᔀ㸉 㔀㼉㜉⼉㔉㸉〉 Ԁⴉ䴉⼉㸉㠉㰉⼀瀀㸀 
    </div>਀    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀 
        <div id="startScreen">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㸀⃝Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ ⴀ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ᰀ⠉〉䜉Ἁ〉㰉⼀栀㈀㸀 
            <p class="text-center">UP TET Paper 1 हेतु बाल विकास, अधिगम के सिद्धांत, शिक्षण विधियाँ एवं मनोविज्ञान का विस्तृत अभ्यास सेट तैयार करें</p>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-primary" id="startGeneratingBtn"><i class="fas fa-play"></i> अभ्यास सेट बनाना शुरू करें</button>਀            㰀⼀搀椀瘀㸀 
        </div>਀ 
        <div id="practiceTypeSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀Ԁⴉ䴉⼉㸉㠉 ᔀ㸉 ⨀䴉〉ᔉ㸉〉 ᨀ䄉⠉䜉ȉ㰉⼀栀㈀㸀 
            <p class="text-center">अपनी तैयारी के अनुसार अभ्यास सेट चुनें:</p>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀瀀爀愀挀琀椀挀攀ⴀ漀瀀琀椀漀渀猀∀㸀 
                <div class="option-card" data-type="chapter-wise">਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ椀挀漀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ戀漀漀欀ⴀ漀瀀攀渀∀㸀㰀⼀椀㸀㰀⼀搀椀瘀㸀 
                    <div class="option-title">विषयानुसार अभ्यास</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ搀攀猀挀爀椀瀀琀椀漀渀∀㸀ᔀ㼉㠉䀉 㔀㼉㘉䜉㜉 㔀㼉㜉⼉ ⠀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉Ⰹ Ԁ✉㼉ᜉ⸉Ⰹ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ⤉ ᔀ㸉 ᜀ㤉⠉ Ԁⴉ䴉⼉㸉㠉 ᔀ〉䜉ȉ㰉⼀搀椀瘀㸀 
                </div>਀                㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ挀愀爀搀∀ 搀愀琀愀ⴀ琀礀瀀攀㴀∀昀甀氀氀ⴀ氀攀渀最琀栀∀㸀 
                    <div class="option-icon"><i class="fas fa-file-alt"></i></div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ琀椀琀氀攀∀㸀⨀䈉〉䴉⌉ ㈀ȉⰉ㸉ࠉ ἀ䜉㠉䴉Ἁ㰉⼀搀椀瘀㸀 
                    <div class="option-description">UP TET पैटर्न पर आधारित 50 प्रश्नों का सेट</div>਀                㰀⼀搀椀瘀㸀 
                <div class="option-card" data-type="previous-year">਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ椀挀漀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ挀愀氀攀渀搀愀爀ⴀ愀氀琀∀㸀㰀⼀椀㸀㰀⼀搀椀瘀㸀 
                    <div class="option-title">पिछले वर्षों के प्रश्न</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ搀攀猀挀爀椀瀀琀椀漀渀∀㸀⨀㼉ᬉ㈉䀉 吀䔀吀 ⨀〉䀉ᔉ䴉㜉㸉ጉȉ ⨀〉 ؀✉㸉〉㼉␉ ⨀䴉〉㘉䴉⠉㰉⼀搀椀瘀㸀 
                </div>਀            㰀⼀搀椀瘀㸀 
            <div class="btn-group">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀戀愀挀欀吀漀匀琀愀爀琀䈀琀渀∀㸀⨀䀉ᬉ䜉 ᰀ㸉༉ȉ㰉⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-success" id="proceedToChaptersBtn">विषय चुनें →</button>਀            㰀⼀搀椀瘀㸀 
        </div>਀ 
        <div id="chapterSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㴀�⃜Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ ⴀ 㔀㼉㜉⼉ ᨀ䄉⠉䜉ȉ㰉⼀栀㈀㸀 
            <form id="chapterForm">਀                㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀∀ 椀搀㴀∀挀搀瀀吀漀瀀椀挀猀䌀漀渀琀愀椀渀攀爀∀㸀㰀⼀搀椀瘀㸀 
            </form>਀            㰀搀椀瘀 椀搀㴀∀焀甀攀猀琀椀漀渀䌀漀甀渀琀匀攀挀琀椀漀渀∀㸀 
                <h3 class="section-title">प्रश्नों की संख्या चुनें</h3>਀                㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ挀漀甀渀琀ⴀ猀攀氀攀挀琀漀爀∀㸀 
                    <div class="count-btn" id="decreaseCount">-</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ挀漀甀渀琀∀ 椀搀㴀∀焀甀攀猀琀椀漀渀䌀漀甀渀琀∀㸀㔀　㰀⼀搀椀瘀㸀 
                    <div class="count-btn" id="increaseCount">+</div>਀                㰀⼀搀椀瘀㸀 
            </div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-danger" id="backToPracticeTypeBtn">पीछे</button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀∀㸀ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ 鈀㰡⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
਀        㰀搀椀瘀 椀搀㴀∀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀∀ 挀氀愀猀猀㴀∀栀椀搀搀攀渀∀㸀 
            <h2 class="section-title">कठिनाई स्तर चुनें</h2>਀            㰀瀀 挀氀愀猀猀㴀∀琀攀砀琀ⴀ挀攀渀琀攀爀∀㸀唀倀 吀䔀吀 ⨀〉䀉ᔉ䴉㜉㸉 ᔀ䜉 Ԁ⠉䄉㠉㸉〉 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ㨉㰀⼀瀀㸀 
            <div class="level-buttons">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ氀攀瘀攀氀∀ 椀搀㴀∀氀攀瘀攀氀㄀䈀琀渀∀㸀䰀攀瘀攀氀 ㄀㰀戀爀㸀㰀猀洀愀氀氀㸀Ⰰ䄉⠉㼉⼉㸉☉䀉 ⠀⨀䴉〉㸉〉ȉⴉ㼉ᔉ⤉㰀⼀猀洀愀氀氀㸀㰀⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-level" id="level2Btn">Level 2<br><small>मध्यम (TET स्तर)</small></button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ氀攀瘀攀氀∀ 椀搀㴀∀氀攀瘀攀氀㌀䈀琀渀∀㸀䰀攀瘀攀氀 ㌀㰀戀爀㸀㰀猀洀愀氀氀㸀ऀᨉ䴉ᨉ ⠀㘀㼉ᔉ䴉㜉ᔉ ⨀㸉␉䴉〉␉㸉⤉㰀⼀猀洀愀氀氀㸀㰀⼀戀甀琀琀漀渀㸀 
            </div>਀            㰀搀椀瘀 椀搀㴀∀琀椀洀攀爀伀瀀琀椀漀渀猀∀㸀 
                <h3 class="section-title">समय सीमा चुनें</h3>਀                㰀搀椀瘀 挀氀愀猀猀㴀∀琀椀洀攀爀ⴀ漀瀀琀椀漀渀猀∀㸀 
                    <div class="timer-btn" data-time="30">30 मिनट</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀琀椀洀攀爀ⴀ戀琀渀∀ 搀愀琀愀ⴀ琀椀洀攀㴀∀㐀㔀∀㸀㐀㔀 ⸀㼉⠉Ἁ㰉⼀搀椀瘀㸀 
                    <div class="timer-btn" data-time="60" class="selected">60 मिनट</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀琀椀洀攀爀ⴀ戀琀渀∀ 搀愀琀愀ⴀ琀椀洀攀㴀∀㤀　∀㸀㤀　 ⸀㼉⠉Ἁ㰉⼀搀椀瘀㸀 
                </div>਀            㰀⼀搀椀瘀㸀 
            <div class="btn-group">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀∀㸀㔀㼉㜉⼉䬉ȉ ⨀〉 㔀㸉⨉㠉㰉⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-success" id="generateFinalBtn">अभ्यास सेट जनरेट करें</button>਀            㰀⼀搀椀瘀㸀 
        </div>਀    㰀⼀搀椀瘀㸀 
</div>਀㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀愀椀渀攀爀 栀椀搀搀攀渀∀ 椀搀㴀∀最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀∀㸀㰀⼀搀椀瘀㸀 
਀㰀猀挀爀椀瀀琀㸀 
    const { jsPDF } = window.jspdf;਀     
    // ======================== बाल विकास एवं शिक्षण विधियाँ (42 विषय) ========================਀    挀漀渀猀琀 挀搀瀀䌀栀愀瀀琀攀爀猀 㴀 嬀 
        "बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ",਀        ∀㘀㼉ᔉ䴉㜉㸉 ༀ㔉ȉ ⸀⠉䬉㔉㼉ᰉ䴉ḉ㸉⠉∉Ⰰ 
        "शिक्षा मनोविज्ञान",਀        ∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ᔀ䜉 ؀✉㸉〉 ༀ㔉ȉ ऀ⠉ᔉ䬉 ⨀䴉〉ⴉ㸉㔉㼉␉ ᔀ〉⠉䜉 㔀㸉㈉䜉 ᔀ㸉〉ᔉ∉Ⰰ 
        "वृद्धि एवं विकास (Growth & Development)",਀        ∀㔀㼉ᔉ㸉㠉 ᔀ䀉 Ԁ㔉㠉䴉┉㸉༉ȉ ⠀匀琀愀最攀猀 漀昀 䐀攀瘀攀氀漀瀀洀攀渀琀⤀∀Ⰰ 
        "वंशानुक्रम एवं वातावरण (Heredity & Environment)",਀        ∀㠀㸉⸉㸉ᰉ䀉ᔉ〉⌉ ⠀匀漀挀椀愀氀椀稀愀琀椀漀渀⤀∀Ⰰ 
        "समाज निर्माण में लैंगिक मुद्दे (Gender Issues)",਀        ∀⠀䠉␉㼉ᔉ ༀ㔉ȉ 㠀㸉⸉㸉ᰉ㼉ᔉ 㔀㼉ᔉ㸉㠉 ⠀䴀漀爀愀氀 ☀ 匀漀挀椀愀氀 䐀攀瘀攀氀漀瀀洀攀渀琀⤀∀Ⰰ 
        "संज्ञानात्मक विकास (Cognitive Development - Piaget)",਀        ∀㠀ȉ㔉䜉ᜉ㸉␉䴉⸉ᔉ 㔀㼉ᔉ㸉㠉 ⠀䔀洀漀琀椀漀渀愀氀 䐀攀瘀攀氀漀瀀洀攀渀琀⤀∀Ⰰ 
        "बुद्धि अवधारणा एवं सिद्धांत (Intelligence Theories)",਀        ∀Ⰰ䄉☉䴉✉㼉 ⸀㸉⨉⠉ ༀ㔉ȉ ⨀〉䀉ᔉ䴉㜉⌉ ⠀䤀渀琀攀氀氀椀最攀渀挀攀 䴀攀愀猀甀爀攀洀攀渀琀⤀∀Ⰰ 
        "भाषा और विचार (Language & Thought - Vygotsky)",਀        ∀Ⰰ㸉㈉ ᔀ䜉ȉ☉䴉〉㼉␉ ༀ㔉ȉ ⨀䴉〉ᜉ␉㼉㘉䀉㈉ 㘀㼉ᔉ䴉㜉⌉ ⠀䌀栀椀氀搀 䌀攀渀琀攀爀攀搀 䰀攀愀爀渀椀渀最⤀∀Ⰰ 
        "व्यक्तित्व अवधारणा एवं सिद्धांत (Personality Theories)",਀        ∀㔀䴉⼉ᔉ䴉␉㼉␉䴉㔉 ⸀㸉⨉⠉ ༀ㔉ȉ ⨀〉䀉ᔉ䴉㜉⌉ ⠀倀攀爀猀漀渀愀氀椀琀礀 䴀攀愀猀甀爀攀洀攀渀琀⤀∀Ⰰ 
        "वैयक्तिक विभिन्नता (Individual Differences)",਀        ∀ᨀ㼉ȉ␉⠉Ⰹ ␀〉䴉ᔉⰉ ᔀ㈉䴉⨉⠉㸉 ⠀吀栀椀渀欀椀渀最Ⰰ 刀攀愀猀漀渀椀渀最Ⰰ 䤀洀愀最椀渀愀琀椀漀渀⤀∀Ⰰ 
        "समस्या समाधान (Problem Solving)",਀        ∀㠀䌉ᰉ⠉㸉␉䴉⸉ᔉ␉㸉 ⠀䌀爀攀愀琀椀瘀椀琀礀⤀∀Ⰰ 
        "शैक्षिक मापन एवं मूल्यांकन (Evaluation)",਀        ∀ऀ⨉㈉Ⰹ䴉✉㼉 ⨀〉䀉ᔉ䴉㜉⌉ ༀ㔉ȉ ⨀䴉〉㘉䴉⠉ ⨀␉䴉〉 ⠀㼉〉䴉⸉㸉⌉ ⠀䄀挀栀椀攀瘀攀洀攀渀琀 吀攀猀琀⤀∀Ⰰ 
        "अधिगम: अवधारणा एवं प्रक्रिया (Learning: Concept & Process)",਀        ∀Ԁ✉㼉ᜉ⸉㨉 ⠀㼉⼉⸉ ༀ㔉ȉ 㠀㼉☉䴉✉㸉ȉ␉ ⠀䰀攀愀爀渀椀渀最 吀栀攀漀爀椀攀猀⤀∀Ⰰ 
        "शिक्षण एवं शिक्षण विधाएं (Teaching Methods)",਀        ∀㠀⸉㸉㔉䜉㘉䀉 㘀㼉ᔉ䴉㜉㸉 ⠀䤀渀挀氀甀猀椀瘀攀 䔀搀甀挀愀琀椀漀渀⤀∀Ⰰ 
        "विशिष्ट आवश्यकता वाले बालक (CWSN)",਀        ∀Ⰰ㸉㈉ᔉ ⼀ Ⰰᨉ䴉ᨉ䜉 ᔀ䠉㠉䜉 㠀䬉ᨉ␉䜉 ༀ㔉ȉ 㠀䀉ᘉ␉䜉 㤀䠉ȉ㼉∀Ⰰ 
        "अधिगम की वैकल्पिक अवधारणाएं (Alternative Conceptions)",਀        ∀㘀㼉ᔉ䴉㜉⌉ 㨀 Ԁ〉䴉┉Ⰹ ऀ☉䴉☉䜉㘉䴉⼉Ⰹ 㠀䈉␉䴉〉 ༀ㔉ȉ 㠀㼉☉䴉✉㸉⠉䴉␉∉Ⰰ 
        "शिक्षण की प्रविधियाँ एवं नवीन विधाएँ",਀        ∀㘀㼉ᔉ䴉㜉⌉ ༀ㔉ȉ Ԁ✉㼉ᜉ⸉ ᔀ䀉 ⸀䈉㈉ⴉ䈉␉ ⨀䴉〉ᔉ䴉〉㼉⼉㸉༉ĉ∉Ⰰ 
        "शैक्षिक समावेशन (Academic Inclusion)",਀        ∀㠀⸉㸉㔉䜉㘉⠉ 㨀 ऀ⨉ᔉ〉⌉Ⰹ ␀ᔉ⠉䀉ᔉ ༀ㔉ȉ 㔀㼉✉㼉⼉㸉ĉ∉Ⰰ 
        "परामर्श में सहयोग देने वाले विभाग/संस्थान",਀        ∀㘀䠉ᔉ䴉㜉㼉ᔉ ⠀㼉〉䴉☉䜉㘉⠉ ༀ㔉ȉ ⨀〉㸉⸉〉䴉㘉 ⠀䜀甀椀搀愀渀挀攀 ☀ 䌀漀甀渀猀攀氀氀椀渀最⤀∀Ⰰ 
        "एक समस्या-समाधानकर्ता और वैज्ञानिक अन्वेषक के रूप में बालक",਀        ∀Ⰰ㸉㈉ᔉ䬉ȉ ⸀䜉ȉ 㔀䠉ᔉ㈉䴉⨉㼉ᔉ 㠀ȉᔉ㈉䴉⨉⠉㸉 ⠀䄀氀琀攀爀渀愀琀椀瘀攀 䘀爀愀洀攀眀漀爀欀猀⤀∀Ⰰ 
        "बोध एवं संवेदनाएँ (Perception & Sensation)",਀        ∀Ԁⴉ㼉⨉䴉〉䜉〉⌉㸉 ⠀⨀䴉〉䜉〉⌉㸉⤉ ༀ㔉ȉ Ԁ✉㼉ᜉ⸉ ⠀䴀漀琀椀瘀愀琀椀漀渀 ☀ 䰀攀愀爀渀椀渀最⤀∀ 
    ];਀ 
    // ======================== प्रश्न डेटाबेस ========================਀    挀漀渀猀琀 焀甀攀猀琀椀漀渀猀 㴀 笀紀㬀 
਀    昀甀渀挀琀椀漀渀 愀搀搀儀甀攀猀琀椀漀渀⠀挀栀愀瀀琀攀爀Ⰰ 氀攀瘀攀氀Ⰰ 焀吀攀砀琀Ⰰ 漀瀀琀猀Ⰰ 愀渀猀⤀ 笀 
        if(!questions[chapter]) questions[chapter] = { level1: [], level2: [], level3: [] };਀        焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀嬀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀怀崀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 焀吀攀砀琀Ⰰ 漀瀀琀椀漀渀猀㨀 漀瀀琀猀Ⰰ 愀渀猀眀攀爀㨀 愀渀猀 紀⤀㬀 
    }਀ 
    // ---------- CDP के गुणवत्तापूर्ण प्रश्न ----------਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀　崀Ⰰ ㄀Ⰰ ∀Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ᔀ㸉 Ԁ✉䴉⼉⼉⠉ ᔀ㼉㠉㠉䜉 㠀ȉⰉȉ✉㼉␉ 㤀䠉㼉∀Ⰰ 嬀∀㘀㸉〉䀉〉㼉ᔉ 㔀㼉ᔉ㸉㠉 ⸀㸉␉䴉〉∉Ⰰ ∀⸀㸉⠉㠉㼉ᔉ 㔀㼉ᔉ㸉㠉 ⸀㸉␉䴉〉∉Ⰰ ∀Ⰰ㸉㈉ᔉ ᔀ䜉 㠀ⴉ䀉 ⨀㤉㈉䄉ጉȉ ᔀ䜉 㔀㼉ᔉ㸉㠉 㠀䜉∉Ⰰ ∀ᔀ䜉㔉㈉ 㠀㸉⸉㸉ᰉ㼉ᔉ 㔀㼉ᔉ㸉㠉 㠀䜉∉崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(cdpChapters[5], 1, "पियाजे के अनुसार संज्ञानात्मक विकास की कितनी अवस्थाएँ हैं?", ["2", "3", "4", "5"], "C");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㔀崀Ⰰ ㈀Ⰰ ∀ᔀ㼉㘉䬉〉㸉㔉㠉䴉┉㸉 ᔀ䀉 ؀⼉䄉 㠀䀉⸉㸉 ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀　ⴀ㈀ 㔀〉䴉㜉∉Ⰰ ∀㈀ⴀ㘀 㔀〉䴉㜉∉Ⰰ ∀㘀ⴀ㄀㈀ 㔀〉䴉㜉∉Ⰰ ∀㄀㈀ⴀ㄀㠀 㔀〉䴉㜉∉崀Ⰰ ∀䐀∀⤀㬀 
    addQuestion(cdpChapters[10], 1, "पियाजे के संज्ञानात्मक विकास के सिद्धांत में 'संतुलन' का क्या अर्थ है?", ["बाहरी दबाव", "मानसिक संतुलन की स्थिति", "शारीरिक संतुलन", "सामाजिक समायोजन"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㄀㈀崀Ⰰ ㄀Ⰰ ∀Ⰰ䄉☉䴉✉㼉 ᔀ㸉 ☀䴉㔉㼉ⴉᔀ㸉〉ᔉ 㠀㼉☉䴉✉㸉ȉ␉ ᔀ㼉㠉⠉䜉 ☀㼉⼉㸉㼉∀Ⰰ 嬀∀⨀㼉⼉㸉ᰉ䜉∉Ⰰ ∀㠀䴉⨉䀉⼉〉⸉䠉⠉∉Ⰰ ∀ᜀ㸉〉䴉℉⠉〉∉Ⰰ ∀─〉䴉㠉䴉Ἁ⠉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(cdpChapters[12], 2, "गार्डनर के बहु-बुद्धि सिद्धांत में कितने प्रकार की बुद्धि बताई गई?", ["5", "6", "7", "8"], "D");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㄀㐀崀Ⰰ ㄀Ⰰ ∀㔀㸉⼉ᜉ䬉␉䴉㠉䴉ᔉ䀉 ᔀ䜉 Ԁ⠉䄉㠉㸉〉 ⴀ㸉㜉㸉 ᐀〉 㔀㼉ᨉ㸉〉 ᔀ㸉 㠀ȉⰉȉ✉ ᔀ䠉㠉㸉 㤀䠉㼉∀Ⰰ 嬀∀ⴀ㸉㜉㸉 㔀㼉ᨉ㸉〉 㠀䜉 㠀䴉㔉␉ȉ␉䴉〉∉Ⰰ ∀㔀㼉ᨉ㸉〉 ⴀ㸉㜉㸉 㠀䜉 㠀䴉㔉␉ȉ␉䴉〉∉Ⰰ ∀ⴀ㸉㜉㸉 ᐀〉 㔀㼉ᨉ㸉〉 ⨀〉㠉䴉⨉〉 㠀ȉⰉȉ✉㼉␉∉Ⰰ ∀ᔀ䬉ࠉ 㠀ȉⰉȉ✉ ⠀㤉䀉ȉ∉崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(cdpChapters[15], 1, "बाल-केंद्रित शिक्षा का अर्थ है:", ["शिक्षक को केंद्र में रखना", "बालक की रुचियों एवं आवश्यकताओं को केंद्र में रखना", "पाठ्यक्रम को केंद्र में रखना", "परीक्षा को केंद्र में रखना"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㄀㠀崀Ⰰ ㄀Ⰰ ∀㔀䠉⼉ᔉ䴉␉㼉ᔉ 㔀㼉ⴉ㼉⠉䴉⠉␉㸉 ᔀ㸉 ⸀䄉ᘉ䴉⼉ ᔀ㸉〉⌉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㔀ȉ㘉㸉⠉䄉ᔉ䴉〉⸉ ⸀㸉␉䴉〉∉Ⰰ ∀㔀㸉␉㸉㔉〉⌉ ⸀㸉␉䴉〉∉Ⰰ ∀㔀ȉ㘉㸉⠉䄉ᔉ䴉〉⸉ ༀ㔉ȉ 㔀㸉␉㸉㔉〉⌉ ☀䬉⠉䬉ȉ∉Ⰰ ∀㘀㼉ᔉ䴉㜉㸉 ᔀ㸉 Ԁⴉ㸉㔉∉崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(cdpChapters[20], 1, "समस्या समाधान की पहली अवस्था क्या है?", ["समाधान खोजना", "समस्या की पहचान", "समाधान का क्रियान्वयन", "मूल्यांकन"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㈀㄀崀Ⰰ ㄀Ⰰ ∀㠀䌉ᰉ⠉㸉␉䴉⸉ᔉ␉㸉 ⠀䌀爀攀愀琀椀瘀椀琀礀⤀ 㠀Ⰹ㠉䜉 Ԁ✉㼉ᔉ ᔀ㼉㠉㠉䜉 㠀ȉⰉȉ✉㼉␉ 㤀䠉㼉∀Ⰰ 嬀∀Ԁⴉ㼉㠉㸉〉䀉 ᨀ㼉ȉ␉⠉∉Ⰰ ∀Ԁ⨉㠉㸉〉䀉 ᨀ㼉ȉ␉⠉∉Ⰰ ∀Ԁ⠉䄉ᔉ〉⌉∉Ⰰ ∀㠀䴉⸉〉⌉ 㘀ᔉ䴉␉㼉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(cdpChapters[24], 1, "अधिगम का सिद्धांत 'प्रयास एवं त्रुटि' किसने दिया?", ["पावलव", "थार्नडाइक", "स्किनर", "कोहलर"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㈀㐀崀Ⰰ ㈀Ⰰ ∀⨀䴉〉Ⰹ䬉✉⠉ ⠀伀瀀攀爀愀渀琀 䌀漀渀搀椀琀椀漀渀椀渀最⤀ ᔀ㸉 㠀㼉☉䴉✉㸉ȉ␉ ᔀ㼉㠉㠉䜉 㠀ȉⰉȉ✉㼉␉ 㤀䠉㼉∀Ⰰ 嬀∀⨀㸉㔉㈉㔉∉Ⰰ ∀─㸉〉䴉⠉℉㸉܉ᔉ∉Ⰰ ∀㠀䴉ᔉ㼉⠉〉∉Ⰰ ∀Ⰰȉ℉䈉〉㸉∉崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(cdpChapters[26], 1, "समावेशी शिक्षा का उद्देश्य क्या है?", ["सभी बच्चों को अलग-अलग पढ़ाना", "सभी बच्चों को एक साथ शिक्षा देना", "केवल प्रतिभाशाली बच्चों को पढ़ाना", "केवल दिव्यांग बच्चों को पढ़ाना"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㈀㠀崀Ⰰ ㄀Ⰰ ∀㔀㼉㘉㼉㜉䴉Ἁ ؀㔉㘉䴉⼉ᔉ␉㸉 㔀㸉㈉䜉 Ⰰᨉ䴉ᨉ䬉ȉ ⠀䌀圀匀一⤀ ᔀ䜉 ㈀㼉༉ ᔀ䴉⼉㸉 ؀㔉㘉䴉⼉ᔉ 㤀䠉㼉∀Ⰰ 嬀∀Ԁ㈉ᜉ 㠀䴉ᔉ䈉㈉∉Ⰰ ∀㠀⸉㸉㔉䜉㘉䀉 㔀㸉␉㸉㔉〉⌉∉Ⰰ ∀ᔀ䬉ࠉ 㘀㼉ᔉ䴉㜉㸉 ⠀㤉䀉ȉ∉Ⰰ ∀ᔀ䜉㔉㈉ ᨀ㼉ᔉ㼉␉䴉㠉㸉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(cdpChapters[33], 1, "शैक्षिक मूल्यांकन का मुख्य उद्देश्य क्या है?", ["छात्रों को असफल करना", "शिक्षण-अधिगम प्रक्रिया में सुधार", "रैंकिंग देना", "परीक्षा का डर बनाना"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀挀搀瀀䌀栀愀瀀琀攀爀猀嬀㌀㤀崀Ⰰ ㄀Ⰰ ∀⨀䴉〉䜉〉⌉㸉 ⠀䴀漀琀椀瘀愀琀椀漀渀⤀ ᔀ㸉 Ԁ✉㼉ᜉ⸉ ⨀〉 ᔀ䴉⼉㸉 ⨀䴉〉ⴉ㸉㔉 ⨀℉㰉␉㸉 㤀䠉㼉∀Ⰰ 嬀∀⠀ᔉ㸉〉㸉␉䴉⸉ᔉ∉Ⰰ ∀ᔀ䬉ࠉ ⨀䴉〉ⴉ㸉㔉 ⠀㤉䀉ȉ∉Ⰰ ∀㠀ᔉ㸉〉㸉␉䴉⸉ᔉ ⠀Ԁ✉㼉ᜉ⸉ ᔀ䬉 Ⰰ∉㰉㸉㔉㸉 ☀䜉␉䀉 㤀䠉⤉∀Ⰰ ∀ᔀⴉ䀉ⴉᔀⴉ䀉∉崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(cdpChapters[38], 1, "बालक वैज्ञानिक अन्वेषक की तरह होता है - यह विचार किसका है?", ["पियाजे", "वायगोत्स्की", "डेवी", "कोलबर्ग"], "C");਀ 
    // सभी अध्यायों के लिए डिफ़ॉल्ट प्रश्न (गुणवत्तापूर्ण)਀    昀漀爀⠀氀攀琀 椀㴀　㬀 椀㰀挀搀瀀䌀栀愀瀀琀攀爀猀⸀氀攀渀最琀栀㬀 椀⬀⬀⤀ 笀 
        const chap = cdpChapters[i];਀        椀昀⠀℀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⤀ 笀 
            questions[chap] = { level1: [], level2: [], level3: [] };਀        紀 
        if(questions[chap].level1.length < 2) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㈀㬀 欀⬀⬀⤀ 笀 
                questions[chap].level1.push({ question: `${chap} से बुनियादी प्रश्न ${k}: सही विकल्प चुनें।`, options: ["विकल्प A", "विकल्प B", "विकल्प C", "विकल्प D"], answer: "A" });਀            紀 
        }਀        椀昀⠀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㈀⸀氀攀渀最琀栀 㰀 ㈀⤀ 笀 
            for(let k=1; k<=2; k++) {਀                焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㈀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 ⠀⸀✉䴉⼉⸉ 㠀䴉␉〉⤉ ⨀䴉〉㘉䴉⠉ ␀笀欀紀㨀 㠀㤉䀉 ᔀ┉⠉ ᨀ䄉⠉㼉༉搉怉Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ᔀ┉⠉ ㄀∀Ⰰ ∀ᔀ┉⠉ ㈀∀Ⰰ ∀ᔀ┉⠉ ㌀∀Ⰰ ∀ᔀ┉⠉ 㐀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䈀∀ 紀⤀㬀 
            }਀        紀 
        if(questions[chap].level3.length < 2) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㈀㬀 欀⬀⬀⤀ 笀 
                questions[chap].level3.push({ question: `${chap} (उच्च स्तर) प्रश्न ${k}: निम्न में से कौन सा सही है?`, options: ["विकल्प 1", "विकल्प 2", "विकल्प 3", "विकल्प 4"], answer: "C" });਀            紀 
        }਀    紀 
਀    ⼀⼀ 䐀伀䴀 　䜉⬉〉䜉ȉ㠉	
    const startContainer = document.getElementById('startContainer');਀    挀漀渀猀琀 猀琀愀爀琀匀挀爀攀攀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀琀愀爀琀匀挀爀攀攀渀✀⤀㬀 
    const practiceTypeSelection = document.getElementById('practiceTypeSelection');਀    挀漀渀猀琀 挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀✀⤀㬀 
    const levelSelection = document.getElementById('levelSelection');਀    挀漀渀猀琀 最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀✀⤀㬀 
    ਀    挀漀渀猀琀 猀琀愀爀琀䜀攀渀攀爀愀琀椀渀最䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀琀愀爀琀䜀攀渀攀爀愀琀椀渀最䈀琀渀✀⤀㬀 
    const backToStartBtn = document.getElementById('backToStartBtn');਀    挀漀渀猀琀 瀀爀漀挀攀攀搀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀瀀爀漀挀攀攀搀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀✀⤀㬀 
    const backToPracticeTypeBtn = document.getElementById('backToPracticeTypeBtn');਀    挀漀渀猀琀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀✀⤀㬀 
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');਀    挀漀渀猀琀 最攀渀攀爀愀琀攀䘀椀渀愀氀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀䘀椀渀愀氀䈀琀渀✀⤀㬀 
    const level1Btn = document.getElementById('level1Btn');਀    挀漀渀猀琀 氀攀瘀攀氀㈀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀㈀䈀琀渀✀⤀㬀 
    const level3Btn = document.getElementById('level3Btn');਀    挀漀渀猀琀 搀攀挀爀攀愀猀攀䌀漀甀渀琀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀搀攀挀爀攀愀猀攀䌀漀甀渀琀✀⤀㬀 
    const increaseCount = document.getElementById('increaseCount');਀    挀漀渀猀琀 焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀焀甀攀猀琀椀漀渀䌀漀甀渀琀✀⤀㬀 
    const homeIconBtn = document.getElementById('homeIconBtn');਀     
    let selectedTopics = [];਀    氀攀琀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀 渀甀氀氀㬀 
    let selectedPracticeType = null;਀    氀攀琀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 㴀 㔀　㬀 
    let timeLimit = 60;਀     
    function loadTopics() {਀        挀漀渀猀琀 挀漀渀琀愀椀渀攀爀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀挀搀瀀吀漀瀀椀挀猀䌀漀渀琀愀椀渀攀爀✀⤀㬀 
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="topic" value="सभी विषय"><label for="fullPaper">✅ सभी विषय (पूर्ण पाठ्यक्रम - 42 अध्याय)</label></div>`;਀        挀搀瀀䌀栀愀瀀琀攀爀猀⸀昀漀爀䔀愀挀栀⠀⠀琀漀瀀椀挀Ⰰ 椀搀砀⤀ 㴀㸀 笀 
            const id = `topic${idx}`;਀            挀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀㰀椀渀瀀甀琀 琀礀瀀攀㴀∀挀栀攀挀欀戀漀砀∀ 椀搀㴀∀␀笀椀搀紀∀ 渀愀洀攀㴀∀琀漀瀀椀挀∀ 瘀愀氀甀攀㴀∀␀笀琀漀瀀椀挀紀∀㸀㰀氀愀戀攀氀 昀漀爀㴀∀␀笀椀搀紀∀㸀㸀⃝␀笀琀漀瀀椀挀紀㰀⼀氀愀戀攀氀㸀㰀⼀搀椀瘀㸀怀㬀 
        });਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀昀甀氀氀倀愀瀀攀爀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀栀愀渀最攀✀Ⰰ ⠀攀⤀ 㴀㸀 笀 
            const checkboxes = document.querySelectorAll('input[name="topic"]:not(#fullPaper)');਀            挀栀攀挀欀戀漀砀攀猀⸀昀漀爀䔀愀挀栀⠀挀戀 㴀㸀 挀戀⸀搀椀猀愀戀氀攀搀 㴀 攀⸀琀愀爀最攀琀⸀挀栀攀挀欀攀搀⤀㬀 
            if(e.target.checked) checkboxes.forEach(cb => cb.checked = false);਀        紀⤀㬀 
    }਀     
    function getSelectedTopics() {਀        挀漀渀猀琀 昀甀氀氀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀昀甀氀氀倀愀瀀攀爀✀⤀㬀 
        if(full && full.checked) return [...cdpChapters];਀        爀攀琀甀爀渀 䄀爀爀愀礀⸀昀爀漀洀⠀搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀椀渀瀀甀琀嬀渀愀洀攀㴀∀琀漀瀀椀挀∀崀㨀挀栀攀挀欀攀搀✀⤀⤀⸀昀椀氀琀攀爀⠀挀戀 㴀㸀 挀戀⸀椀搀 ℀㴀㴀 ✀昀甀氀氀倀愀瀀攀爀✀⤀⸀洀愀瀀⠀挀戀 㴀㸀 挀戀⸀瘀愀氀甀攀⤀㬀 
    }਀     
    function getRandomQuestions(topics, level, count) {਀        氀攀琀 愀氀氀儀甀攀猀琀椀漀渀猀 㴀 嬀崀㬀 
        topics.forEach(topic => {਀            椀昀⠀焀甀攀猀琀椀漀渀猀嬀琀漀瀀椀挀崀 ☀☀ 焀甀攀猀琀椀漀渀猀嬀琀漀瀀椀挀崀嬀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀怀崀⤀ 笀 
                allQuestions = allQuestions.concat(questions[topic][`level${level}`]);਀            紀 
        });਀        椀昀⠀愀氀氀儀甀攀猀琀椀漀渀猀⸀氀攀渀最琀栀 㴀㴀㴀 　⤀ 笀 
            return Array(count).fill({ question: "नमूना प्रश्न: कृपया पुनः प्रयास करें", options: ["A", "B", "C", "D"], answer: "A" });਀        紀 
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);਀        爀攀琀甀爀渀 愀氀氀儀甀攀猀琀椀漀渀猀⸀猀氀椀挀攀⠀　Ⰰ 挀漀甀渀琀⤀㬀 
    }਀     
    function showPracticeTypeSelection() { startScreen.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }਀    昀甀渀挀琀椀漀渀 戀愀挀欀吀漀匀琀愀爀琀⠀⤀ 笀 
        generatedPaperContainer.classList.add('hidden');਀        猀琀愀爀琀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
        practiceTypeSelection.classList.add('hidden');਀        挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        levelSelection.classList.add('hidden');਀        猀琀愀爀琀匀挀爀攀攀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
        selectedTopics = []; selectedLevel = null; selectedPracticeType = null; questionCount = 50; timeLimit = 60;਀        焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 ∀㔀　∀㬀 
        document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));਀        搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀✀⤀⸀昀漀爀䔀愀挀栀⠀戀 㴀㸀 戀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀⤀㬀 
        if(document.querySelector('.timer-btn[data-time="60"]')) document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');਀        氀攀瘀攀氀㄀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 氀攀瘀攀氀㈀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 氀攀瘀攀氀㌀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 
    }਀    昀甀渀挀琀椀漀渀 戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀⠀⤀ 笀 挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀 
    function backToChapters() { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); }਀    昀甀渀挀琀椀漀渀 猀栀漀眀䌀栀愀瀀琀攀爀猀⠀⤀ 笀 椀昀⠀℀猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀⤀ 笀 愀氀攀爀琀⠀∀ᔀ䌉⨉⼉㸉 Ԁⴉ䴉⼉㸉㠉 ᔀ㸉 ⨀䴉〉ᔉ㸉〉 ᨀ䄉⠉䜉ȉ℉∀⤀㬀 爀攀琀甀爀渀㬀 紀 瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 氀漀愀搀吀漀瀀椀挀猀⠀⤀㬀 紀 
    function showLevelSelection() { selectedTopics = getSelectedTopics(); if(selectedTopics.length === 0) { alert("कृपया कम से कम एक विषय चुनें!"); return; } chapterSelection.classList.add('hidden'); levelSelection.classList.remove('hidden'); }਀    昀甀渀挀琀椀漀渀 猀攀氀攀挀琀䰀攀瘀攀氀⠀氀攀瘀攀氀⤀ 笀 氀攀瘀攀氀㄀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 氀攀瘀攀氀㈀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 氀攀瘀攀氀㌀䈀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀䈀琀渀怀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀 氀攀瘀攀氀㬀 紀 
    level1Btn.onclick = () => selectLevel(1); level2Btn.onclick = () => selectLevel(2); level3Btn.onclick = () => selectLevel(3);਀    搀攀挀爀攀愀猀攀䌀漀甀渀琀⸀漀渀挀氀椀挀欀 㴀 ⠀⤀ 㴀㸀 笀 椀昀⠀焀甀攀猀琀椀漀渀䌀漀甀渀琀 㸀 ㄀　⤀ 笀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 ⴀ㴀 㔀㬀 焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 焀甀攀猀琀椀漀渀䌀漀甀渀琀㬀 紀 紀㬀 
    increaseCount.onclick = () => { if(questionCount < 100) { questionCount += 5; questionCountSpan.textContent = questionCount; } };਀     
    document.querySelectorAll('.option-card').forEach(card => {਀        挀愀爀搀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 
            document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));਀            挀愀爀搀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 
            selectedPracticeType = card.dataset.type;਀            椀昀⠀猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀 㴀㴀㴀 ✀昀甀氀氀ⴀ氀攀渀最琀栀✀⤀ 笀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 㴀 㔀　㬀 焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 ∀㔀　∀㬀 紀 
            else if(selectedPracticeType === 'previous-year') { questionCount = 45; questionCountSpan.textContent = "45"; }਀        紀⤀㬀 
    });਀    搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀✀⤀⸀昀漀爀䔀愀挀栀⠀戀琀渀 㴀㸀 笀 
        btn.addEventListener('click', () => { document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); timeLimit = parseInt(btn.dataset.time); });਀    紀⤀㬀 
    ਀    昀甀渀挀琀椀漀渀 最攀琀倀爀愀挀琀椀挀攀吀礀瀀攀一愀洀攀⠀琀礀瀀攀⤀ 笀 
        if(type === 'chapter-wise') return '📖 विषयानुसार अभ्यास - बाल विकास एवं शिक्षण विधियाँ';਀        椀昀⠀琀礀瀀攀 㴀㴀㴀 ✀昀甀氀氀ⴀ氀攀渀最琀栀✀⤀ 爀攀琀甀爀渀 ✀㴀�⃜⨀䈉〉䴉⌉ ㈀ȉⰉ㸉ࠉ ἀ䜉㠉䴉Ἁ ⠀唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⨀䠉Ἁ〉䴉⠉⤉✀㬀 
        if(type === 'previous-year') return '⏳ पिछले वर्षों के प्रश्न (TET आधारित)';਀        爀攀琀甀爀渀 ✀㸀⃝Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ ⴀ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ✉㬀 
    }਀     
    function generateAssignment() {਀        椀昀⠀℀猀攀氀攀挀琀攀搀䰀攀瘀攀氀⤀ 笀 愀氀攀爀琀⠀∀ᔀ䌉⨉⼉㸉 ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ℉∀⤀㬀 爀攀琀甀爀渀㬀 紀 
        startContainer.classList.add('hidden');਀        氀攀瘀攀氀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        generatedPaperContainer.classList.remove('hidden');਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 ✀✀㬀 
        const topicsList = selectedTopics;਀        挀漀渀猀琀 洀挀焀猀 㴀 最攀琀刀愀渀搀漀洀儀甀攀猀琀椀漀渀猀⠀琀漀瀀椀挀猀䰀椀猀琀Ⰰ 猀攀氀攀挀琀攀搀䰀攀瘀攀氀Ⰰ 焀甀攀猀琀椀漀渀䌀漀甀渀琀⤀㬀 
        let paperHTML = `਀            㰀搀椀瘀 挀氀愀猀猀㴀∀栀攀愀搀攀爀∀ 猀琀礀氀攀㴀∀戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀㠀攀㈀㐀愀愀Ⰰ ⌀㘀愀㄀戀㤀愀⤀㬀∀㸀 
                <h2>🧠 UP TET Paper 1 - बाल विकास एवं शिक्षण विधियाँ (CDP) अभ्यास सेट</h2>਀                㰀栀㌀㸀␀笀最攀琀倀爀愀挀琀椀挀攀吀礀瀀攀一愀洀攀⠀猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀⤀紀㰀⼀栀㌀㸀 
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बुनियादी (प्रारंभिक)" : selectedLevel === 2 ? "मध्यम (TET स्तर)" : "उच्च (विशेषज्ञ)"} | समय: ${timeLimit} मिनट</p>਀                㰀瀀㸀ᔀ䄉㈉ ⨀䴉〉㘉䴉⠉㨉 ␀笀焀甀攀猀琀椀漀渀䌀漀甀渀琀紀㰀⼀瀀㸀 
            </div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀 
                <div class="instructions"><p><strong>📌 निर्देश:</strong></p><ol><li>इस सेट में ${questionCount} बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।</li><li>समय सीमा: ${timeLimit} मिनट</li><li>UP TET Paper 1 (प्राथमिक स्तर) बाल विकास एवं शिक्षण विधियाँ हेतु अभ्यास।</li><li>प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।</li></ol></div>਀                㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ猀攀挀琀椀漀渀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ栀攀愀搀椀渀最∀ 猀琀礀氀攀㴀∀昀漀渀琀ⴀ猀椀稀攀㨀㄀⸀㈀爀攀洀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀戀漀氀搀㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀㄀㔀瀀砀㬀∀㸀㸀⃝Ⰰ㸉㈉ 㔀㼉ᔉ㸉㠉 ༀ㔉ȉ 㘀㼉ᔉ䴉㜉⌉ 㔀㼉✉㼉⼉㸉ĉ ⠀䌀䐀倀⤀ ⨀䴉〉㘉䴉⠉㰉⼀搀椀瘀㸀怀㬀 
        let qNum = 1;਀        洀挀焀猀⸀昀漀爀䔀愀挀栀⠀洀挀焀 㴀㸀 笀 
            paperHTML += `<div class="question"><div class="question-text">${qNum}. ${mcq.question}</div><div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div><div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div>`;਀            焀一甀洀⬀⬀㬀 
        });਀        瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀愀渀猀眀攀爀ⴀ猀栀攀攀琀∀㸀㰀栀㌀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀Ԁ‧ऀ␉䴉␉〉 ᔀ䄉ȉᰉ䀉 ⠀䄀渀猀眀攀爀 䬀攀礀⤀㰀⼀栀㌀㸀㰀琀愀戀氀攀 挀氀愀猀猀㴀∀愀渀猀眀攀爀ⴀ琀愀戀氀攀∀㸀㰀琀栀攀愀搀㸀㰀琀爀㸀㰀琀栀㸀⨀䴉〉㘉䴉⠉ ᔀ䴉〉⸉㰀⼀琀栀㸀㰀琀栀㸀ऀ␉䴉␉〉㰉⼀琀栀㸀㰀琀栀㸀⨀䴉〉㘉䴉⠉ ᔀ䴉〉⸉㰀⼀琀栀㸀㰀琀栀㸀ऀ␉䴉␉〉㰉⼀琀栀㸀㰀琀栀㸀⨀䴉〉㘉䴉⠉ ᔀ䴉〉⸉㰀⼀琀栀㸀㰀琀栀㸀ऀ␉䴉␉〉㰉⼀琀栀㸀㰀⼀琀爀㸀㰀⼀琀栀攀愀搀㸀㰀琀戀漀搀礀㸀怀㬀 
        for(let i=0; i<mcqs.length; i+=3) {਀            瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀琀爀㸀怀㬀 
            for(let j=0; j<3; j++) {਀                椀昀⠀椀⬀樀 㰀 洀挀焀猀⸀氀攀渀最琀栀⤀ 瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀琀搀㸀␀笀椀⬀樀⬀㄀紀㰀⼀琀搀㸀㰀琀搀㸀␀笀洀挀焀猀嬀椀⬀樀崀⸀愀渀猀眀攀爀紀㰀⼀琀搀㸀怀㬀 
                else paperHTML += `<td></td><td></td>`;਀            紀 
            paperHTML += `</tr>`;਀        紀 
        paperHTML += `</tbody></table></div><div class="action-buttons"><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट करें</button><button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> PDF डाउनलोड करें</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> नया अभ्यास सेट</button></div></div>`;਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 瀀愀瀀攀爀䠀吀䴀䰀㬀 
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀搀漀眀渀氀漀愀搀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ 搀漀眀渀氀漀愀搀倀䐀䘀⤀㬀 
        document.getElementById('newAssignmentBtn')?.addEventListener('click', () => backToStart());਀    紀 
    ਀    愀猀礀渀挀 昀甀渀挀琀椀漀渀 搀漀眀渀氀漀愀搀倀䐀䘀⠀⤀ 笀 
        const element = document.getElementById('generatedPaperContainer');਀        挀漀渀猀琀 琀攀洀瀀䐀椀瘀 㴀 搀漀挀甀洀攀渀琀⸀挀爀攀愀琀攀䔀氀攀洀攀渀琀⠀✀搀椀瘀✀⤀㬀 
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.width = '794px'; tempDiv.style.backgroundColor = 'white'; tempDiv.style.padding = '20px';਀        琀攀洀瀀䐀椀瘀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 攀氀攀洀攀渀琀⸀椀渀渀攀爀䠀吀䴀䰀㬀 
        document.body.appendChild(tempDiv);਀        琀爀礀 笀 
            const pdf = new jsPDF('p', 'mm', 'a4');਀            挀漀渀猀琀 瀀愀最攀圀椀搀琀栀 㴀 瀀搀昀⸀椀渀琀攀爀渀愀氀⸀瀀愀最攀匀椀稀攀⸀最攀琀圀椀搀琀栀⠀⤀ ⴀ ㈀㔀⸀㐀㬀 
            let position = 12.7;਀            氀攀琀 爀攀洀愀椀渀椀渀最䠀攀椀最栀琀 㴀 琀攀洀瀀䐀椀瘀⸀猀挀爀漀氀氀䠀攀椀最栀琀㬀 
            let pageNum = 1;਀            眀栀椀氀攀 ⠀爀攀洀愀椀渀椀渀最䠀攀椀最栀琀 㸀 　⤀ 笀 
                const canvas = await html2canvas(tempDiv, { scale: 1.5, backgroundColor: '#ffffff' });਀                挀漀渀猀琀 椀洀最䐀愀琀愀 㴀 挀愀渀瘀愀猀⸀琀漀䐀愀琀愀唀刀䰀⠀✀椀洀愀最攀⼀樀瀀攀最✀Ⰰ 　⸀㤀㈀⤀㬀 
                if(pageNum > 1) pdf.addPage();਀                瀀搀昀⸀愀搀搀䤀洀愀最攀⠀椀洀最䐀愀琀愀Ⰰ ✀䨀倀䔀䜀✀Ⰰ ㄀㈀⸀㜀Ⰰ ㄀㈀⸀㜀Ⰰ 瀀愀最攀圀椀搀琀栀Ⰰ 挀愀渀瘀愀猀⸀栀攀椀最栀琀 ⨀ 瀀愀最攀圀椀搀琀栀 ⼀ 挀愀渀瘀愀猀⸀眀椀搀琀栀⤀㬀 
                position += 277;਀                爀攀洀愀椀渀椀渀最䠀攀椀最栀琀 ⴀ㴀 ㈀㜀㜀 ⨀ ㌀⸀㜀㠀㬀 
                pageNum++;਀            紀 
            pdf.save('UP_TET_Child_Development_Pedagogy_Practice_Set.pdf');਀        紀 挀愀琀挀栀⠀攀⤀ 笀 挀漀渀猀漀氀攀⸀攀爀爀漀爀⠀攀⤀㬀 愀氀攀爀琀⠀∀倀䐀䘀 ᰀ⠉〉䜉㘉⠉ ⸀䜉ȉ ␀䴉〉䄉Ἁ㼉∉⤀㬀 紀 
        finally { if(tempDiv) document.body.removeChild(tempDiv); }਀    紀 
    ਀    猀琀愀爀琀䜀攀渀攀爀愀琀椀渀最䈀琀渀⸀漀渀挀氀椀挀欀 㴀 猀栀漀眀倀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀㬀 
    backToStartBtn.onclick = backToStart;਀    瀀爀漀挀攀攀搀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 猀栀漀眀䌀栀愀瀀琀攀爀猀㬀 
    backToPracticeTypeBtn.onclick = backToPracticeType;਀    最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 猀栀漀眀䰀攀瘀攀氀匀攀氀攀挀琀椀漀渀㬀 
    backToChaptersBtn.onclick = backToChapters;਀    最攀渀攀爀愀琀攀䘀椀渀愀氀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀㬀 
    homeIconBtn.onclick = backToStart;਀     
    // Default timer selection਀    搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀嬀搀愀琀愀ⴀ琀椀洀攀㴀∀㘀　∀崀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 
</script>਀㰀⼀戀漀搀礀㸀 
</html>