<!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='%23ff8f00'/%3E%3Ctext x='50' y='67' font-size='45' text-anchor='middle' fill='white' font-weight='bold'%3EEN%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: #ff8f00;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀攀㘀㔀㄀　　㬀 
            --secondary: #ffb74d;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀昀㐀㐀㌀㌀㘀㬀 
            --success: #43a047;਀            ⴀⴀ氀椀最栀琀㨀 ⌀昀昀昀㌀攀　㬀 
            --dark: #bf360c;਀            ⴀⴀ最爀愀礀㨀 ⌀㘀搀㐀挀㐀㄀㬀 
            --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(255, 143, 0, 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(280px, 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.9rem;਀        紀 
਀        ⸀瀀爀愀挀琀椀挀攀ⴀ漀瀀琀椀漀渀猀 笀 
            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(255, 143, 0, 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-language"></i> UP TET Paper 1 - भाषा द्वितीय: अंग्रेजी (English) अभ्यास सेट जनरेटर</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;਀     
    // ======================== अंग्रेजी (Language II) के 19 विषय ========================਀    挀漀渀猀琀 攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀 㴀 嬀 
        "Unseen Passage (Reading Comprehension)",਀        ∀吀栀攀 匀攀渀琀攀渀挀攀猀 ⴀ 匀甀戀樀攀挀琀 愀渀搀 倀爀攀搀椀挀愀琀攀∀Ⰰ 
        "Kinds of Sentences",਀        ∀倀愀爀琀猀 漀昀 匀瀀攀攀挀栀∀Ⰰ 
        "Noun - Kinds of Noun, Singular & Plural, Gender",਀        ∀倀爀漀渀漀甀渀∀Ⰰ 
        "Adverb",਀        ∀䄀搀樀攀挀琀椀瘀攀∀Ⰰ 
        "Verb",਀        ∀倀爀攀瀀漀猀椀琀椀漀渀∀Ⰰ 
        "Conjunction",਀        ∀䤀渀琀攀爀樀攀挀琀椀漀渀∀Ⰰ 
        "Tenses - Present, Past, Future",਀        ∀䄀爀琀椀挀氀攀猀 ⠀䄀Ⰰ 䄀渀Ⰰ 吀栀攀⤀∀Ⰰ 
        "Punctuation",਀        ∀圀漀爀搀 䘀漀爀洀愀琀椀漀渀 ⠀倀爀攀昀椀砀Ⰰ 匀甀昀昀椀砀Ⰰ 刀漀漀琀 圀漀爀搀猀⤀∀Ⰰ 
        "Active & Passive Voice",਀        ∀䌀漀渀搀椀琀椀漀渀愀氀 匀攀渀琀攀渀挀攀猀∀Ⰰ 
        "Vocabulary (Synonyms, Antonyms, One Word Substitution)"਀    崀㬀 
਀    ⼀⼀ 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 ⨀䴉〉㘉䴉⠉ ℀䜉Ἁ㸉Ⰹ䜉㠉 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 
    const questions = {};਀ 
    function addQuestion(chapter, level, qText, opts, ans) {਀        椀昀⠀℀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀⤀ 焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀 㴀 笀 氀攀瘀攀氀㄀㨀 嬀崀Ⰰ 氀攀瘀攀氀㈀㨀 嬀崀Ⰰ 氀攀瘀攀氀㌀㨀 嬀崀 紀㬀 
        questions[chapter][`level${level}`].push({ question: qText, options: opts, answer: ans });਀    紀 
਀    ⼀⼀ ⴀⴀⴀⴀⴀⴀⴀⴀⴀⴀ 唀渀猀攀攀渀 倀愀猀猀愀最攀 ⠀䰀攀瘀攀氀 ㄀Ⰰ㈀⤀ ⴀⴀⴀⴀⴀⴀⴀⴀⴀⴀ 
    addQuestion(englishChapters[0], 1, "Read the passage: 'The sun rises in the east. It gives us light and heat.' What does the sun give us?", ["Darkness", "Light and Heat", "Water", "Wind"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀　崀Ⰰ ㈀Ⰰ ∀倀愀猀猀愀最攀㨀 ✀䠀漀渀攀猀琀礀 椀猀 琀栀攀 戀攀猀琀 瀀漀氀椀挀礀⸀ 䄀氀眀愀礀猀 猀瀀攀愀欀 琀栀攀 琀爀甀琀栀⸀✀ 圀栀愀琀 椀猀 琀栀攀 戀攀猀琀 瀀漀氀椀挀礀 愀挀挀漀爀搀椀渀最 琀漀 琀栀攀 瀀愀猀猀愀最攀㼀∀Ⰰ 嬀∀䰀礀椀渀最∀Ⰰ ∀䠀漀渀攀猀琀礀∀Ⰰ ∀䌀栀攀愀琀椀渀最∀Ⰰ ∀匀琀攀愀氀椀渀最∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(englishChapters[0], 3, "Passage about environment: 'Trees give us oxygen. We must save trees.' Why should we save trees?", ["For wood", "For oxygen", "For fruits", "For shade"], "B");਀ 
    // ---------- Sentences ----------਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀崀Ⰰ ㄀Ⰰ ∀䤀搀攀渀琀椀昀礀 琀栀攀 猀甀戀樀攀挀琀 椀渀㨀 ✀吀栀攀 搀漀最 椀猀 戀愀爀欀椀渀最 氀漀甀搀氀礀⸀✀∀Ⰰ 嬀∀吀栀攀 搀漀最∀Ⰰ ∀椀猀 戀愀爀欀椀渀最∀Ⰰ ∀氀漀甀搀氀礀∀Ⰰ ∀戀愀爀欀椀渀最∀崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(englishChapters[1], 2, "Identify the predicate: 'She writes a letter.'", ["She", "writes a letter", "a letter", "writes"], "B");਀     
    addQuestion(englishChapters[2], 1, "Which is an imperative sentence?", ["What is your name?", "Please close the door.", "She is singing.", "Hurrah! We won."], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㈀崀Ⰰ ㈀Ⰰ ∀䤀搀攀渀琀椀昀礀 琀栀攀 攀砀挀氀愀洀愀琀漀爀礀 猀攀渀琀攀渀挀攀㨀∀Ⰰ 嬀∀䤀 氀椀欀攀 琀攀愀⸀∀Ⰰ ∀䜀漀 愀眀愀礀℀∀Ⰰ ∀圀栀愀琀 愀 戀攀愀甀琀椀昀甀氀 昀氀漀眀攀爀℀∀Ⰰ ∀圀栀攀爀攀 愀爀攀 礀漀甀 最漀椀渀最㼀∀崀Ⰰ ∀䌀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㌀崀Ⰰ ㄀Ⰰ ∀圀栀愀琀 瀀愀爀琀 漀昀 猀瀀攀攀挀栀 椀猀 ✀戀攀愀甀琀椀昀甀氀✀ 椀渀㨀 ✀匀栀攀 椀猀 愀 戀攀愀甀琀椀昀甀氀 最椀爀氀⸀✀∀Ⰰ 嬀∀一漀甀渀∀Ⰰ ∀嘀攀爀戀∀Ⰰ ∀䄀搀樀攀挀琀椀瘀攀∀Ⰰ ∀䄀搀瘀攀爀戀∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(englishChapters[3], 2, "Identify the verb: 'He runs fast.'", ["He", "runs", "fast", "He runs"], "B");਀     
    addQuestion(englishChapters[4], 1, "Plural of 'Child' is:", ["Childs", "Children", "Childes", "Childrens"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㐀崀Ⰰ ㈀Ⰰ ∀圀栀椀挀栀 椀猀 愀 挀漀洀洀漀渀 渀漀甀渀㼀∀Ⰰ 嬀∀䤀渀搀椀愀∀Ⰰ ∀吀愀樀 䴀愀栀愀氀∀Ⰰ ∀吀愀戀氀攀∀Ⰰ ∀刀漀栀愀渀∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(englishChapters[4], 3, "Feminine gender of 'Actor' is:", ["Actoress", "Actress", "Actresss", "Actrees"], "B");਀     
    addQuestion(englishChapters[5], 1, "Replace noun with pronoun: 'Ravi is a good boy.'", ["He", "She", "It", "They"], "A");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㔀崀Ⰰ ㈀Ⰰ ∀圀栀椀挀栀 椀猀 愀 瀀漀猀猀攀猀猀椀瘀攀 瀀爀漀渀漀甀渀㼀∀Ⰰ 嬀∀䠀攀∀Ⰰ ∀䠀椀洀∀Ⰰ ∀䠀椀猀∀Ⰰ ∀䠀椀洀猀攀氀昀∀崀Ⰰ ∀䌀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㘀崀Ⰰ ㄀Ⰰ ∀䤀搀攀渀琀椀昀礀 愀搀瘀攀爀戀㨀 ✀匀栀攀 猀椀渀最猀 猀眀攀攀琀氀礀⸀✀∀Ⰰ 嬀∀匀栀攀∀Ⰰ ∀猀椀渀最猀∀Ⰰ ∀猀眀攀攀琀氀礀∀Ⰰ ∀匀栀攀 猀椀渀最猀∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(englishChapters[7], 1, "Which is an adjective?", ["Quickly", "Beautiful", "Run", "Under"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㠀崀Ⰰ ㄀Ⰰ ∀倀愀猀琀 琀攀渀猀攀 漀昀 ✀最漀✀ 椀猀㨀∀Ⰰ 嬀∀䜀漀攀搀∀Ⰰ ∀圀攀渀琀∀Ⰰ ∀䜀漀渀攀∀Ⰰ ∀䜀漀椀渀最∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(englishChapters[8], 2, "Which sentence is in Present Continuous Tense?", ["I eat an apple.", "I am eating an apple.", "I ate an apple.", "I will eat an apple."], "B");਀     
    addQuestion(englishChapters[9], 1, "Identify preposition: 'The book is on the table.'", ["book", "is", "on", "table"], "C");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀　崀Ⰰ ㄀Ⰰ ∀圀栀椀挀栀 挀漀渀樀甀渀挀琀椀漀渀 樀漀椀渀猀 琀眀漀 攀焀甀愀氀 挀氀愀甀猀攀猀㼀∀Ⰰ 嬀∀䈀攀挀愀甀猀攀∀Ⰰ ∀䄀氀琀栀漀甀最栀∀Ⰰ ∀䄀渀搀∀Ⰰ ∀䤀昀∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(englishChapters[11], 1, "Which word is an interjection? 'Wow! That's amazing.'", ["Wow", "That", "is", "amazing"], "A");਀     
    addQuestion(englishChapters[12], 1, "Fill tense: 'She _____ to school every day.'", ["go", "goes", "going", "went"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㈀崀Ⰰ ㈀Ⰰ ∀䘀甀琀甀爀攀 瀀攀爀昀攀挀琀 琀攀渀猀攀 漀昀 ✀䠀攀 眀椀氀氀 昀椀渀椀猀栀 眀漀爀欀✀ 椀猀㨀∀Ⰰ 嬀∀䠀攀 眀椀氀氀 栀愀瘀攀 昀椀渀椀猀栀攀搀 眀漀爀欀∀Ⰰ ∀䠀攀 眀椀氀氀 昀椀渀椀猀栀椀渀最∀Ⰰ ∀䠀攀 栀愀猀 昀椀渀椀猀栀攀搀∀Ⰰ ∀䠀攀 昀椀渀椀猀栀攀搀∀崀Ⰰ ∀䄀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㌀崀Ⰰ ㄀Ⰰ ∀䘀椀氀氀 愀爀琀椀挀氀攀㨀 ✀䠀攀 椀猀 开开开开开 栀漀渀攀猀琀 洀愀渀⸀✀∀Ⰰ 嬀∀愀∀Ⰰ ∀愀渀∀Ⰰ ∀琀栀攀∀Ⰰ ∀渀漀 愀爀琀椀挀氀攀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(englishChapters[13], 2, "Which sentence uses correct article?", ["Sun is a star.", "The Sun is a star.", "Sun is star.", "A Sun is star."], "B");਀     
    addQuestion(englishChapters[14], 1, "Correct punctuation: 'where are you going'", ["where are you going?", "Where are you going?", "Where are you going.", "where are you going."], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㔀崀Ⰰ ㄀Ⰰ ∀圀漀爀搀 昀漀爀洀攀搀 戀礀 愀搀搀椀渀最 瀀爀攀昀椀砀 ✀甀渀✀ 琀漀 ✀栀愀瀀瀀礀✀ 椀猀㨀∀Ⰰ 嬀∀唀渀栀愀瀀瀀礀∀Ⰰ ∀䠀愀瀀瀀椀氀礀∀Ⰰ ∀䠀愀瀀瀀椀渀攀猀猀∀Ⰰ ∀唀渀栀愀瀀瀀椀氀礀∀崀Ⰰ ∀䄀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㘀崀Ⰰ ㄀Ⰰ ∀䌀栀愀渀最攀 琀漀 瀀愀猀猀椀瘀攀㨀 ✀刀愀洀愀 攀愀琀猀 愀渀 愀瀀瀀氀攀⸀✀∀Ⰰ 嬀∀䄀渀 愀瀀瀀氀攀 椀猀 攀愀琀攀渀 戀礀 刀愀洀愀∀Ⰰ ∀䄀渀 愀瀀瀀氀攀 眀愀猀 攀愀琀攀渀∀Ⰰ ∀䄀瀀瀀氀攀 椀猀 攀愀琀椀渀最∀Ⰰ ∀刀愀洀愀 椀猀 攀愀琀攀渀∀崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(englishChapters[16], 2, "Active voice of 'The letter was written by him.'", ["He writes the letter", "He wrote the letter", "He is writing", "He has written"], "B");਀     
    addQuestion(englishChapters[17], 1, "Conditional: 'If it rains, we _____ stay home.'", ["will", "would", "shall", "should"], "A");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㜀崀Ⰰ ㈀Ⰰ ∀圀栀椀挀栀 猀攀渀琀攀渀挀攀 椀猀 稀攀爀漀 挀漀渀搀椀琀椀漀渀愀氀㼀∀Ⰰ 嬀∀䤀昀 礀漀甀 栀攀愀琀 椀挀攀Ⰰ 椀琀 洀攀氀琀猀⸀∀Ⰰ ∀䤀昀 䤀 眀攀爀攀 爀椀挀栀Ⰰ 䤀 眀漀甀氀搀 琀爀愀瘀攀氀⸀∀Ⰰ ∀䤀昀 椀琀 爀愀椀渀猀Ⰰ 眀攀 眀椀氀氀 挀愀渀挀攀氀⸀∀Ⰰ ∀䤀昀 栀攀 栀愀搀 猀琀甀搀椀攀搀Ⰰ 栀攀 眀漀甀氀搀 栀愀瘀攀 瀀愀猀猀攀搀⸀∀崀Ⰰ ∀䄀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㠀崀Ⰰ ㄀Ⰰ ∀匀礀渀漀渀礀洀 漀昀 ✀䠀愀瀀瀀礀✀ 椀猀㨀∀Ⰰ 嬀∀匀愀搀∀Ⰰ ∀䨀漀礀昀甀氀∀Ⰰ ∀䄀渀最爀礀∀Ⰰ ∀吀椀爀攀搀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(englishChapters[18], 2, "Antonym of 'Ancient' is:", ["Old", "Modern", "Historic", "Aged"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀㄀㠀崀Ⰰ ㌀Ⰰ ∀伀渀攀 眀漀爀搀 昀漀爀 ✀䄀 瀀攀爀猀漀渀 眀栀漀 眀爀椀琀攀猀 瀀漀攀洀猀✀ 椀猀㨀∀Ⰰ 嬀∀倀漀攀琀∀Ⰰ ∀䄀甀琀栀漀爀∀Ⰰ ∀圀爀椀琀攀爀∀Ⰰ ∀䔀搀椀琀漀爀∀崀Ⰰ ∀䄀∀⤀㬀 
਀    ⼀⼀ 㠀ⴉ䀉 Ԁ✉䴉⼉㸉⼉䬉ȉ ᔀ䜉 ㈀㼉༉ ℀㼉⬉㰉䤉㈉䴉Ἁ ⨀䴉〉㘉䴉⠉ ⠀ᜀ䄉⌉㔉␉䴉␉㸉⨉䈉〉䴉⌉⤉ 
    for(let i=0; i<englishChapters.length; i++) {਀        挀漀渀猀琀 挀栀愀瀀 㴀 攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀嬀椀崀㬀 
        if(!questions[chap]) {਀            焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀 㴀 笀 氀攀瘀攀氀㄀㨀 嬀崀Ⰰ 氀攀瘀攀氀㈀㨀 嬀崀Ⰰ 氀攀瘀攀氀㌀㨀 嬀崀 紀㬀 
        }਀        椀昀⠀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㄀⸀氀攀渀最琀栀 㰀 ㌀⤀ 笀 
            for(let k=1; k<=3; k++) {਀                焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㄀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 ⴀ 䈀愀猀椀挀 儀甀攀猀琀椀漀渀 ␀笀欀紀㨀 䌀栀漀漀猀攀 琀栀攀 挀漀爀爀攀挀琀 漀瀀琀椀漀渀⸀怀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀伀瀀琀椀漀渀 䄀∀Ⰰ ∀伀瀀琀椀漀渀 䈀∀Ⰰ ∀伀瀀琀椀漀渀 䌀∀Ⰰ ∀伀瀀琀椀漀渀 䐀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀⤀㬀 
            }਀        紀 
        if(questions[chap].level2.length < 3) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㌀㬀 欀⬀⬀⤀ 笀 
                questions[chap].level2.push({ question: `${chap} (Intermediate Level) Question ${k}: Identify the correct sentence/word.`, options: ["Choice 1", "Choice 2", "Choice 3", "Choice 4"], answer: "B" });਀            紀 
        }਀        椀昀⠀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㌀⸀氀攀渀最琀栀 㰀 ㌀⤀ 笀 
            for(let k=1; k<=3; k++) {਀                焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㌀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 ⠀䄀搀瘀愀渀挀攀搀⤀ 儀甀攀猀琀椀漀渀 ␀笀欀紀㨀 圀栀椀挀栀 漀昀 琀栀攀 昀漀氀氀漀眀椀渀最 椀猀 最爀愀洀洀愀琀椀挀愀氀氀礀 挀漀爀爀攀挀琀㼀怀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀伀瀀琀椀漀渀 堀∀Ⰰ ∀伀瀀琀椀漀渀 夀∀Ⰰ ∀伀瀀琀椀漀渀 娀∀Ⰰ ∀伀瀀琀椀漀渀 圀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䌀∀ 紀⤀㬀 
            }਀        紀 
    }਀ 
    // DOM रेफरेंस਀    挀漀渀猀琀 猀琀愀爀琀䌀漀渀琀愀椀渀攀爀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀猀琀愀爀琀䌀漀渀琀愀椀渀攀爀✀⤀㬀 
    const startScreen = document.getElementById('startScreen');਀    挀漀渀猀琀 瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀✀⤀㬀 
    const chapterSelection = document.getElementById('chapterSelection');਀    挀漀渀猀琀 氀攀瘀攀氀匀攀氀攀挀琀椀漀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀匀攀氀攀挀琀椀漀渀✀⤀㬀 
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');਀     
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');਀    挀漀渀猀琀 戀愀挀欀吀漀匀琀愀爀琀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀戀愀挀欀吀漀匀琀愀爀琀䈀琀渀✀⤀㬀 
    const proceedToChaptersBtn = document.getElementById('proceedToChaptersBtn');਀    挀漀渀猀琀 戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀䈀琀渀✀⤀㬀 
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');਀    挀漀渀猀琀 戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀✀⤀㬀 
    const generateFinalBtn = document.getElementById('generateFinalBtn');਀    挀漀渀猀琀 氀攀瘀攀氀㄀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀㄀䈀琀渀✀⤀㬀 
    const level2Btn = document.getElementById('level2Btn');਀    挀漀渀猀琀 氀攀瘀攀氀㌀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀氀攀瘀攀氀㌀䈀琀渀✀⤀㬀 
    const decreaseCount = document.getElementById('decreaseCount');਀    挀漀渀猀琀 椀渀挀爀攀愀猀攀䌀漀甀渀琀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀椀渀挀爀攀愀猀攀䌀漀甀渀琀✀⤀㬀 
    const questionCountSpan = document.getElementById('questionCount');਀    挀漀渀猀琀 栀漀洀攀䤀挀漀渀䈀琀渀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀栀漀洀攀䤀挀漀渀䈀琀渀✀⤀㬀 
    ਀    氀攀琀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 嬀崀㬀 
    let selectedLevel = null;਀    氀攀琀 猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀 㴀 渀甀氀氀㬀 
    let questionCount = 50;਀    氀攀琀 琀椀洀攀䰀椀洀椀琀 㴀 㘀　㬀 
    ਀    昀甀渀挀琀椀漀渀 氀漀愀搀吀漀瀀椀挀猀⠀⤀ 笀 
        const container = document.getElementById('englishTopicsContainer');਀        挀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀㰀椀渀瀀甀琀 琀礀瀀攀㴀∀挀栀攀挀欀戀漀砀∀ 椀搀㴀∀昀甀氀氀倀愀瀀攀爀∀ 渀愀洀攀㴀∀琀漀瀀椀挀∀ 瘀愀氀甀攀㴀∀㠀ⴉ䀉 㔀㼉㜉⼉∉㸀㰀氀愀戀攀氀 昀漀爀㴀∀昀甀氀氀倀愀瀀攀爀∀㸀Ԁ‧㠀ⴉ䀉 㔀㼉㜉⼉ ⠀⨀䈉〉䴉⌉ ⨀㸉 䴉⼉ᔉ䴉〉⸉ ⴀ ㄀㤀 Ԁ✉䴉⼉㸉⼉⤉㰀⼀氀愀戀攀氀㸀㰀⼀搀椀瘀㸀怀㬀 
        englishChapters.forEach((topic, idx) => {਀            挀漀渀猀琀 椀搀 㴀 怀琀漀瀀椀挀␀笀椀搀砀紀怀㬀 
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">📖 ${topic}</label></div>`;਀        紀⤀㬀 
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {਀            挀漀渀猀琀 挀栀攀挀欀戀漀砀攀猀 㴀 搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀椀渀瀀甀琀嬀渀愀洀攀㴀∀琀漀瀀椀挀∀崀㨀渀漀琀⠀⌀昀甀氀氀倀愀瀀攀爀⤀✀⤀㬀 
            checkboxes.forEach(cb => cb.disabled = e.target.checked);਀            椀昀⠀攀⸀琀愀爀最攀琀⸀挀栀攀挀欀攀搀⤀ 挀栀攀挀欀戀漀砀攀猀⸀昀漀爀䔀愀挀栀⠀挀戀 㴀㸀 挀戀⸀挀栀攀挀欀攀搀 㴀 昀愀氀猀攀⤀㬀 
        });਀    紀 
    ਀    昀甀渀挀琀椀漀渀 最攀琀匀攀氀攀挀琀攀搀吀漀瀀椀挀猀⠀⤀ 笀 
        const full = document.getElementById('fullPaper');਀        椀昀⠀昀甀氀氀 ☀☀ 昀甀氀氀⸀挀栀攀挀欀攀搀⤀ 爀攀琀甀爀渀 嬀⸀⸀⸀攀渀最氀椀猀栀䌀栀愀瀀琀攀爀猀崀㬀 
        return Array.from(document.querySelectorAll('input[name="topic"]:checked')).filter(cb => cb.id !== 'fullPaper').map(cb => cb.value);਀    紀 
    ਀    昀甀渀挀琀椀漀渀 最攀琀刀愀渀搀漀洀儀甀攀猀琀椀漀渀猀⠀琀漀瀀椀挀猀Ⰰ 氀攀瘀攀氀Ⰰ 挀漀甀渀琀⤀ 笀 
        let allQuestions = [];਀        琀漀瀀椀挀猀⸀昀漀爀䔀愀挀栀⠀琀漀瀀椀挀 㴀㸀 笀 
            if(questions[topic] && questions[topic][`level${level}`]) {਀                愀氀氀儀甀攀猀琀椀漀渀猀 㴀 愀氀氀儀甀攀猀琀椀漀渀猀⸀挀漀渀挀愀琀⠀焀甀攀猀琀椀漀渀猀嬀琀漀瀀椀挀崀嬀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀怀崀⤀㬀 
            }਀        紀⤀㬀 
        if(allQuestions.length === 0) {਀            爀攀琀甀爀渀 䄀爀爀愀礀⠀挀漀甀渀琀⤀⸀昀椀氀氀⠀笀 焀甀攀猀琀椀漀渀㨀 ∀匀愀洀瀀氀攀 儀甀攀猀琀椀漀渀㨀 倀氀攀愀猀攀 琀爀礀 愀最愀椀渀⸀∀Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀䄀∀Ⰰ ∀䈀∀Ⰰ ∀䌀∀Ⰰ ∀䐀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀⤀㬀 
        }਀        愀氀氀儀甀攀猀琀椀漀渀猀 㴀 愀氀氀儀甀攀猀琀椀漀渀猀⸀猀漀爀琀⠀⠀⤀ 㴀㸀 䴀愀琀栀⸀爀愀渀搀漀洀⠀⤀ ⴀ 　⸀㔀⤀㬀 
        return allQuestions.slice(0, count);਀    紀 
    ਀    昀甀渀挀琀椀漀渀 猀栀漀眀倀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀⠀⤀ 笀 猀琀愀爀琀匀挀爀攀攀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀 
    function backToStart() {਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        startContainer.classList.remove('hidden');਀        瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        chapterSelection.classList.add('hidden');਀        氀攀瘀攀氀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        startScreen.classList.remove('hidden');਀        猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 嬀崀㬀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀 渀甀氀氀㬀 猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀 㴀 渀甀氀氀㬀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 㴀 㔀　㬀 琀椀洀攀䰀椀洀椀琀 㴀 㘀　㬀 
        questionCountSpan.textContent = "50";਀        搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀漀瀀琀椀漀渀ⴀ挀愀爀搀✀⤀⸀昀漀爀䔀愀挀栀⠀挀 㴀㸀 挀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀⤀㬀 
        document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected'));਀        椀昀⠀搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀嬀搀愀琀愀ⴀ琀椀洀攀㴀∀㘀　∀崀✀⤀⤀ 搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀嬀搀愀琀愀ⴀ琀椀洀攀㴀∀㘀　∀崀✀⤀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');਀    紀 
    function backToPracticeType() { chapterSelection.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }਀    昀甀渀挀琀椀漀渀 戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀⠀⤀ 笀 氀攀瘀攀氀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀 
    function showChapters() { if(!selectedPracticeType) { alert("कृपया अभ्यास का प्रकार चुनें!"); return; } practiceTypeSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); loadTopics(); }਀    昀甀渀挀琀椀漀渀 猀栀漀眀䰀攀瘀攀氀匀攀氀攀挀琀椀漀渀⠀⤀ 笀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀 㴀 最攀琀匀攀氀攀挀琀攀搀吀漀瀀椀挀猀⠀⤀㬀 椀昀⠀猀攀氀攀挀琀攀搀吀漀瀀椀挀猀⸀氀攀渀最琀栀 㴀㴀㴀 　⤀ 笀 愀氀攀爀琀⠀∀ᔀ䌉⨉⼉㸉 ᔀ⸉ 㠀䜉 ᔀ⸉ ༀᔉ 㔀㼉㜉⼉ ᨀ䄉⠉䜉ȉ℉∀⤀㬀 爀攀琀甀爀渀㬀 紀 挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 氀攀瘀攀氀匀攀氀攀挀琀椀漀渀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 紀 
    function selectLevel(level) { level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected'); document.getElementById(`level${level}Btn`).classList.add('selected'); selectedLevel = level; }਀    氀攀瘀攀氀㄀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 ⠀⤀ 㴀㸀 猀攀氀攀挀琀䰀攀瘀攀氀⠀㄀⤀㬀 氀攀瘀攀氀㈀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 ⠀⤀ 㴀㸀 猀攀氀攀挀琀䰀攀瘀攀氀⠀㈀⤀㬀 氀攀瘀攀氀㌀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 ⠀⤀ 㴀㸀 猀攀氀攀挀琀䰀攀瘀攀氀⠀㌀⤀㬀 
    decreaseCount.onclick = () => { if(questionCount > 10) { questionCount -= 5; questionCountSpan.textContent = questionCount; } };਀    椀渀挀爀攀愀猀攀䌀漀甀渀琀⸀漀渀挀氀椀挀欀 㴀 ⠀⤀ 㴀㸀 笀 椀昀⠀焀甀攀猀琀椀漀渀䌀漀甀渀琀 㰀 ㄀　　⤀ 笀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 ⬀㴀 㔀㬀 焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 焀甀攀猀琀椀漀渀䌀漀甀渀琀㬀 紀 紀㬀 
    ਀    搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀漀瀀琀椀漀渀ⴀ挀愀爀搀✀⤀⸀昀漀爀䔀愀挀栀⠀挀愀爀搀 㴀㸀 笀 
        card.addEventListener('click', () => {਀            搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀漀瀀琀椀漀渀ⴀ挀愀爀搀✀⤀⸀昀漀爀䔀愀挀栀⠀挀 㴀㸀 挀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀⤀㬀 
            card.classList.add('selected');਀            猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀 㴀 挀愀爀搀⸀搀愀琀愀猀攀琀⸀琀礀瀀攀㬀 
            if(selectedPracticeType === 'full-length') { questionCount = 50; questionCountSpan.textContent = "50"; }਀            攀氀猀攀 椀昀⠀猀攀氀攀挀琀攀搀倀爀愀挀琀椀挀攀吀礀瀀攀 㴀㴀㴀 ✀瀀爀攀瘀椀漀甀猀ⴀ礀攀愀爀✀⤀ 笀 焀甀攀猀琀椀漀渀䌀漀甀渀琀 㴀 㐀㔀㬀 焀甀攀猀琀椀漀渀䌀漀甀渀琀匀瀀愀渀⸀琀攀砀琀䌀漀渀琀攀渀琀 㴀 ∀㐀㔀∀㬀 紀 
        });਀    紀⤀㬀 
    document.querySelectorAll('.timer-btn').forEach(btn => {਀        戀琀渀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 笀 搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀⸀琀椀洀攀爀ⴀ戀琀渀✀⤀⸀昀漀爀䔀愀挀栀⠀戀 㴀㸀 戀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀猀攀氀攀挀琀攀搀✀⤀⤀㬀 戀琀渀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀猀攀氀攀挀琀攀搀✀⤀㬀 琀椀洀攀䰀椀洀椀琀 㴀 瀀愀爀猀攀䤀渀琀⠀戀琀渀⸀搀愀琀愀猀攀琀⸀琀椀洀攀⤀㬀 紀⤀㬀 
    });਀     
    function getPracticeTypeName(type) {਀        椀昀⠀琀礀瀀攀 㴀㴀㴀 ✀挀栀愀瀀琀攀爀ⴀ眀椀猀攀✀⤀ 爀攀琀甀爀渀 ✀㴀훘⃜㔀㼉㜉⼉㸉⠉䄉㠉㸉〉 Ԁⴉ䴉⼉㸉㠉 ⴀ Ԁȉᜉ䴉〉䜉ᰉ䀉 ⠀䰀愀渀最甀愀最攀 䤀䤀⤀✀㬀 
        if(type === 'full-length') return '📝 पूर्ण लंबाई टेस्ट (UP TET Paper 1 पैटर्न)';਀        椀昀⠀琀礀瀀攀 㴀㴀㴀 ✀瀀爀攀瘀椀漀甀猀ⴀ礀攀愀爀✀⤀ 爀攀琀甀爀渀 ✀‣⨀㼉ᬉ㈉䜉 㔀〉䴉㜉䬉ȉ ᔀ䜉 ⨀䴉〉㘉䴉⠉ ⠀吀䔀吀 ؀✉㸉〉㼉␉⤉✀㬀 
        return '🇬🇧 English Language Practice Set';਀    紀 
    ਀    昀甀渀挀琀椀漀渀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀⠀⤀ 笀 
        if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }਀        猀琀愀爀琀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        levelSelection.classList.add('hidden');਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
        generatedPaperContainer.innerHTML = '';਀        挀漀渀猀琀 琀漀瀀椀挀猀䰀椀猀琀 㴀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀㬀 
        const mcqs = getRandomQuestions(topicsList, selectedLevel, questionCount);਀        氀攀琀 瀀愀瀀攀爀䠀吀䴀䰀 㴀 怀 
            <div class="header" style="background: linear-gradient(135deg, #ff8f00, #e65100);">਀                㰀栀㈀㸀㴀훘⃜唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⴀ ⴀ㸉㜉㸉 ☀䴉㔉㼉␉䀉⼉㨉 Ԁȉᜉ䴉〉䜉ᰉ䀉 ⠀䔀渀最氀椀猀栀⤀ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ㰉⼀栀㈀㸀 
                <h3>${getPracticeTypeName(selectedPracticeType)}</h3>਀                㰀瀀㸀䰀攀瘀攀氀 ␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀紀 ⴀ ␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㄀ 㼀 ∀Ⰰ䄉⠉㼉⼉㸉☉䀉 ⠀⨀䴉〉㸉〉ȉⴉ㼉ᔉ⤉∀ 㨀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㈀ 㼀 ∀⸀✉䴉⼉⸉ ⠀吀䔀吀 㠀䴉␉〉⤉∀ 㨀 ∀ऀᨉ䴉ᨉ ⠀㔀㼉㘉䜉㜉ᰉ䴉ḉ⤉∀紀 簀 吀椀洀攀㨀 ␀笀琀椀洀攀䰀椀洀椀琀紀 洀椀渀甀琀攀猀㰀⼀瀀㸀 
                <p>Total Questions: ${questionCount}</p>਀            㰀⼀搀椀瘀㸀 
            <div class="content-area">਀                㰀搀椀瘀 挀氀愀猀猀㴀∀椀渀猀琀爀甀挀琀椀漀渀猀∀㸀㰀瀀㸀㰀猀琀爀漀渀最㸀㴀쳘⃜䤀渀猀琀爀甀挀琀椀漀渀猀㨀㰀⼀猀琀爀漀渀最㸀㰀⼀瀀㸀㰀漀氀㸀㰀氀椀㸀吀栀椀猀 猀攀琀 挀漀渀琀愀椀渀猀 ␀笀焀甀攀猀琀椀漀渀䌀漀甀渀琀紀 洀甀氀琀椀瀀氀攀 挀栀漀椀挀攀 焀甀攀猀琀椀漀渀猀⸀㰀⼀氀椀㸀㰀氀椀㸀䔀愀挀栀 焀甀攀猀琀椀漀渀 栀愀猀 昀漀甀爀 漀瀀琀椀漀渀猀Ⰰ 漀渀氀礀 漀渀攀 椀猀 挀漀爀爀攀挀琀⸀㰀⼀氀椀㸀㰀氀椀㸀吀椀洀攀 氀椀洀椀琀㨀 ␀笀琀椀洀攀䰀椀洀椀琀紀 洀椀渀甀琀攀猀㰀⼀氀椀㸀㰀氀椀㸀倀爀愀挀琀椀挀攀 昀漀爀 唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⠀䰀愀渀最甀愀最攀 䤀䤀 ⴀ 䔀渀最氀椀猀栀⤀⸀㰀⼀氀椀㸀㰀氀椀㸀䔀愀挀栀 焀甀攀猀琀椀漀渀 挀愀爀爀椀攀猀 ㄀ 洀愀爀欀Ⰰ 渀漀 渀攀最愀琀椀瘀攀 洀愀爀欀椀渀最⸀㰀⼀氀椀㸀㰀⼀漀氀㸀㰀⼀搀椀瘀㸀 
                <div class="question-section"><div class="section-heading" style="font-size:1.2rem; font-weight:bold; margin-bottom:15px;">📖 English Grammar & Comprehension Questions</div>`;਀        氀攀琀 焀一甀洀 㴀 ㄀㬀 
        mcqs.forEach(mcq => {਀            瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀∀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀焀甀攀猀琀椀漀渀ⴀ琀攀砀琀∀㸀␀笀焀一甀洀紀⸀ ␀笀洀挀焀⸀焀甀攀猀琀椀漀渀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䄀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀　崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䈀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㄀崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䌀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㈀崀紀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀∀㸀䐀⸀ ␀笀洀挀焀⸀漀瀀琀椀漀渀猀嬀㌀崀紀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀怀㬀 
            qNum++;਀        紀⤀㬀 
        paperHTML += `</div><div class="answer-sheet"><h3 class="section-title">✅ Answer Key</h3><table class="answer-table"><thead><tr><th>Q.No.</th><th>Answer</th><th>Q.No.</th><th>Answer</th><th>Q.No.</th><th>Answer</th></tr></thead><tbody>`;਀        昀漀爀⠀氀攀琀 椀㴀　㬀 椀㰀洀挀焀猀⸀氀攀渀最琀栀㬀 椀⬀㴀㌀⤀ 笀 
            paperHTML += `<tr>`;਀            昀漀爀⠀氀攀琀 樀㴀　㬀 樀㰀㌀㬀 樀⬀⬀⤀ 笀 
                if(i+j < mcqs.length) paperHTML += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;਀                攀氀猀攀 瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀琀搀㸀㰀⼀琀搀㸀㰀琀搀㸀㰀⼀琀搀㸀怀㬀 
            }਀            瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀⼀琀爀㸀怀㬀 
        }਀        瀀愀瀀攀爀䠀吀䴀䰀 ⬀㴀 怀㰀⼀琀戀漀搀礀㸀㰀⼀琀愀戀氀攀㸀㰀⼀搀椀瘀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀∀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀瀀爀椀渀琀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ瀀爀椀渀琀∀㸀㰀⼀椀㸀 倀爀椀渀琀㰀⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀搀漀眀渀氀漀愀搀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ搀漀眀渀氀漀愀搀∀㸀㰀⼀椀㸀 䐀漀眀渀氀漀愀搀 倀䐀䘀㰀⼀戀甀琀琀漀渀㸀㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ瀀氀甀猀∀㸀㰀⼀椀㸀 一攀眀 倀爀愀挀琀椀挀攀 匀攀琀㰀⼀戀甀琀琀漀渀㸀㰀⼀搀椀瘀㸀㰀⼀搀椀瘀㸀怀㬀 
        generatedPaperContainer.innerHTML = paperHTML;਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀瀀爀椀渀琀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 眀椀渀搀漀眀⸀瀀爀椀渀琀⠀⤀⤀㬀 
        document.getElementById('downloadBtn')?.addEventListener('click', downloadPDF);਀        搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀渀攀眀䄀猀猀椀最渀洀攀渀琀䈀琀渀✀⤀㼀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀✀挀氀椀挀欀✀Ⰰ ⠀⤀ 㴀㸀 戀愀挀欀吀漀匀琀愀爀琀⠀⤀⤀㬀 
    }਀     
    async function downloadPDF() {਀        挀漀渀猀琀 攀氀攀洀攀渀琀 㴀 搀漀挀甀洀攀渀琀⸀最攀琀䔀氀攀洀攀渀琀䈀礀䤀搀⠀✀最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀✀⤀㬀 
        const tempDiv = document.createElement('div');਀        琀攀洀瀀䐀椀瘀⸀猀琀礀氀攀⸀瀀漀猀椀琀椀漀渀 㴀 ✀愀戀猀漀氀甀琀攀✀㬀 琀攀洀瀀䐀椀瘀⸀猀琀礀氀攀⸀氀攀昀琀 㴀 ✀ⴀ㤀㤀㤀㤀瀀砀✀㬀 琀攀洀瀀䐀椀瘀⸀猀琀礀氀攀⸀眀椀搀琀栀 㴀 ✀㜀㤀㐀瀀砀✀㬀 琀攀洀瀀䐀椀瘀⸀猀琀礀氀攀⸀戀愀挀欀最爀漀甀渀搀䌀漀氀漀爀 㴀 ✀眀栀椀琀攀✀㬀 琀攀洀瀀䐀椀瘀⸀猀琀礀氀攀⸀瀀愀搀搀椀渀最 㴀 ✀㈀　瀀砀✀㬀 
        tempDiv.innerHTML = element.innerHTML;਀        搀漀挀甀洀攀渀琀⸀戀漀搀礀⸀愀瀀瀀攀渀搀䌀栀椀氀搀⠀琀攀洀瀀䐀椀瘀⤀㬀 
        try {਀            挀漀渀猀琀 瀀搀昀 㴀 渀攀眀 樀猀倀䐀䘀⠀✀瀀✀Ⰰ ✀洀洀✀Ⰰ ✀愀㐀✀⤀㬀 
            const pageWidth = pdf.internal.pageSize.getWidth() - 25.4;਀            氀攀琀 瀀漀猀椀琀椀漀渀 㴀 ㄀㈀⸀㜀㬀 
            let remainingHeight = tempDiv.scrollHeight;਀            氀攀琀 瀀愀最攀一甀洀 㴀 ㄀㬀 
            while (remainingHeight > 0) {਀                挀漀渀猀琀 挀愀渀瘀愀猀 㴀 愀眀愀椀琀 栀琀洀氀㈀挀愀渀瘀愀猀⠀琀攀洀瀀䐀椀瘀Ⰰ 笀 猀挀愀氀攀㨀 ㄀⸀㔀Ⰰ 戀愀挀欀最爀漀甀渀搀䌀漀氀漀爀㨀 ✀⌀昀昀昀昀昀昀✀ 紀⤀㬀 
                const imgData = canvas.toDataURL('image/jpeg', 0.92);਀                椀昀⠀瀀愀最攀一甀洀 㸀 ㄀⤀ 瀀搀昀⸀愀搀搀倀愀最攀⠀⤀㬀 
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, canvas.height * pageWidth / canvas.width);਀                瀀漀猀椀琀椀漀渀 ⬀㴀 ㈀㜀㜀㬀 
                remainingHeight -= 277 * 3.78;਀                瀀愀最攀一甀洀⬀⬀㬀 
            }਀            瀀搀昀⸀猀愀瘀攀⠀✀唀倀开吀䔀吀开䔀渀最氀椀猀栀开䰀愀渀最甀愀最攀开䤀䤀开倀爀愀挀琀椀挀攀开匀攀琀⸀瀀搀昀✀⤀㬀 
        } catch(e) { console.error(e); alert("PDF generation error"); }਀        昀椀渀愀氀氀礀 笀 椀昀⠀琀攀洀瀀䐀椀瘀⤀ 搀漀挀甀洀攀渀琀⸀戀漀搀礀⸀爀攀洀漀瘀攀䌀栀椀氀搀⠀琀攀洀瀀䐀椀瘀⤀㬀 紀 
    }਀     
    startGeneratingBtn.onclick = showPracticeTypeSelection;਀    戀愀挀欀吀漀匀琀愀爀琀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀匀琀愀爀琀㬀 
    proceedToChaptersBtn.onclick = showChapters;਀    戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀㬀 
    generateAssignmentBtn.onclick = showLevelSelection;਀    戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀㬀 
    generateFinalBtn.onclick = generateAssignment;਀    栀漀洀攀䤀挀漀渀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀匀琀愀爀琀㬀 
    ਀    ⼀⼀ 䐀攀昀愀甀氀琀 琀椀洀攀爀 猀攀氀攀挀琀椀漀渀 
    document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');਀㰀⼀猀挀爀椀瀀琀㸀 
</body>਀㰀⼀栀琀洀氀㸀�