<!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='%234caf50'/%3E%3Ctext x='50' y='67' font-size='50' text-anchor='middle' fill='white' font-weight='bold'%3EEVS%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: #2e7d32;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀㄀戀㔀攀㈀　㬀 
            --secondary: #66bb6a;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀昀㐀㐀㌀㌀㘀㬀 
            --success: #43a047;਀            ⴀⴀ氀椀最栀琀㨀 ⌀攀㠀昀㔀攀㤀㬀 
            --dark: #1b5e20;਀            ⴀⴀ最爀愀礀㨀 ⌀㔀㔀㠀戀㈀昀㬀 
            --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(46, 125, 50, 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(46, 125, 50, 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-leaf"></i> UP TET Paper 1 - पर्यावरण अध्ययन (EVS) अभ्यास सेट जनरेटर</h1>਀        㰀瀀㸀唀倀 吀䔀吀 ⨀䴉〉㸉┉⸉㼉ᔉ 㠀䴉␉〉 ᔀ䀉 ⨀〉䀉ᔉ䴉㜉㸉 㤀䜉␉䄉 ⨀〉䴉⼉㸉㔉〉⌉ Ԁ✉䴉⼉⼉⠉ 㔀㼉㜉⼉㔉㸉〉 ☀ 㠀䴉␉〉㸉⠉䄉㠉㸉〉 ⨀䴉〉㘉䴉⠉ 㠀䜉Ἁ㰉⼀瀀㸀 
    </div>਀    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀 
        <div id="startScreen">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㰀� पर्यावरण अध्ययन अभ्यास सेट जनरेटर</h2>਀            㰀瀀 挀氀愀猀猀㴀∀琀攀砀琀ⴀ挀攀渀琀攀爀∀㸀唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⠀ᔀᔉ䴉㜉㸉 ㄀ⴀ㔀⤀ 㤀䜉␉䄉 ⨀〉䴉⼉㸉㔉〉⌉ Ԁ✉䴉⼉⼉⠉ 㔀㼉㜉⼉䬉ȉ ᔀ㸉 㔀㼉㠉䴉␉䌉␉ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ␀䠉⼉㸉〉 ᔀ〉䜉ȉ㰉⼀瀀㸀 
            <div class="btn-group">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀猀琀愀爀琀䜀攀渀攀爀愀琀椀渀最䈀琀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ瀀氀愀礀∀㸀㰀⼀椀㸀 Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ Ⰰ⠉㸉⠉㸉 㘀䄉〉䈉 ᔀ〉䜉ȉ㰉⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
਀        㰀搀椀瘀 椀搀㴀∀瀀爀愀挀琀椀挀攀吀礀瀀攀匀攀氀攀挀琀椀漀渀∀ 挀氀愀猀猀㴀∀栀椀搀搀攀渀∀㸀 
            <h2 class="section-title">अभ्यास का प्रकार चुनें</h2>਀            㰀瀀 挀氀愀猀猀㴀∀琀攀砀琀ⴀ挀攀渀琀攀爀∀㸀Ԁ⨉⠉䀉 ␀䠉⼉㸉〉䀉 ᔀ䜉 Ԁ⠉䄉㠉㸉〉 Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ᨀ䄉⠉䜉ȉ㨉㰀⼀瀀㸀 
            <div class="practice-options">਀                㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ挀愀爀搀∀ 搀愀琀愀ⴀ琀礀瀀攀㴀∀挀栀愀瀀琀攀爀ⴀ眀椀猀攀∀㸀 
                    <div class="option-icon"><i class="fas fa-book-open"></i></div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㔀㼉㜉⼉㸉⠉䄉㠉㸉〉 Ԁⴉ䴉⼉㸉㠉㰉⼀搀椀瘀㸀 
                    <div class="option-description">किसी विशेष पर्यावरण अध्ययन विषय का गहन अभ्यास करें</div>਀                㰀⼀搀椀瘀㸀 
                <div class="option-card" data-type="full-length">਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ椀挀漀渀∀㸀㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ昀椀氀攀ⴀ愀氀琀∀㸀㰀⼀椀㸀㰀⼀搀椀瘀㸀 
                    <div class="option-title">पूर्ण लंबाई टेस्ट</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ搀攀猀挀爀椀瀀琀椀漀渀∀㸀唀倀 吀䔀吀 ⨀䠉Ἁ〉䴉⠉ ⨀〉 ؀✉㸉〉㼉␉ 㔀　 ⨀䴉〉㘉䴉⠉䬉ȉ ᔀ㸉 㠀䜉Ἁ㰉⼀搀椀瘀㸀 
                </div>਀                㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ挀愀爀搀∀ 搀愀琀愀ⴀ琀礀瀀攀㴀∀瀀爀攀瘀椀漀甀猀ⴀ礀攀愀爀∀㸀 
                    <div class="option-icon"><i class="fas fa-calendar-alt"></i></div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀漀瀀琀椀漀渀ⴀ琀椀琀氀攀∀㸀⨀㼉ᬉ㈉䜉 㔀〉䴉㜉䬉ȉ ᔀ䜉 ⨀䴉〉㘉䴉⠉㰉⼀搀椀瘀㸀 
                    <div class="option-description">पिछली TET परीक्षाओं पर आधारित प्रश्न</div>਀                㰀⼀搀椀瘀㸀 
            </div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-danger" id="backToStartBtn">पीछे जाएं</button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀瀀爀漀挀攀攀搀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀∀㸀㔀㼉㜉⼉ ᨀ䄉⠉䜉ȉ 鈀㰡⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
਀        㰀搀椀瘀 椀搀㴀∀挀栀愀瀀琀攀爀匀攀氀攀挀琀椀漀渀∀ 挀氀愀猀猀㴀∀栀椀搀搀攀渀∀㸀 
            <h2 class="section-title">📚 पर्यावरण अध्ययन (EVS) के विषय चुनें</h2>਀            㰀昀漀爀洀 椀搀㴀∀挀栀愀瀀琀攀爀䘀漀爀洀∀㸀 
                <div class="checkbox-container" id="evsTopicsContainer"></div>਀            㰀⼀昀漀爀洀㸀 
            <div id="questionCountSection">਀                㰀栀㌀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀⨀䴉〉㘉䴉⠉䬉ȉ ᔀ䀉 㠀ȉᘉ䴉⼉㸉 ᨀ䄉⠉䜉ȉ㰉⼀栀㌀㸀 
                <div class="question-count-selector">਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀甀渀琀ⴀ戀琀渀∀ 椀搀㴀∀搀攀挀爀攀愀猀攀䌀漀甀渀琀∀㸀ⴀ㰀⼀搀椀瘀㸀 
                    <div class="question-count" id="questionCount">50</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀甀渀琀ⴀ戀琀渀∀ 椀搀㴀∀椀渀挀爀攀愀猀攀䌀漀甀渀琀∀㸀⬀㰀⼀搀椀瘀㸀 
                </div>਀            㰀⼀搀椀瘀㸀 
            <div class="btn-group">਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀䈀琀渀∀㸀⨀䀉ᬉ䜉㰉⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-success" id="generateAssignmentBtn">कठिनाई स्तर चुनें →</button>਀            㰀⼀搀椀瘀㸀 
        </div>਀ 
        <div id="levelSelection" class="hidden">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀ᔀ 㼉⠉㸉ࠉ 㠀䴉␉〉 ᨀ䄉⠉䜉ȉ㰉⼀栀㈀㸀 
            <p class="text-center">UP TET परीक्षा के अनुसार स्तर चुनें:</p>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀氀攀瘀攀氀ⴀ戀甀琀琀漀渀猀∀㸀 
                <button class="btn btn-level" id="level1Btn">Level 1<br><small>बुनियादी (प्रारंभिक)</small></button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ氀攀瘀攀氀∀ 椀搀㴀∀氀攀瘀攀氀㈀䈀琀渀∀㸀䰀攀瘀攀氀 ㈀㰀戀爀㸀㰀猀洀愀氀氀㸀⸀✉䴉⼉⸉ ⠀吀䔀吀 㠀䴉␉〉⤉㰀⼀猀洀愀氀氀㸀㰀⼀戀甀琀琀漀渀㸀 
                <button class="btn btn-level" id="level3Btn">Level 3<br><small>उच्च (शिक्षक पात्रता)</small></button>਀            㰀⼀搀椀瘀㸀 
            <div id="timerOptions">਀                㰀栀㌀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㠀⸉⼉ 㠀䀉⸉㸉 ᨀ䄉⠉䜉ȉ㰉⼀栀㌀㸀 
                <div class="timer-options">਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀琀椀洀攀爀ⴀ戀琀渀∀ 搀愀琀愀ⴀ琀椀洀攀㴀∀㌀　∀㸀㌀　 ⸀㼉⠉Ἁ㰉⼀搀椀瘀㸀 
                    <div class="timer-btn" data-time="45">45 मिनट</div>਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀琀椀洀攀爀ⴀ戀琀渀∀ 搀愀琀愀ⴀ琀椀洀攀㴀∀㘀　∀ 挀氀愀猀猀㴀∀猀攀氀攀挀琀攀搀∀㸀㘀　 ⸀㼉⠉Ἁ㰉⼀搀椀瘀㸀 
                    <div class="timer-btn" data-time="90">90 मिनट</div>਀                㰀⼀搀椀瘀㸀 
            </div>਀            㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 
                <button class="btn btn-danger" id="backToChaptersBtn">विषयों पर वापस</button>਀                㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ猀甀挀挀攀猀猀∀ 椀搀㴀∀最攀渀攀爀愀琀攀䘀椀渀愀氀䈀琀渀∀㸀Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ᰀ⠉〉䜉Ἁ ᔀ〉䜉ȉ㰉⼀戀甀琀琀漀渀㸀 
            </div>਀        㰀⼀搀椀瘀㸀 
    </div>਀㰀⼀搀椀瘀㸀 
<div class="container hidden" id="generatedPaperContainer"></div>਀ 
<script>਀    挀漀渀猀琀 笀 樀猀倀䐀䘀 紀 㴀 眀椀渀搀漀眀⸀樀猀瀀搀昀㬀 
    ਀    ⼀⼀ 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 ⨀〉䴉⼉㸉㔉〉⌉ Ԁ✉䴉⼉⼉⠉ ⠀䔀嘀匀⤀ ᔀ䜉 ㈀㔀 㔀㼉㜉⼉ 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 
    const evsChapters = [਀        ∀⨀〉㼉㔉㸉〉 ⠀䘀愀洀椀氀礀⤀∀Ⰰ 
        "भोजन, स्वास्थ्य एवं स्वच्छता (Food, Health and Hygiene)",਀        ∀؀㔉㸉㠉 ⠀匀栀攀氀琀攀爀⤀∀Ⰰ 
        "पेड़-पौधे व जन्तु (Plants and Animals)",਀        ∀㤀⸉㸉〉㸉 ⨀〉㼉㔉䜉㘉 ⠀伀甀爀 匀甀爀爀漀甀渀搀椀渀最猀⤀∀Ⰰ 
        "चर्चित मेले (Famous Fairs)",਀        ∀㠀䴉┉㸉⠉䀉⼉ ⨀䜉㘉䜉 ༀ㔉ȉ 㔀䴉⼉㔉㠉㸉⼉ ⠀䰀漀挀愀氀 倀爀漀昀攀猀猀椀漀渀猀 愀渀搀 伀挀挀甀瀀愀琀椀漀渀猀⤀∀Ⰰ 
        "जल (Water)",਀        ∀⼀㸉␉㸉⼉㸉␉ ༀ㔉ȉ 㠀ȉᨉ㸉〉 ⠀吀爀愀渀猀瀀漀爀琀 愀渀搀 䌀漀洀洀甀渀椀挀愀琀椀漀渀⤀∀Ⰰ 
        "खेल व खेल भावना (Sports and Sportsmanship)",਀        ∀㤀⸉㸉〉䀉 ⨀䌉┉䴉㔉䀉 ⠀㔀㼉㘉䴉㔉 ᔀ䜉 ⸀㤉㸉☉䴉㔉䀉⨉ ༀ㔉ȉ ⸀㤉㸉㠉㸉ᜉ〉⤉ ⠀伀甀爀 䔀愀爀琀栀㨀 䌀漀渀琀椀渀攀渀琀猀 愀渀搀 伀挀攀愀渀猀⤀∀Ⰰ 
        "भारत का भौतिक स्वरूप (Physical Form of India)",਀        ∀㤀⸉㸉〉㸉 ⨀䴉〉☉䜉㘉 㨀 ⠀☉㼉⼉㸉ĉⰉ ⨀〉䴉㔉␉Ⰹ ⨀ 㸉〉Ⰹ 㔀⠉ ༀ㔉ȉ ⼀㸉␉㸉⼉㸉␉ ⠀伀甀爀 匀琀愀琀攀⤀∀Ⰰ 
        "भारतीय संविधान (Indian Constitution)",਀        ∀ⴀ㸉〉␉䀉⼉ 㘀㸉㠉⠉ 㔀䴉⼉㔉㠉䴉┉㸉 ⠀䤀渀搀椀愀渀 䜀漀瘀攀爀渀愀渀挀攀 匀礀猀琀攀洀⤀∀Ⰰ 
        "राष्ट्रीय पर्व, राष्ट्रीय प्रतीक व राष्ट्रीय एकता (National Festivals, Symbols and Unity)",਀        ∀⨀〉䴉⼉㸉㔉〉⌉ ⠀䔀渀瘀椀爀漀渀洀攀渀琀⤀∀Ⰰ 
        "पर्यावरण अध्ययन : अवधारणा, व्याप्ति एवं क्षेत्र (EVS: Concept, Scope and Area)",਀        ∀⨀〉䴉⼉㸉㔉〉⌉䀉⼉ 㘀㼉ᔉ䴉㜉㸉 ༀ㔉ȉ Ԁ✉㼉ᜉ⸉ ᔀ䜉 㠀㼉☉䴉✉㸉⠉䴉␉ ⠀倀爀椀渀挀椀瀀氀攀猀 漀昀 䔀渀瘀椀爀漀渀洀攀渀琀愀氀 䔀搀甀挀愀琀椀漀渀⤀∀Ⰰ 
        "विज्ञान एवं सामाजिक विज्ञान में सम्बन्ध (Relation between Science and Social Science)",਀        ∀⨀〉䴉⼉㸉㔉〉⌉䀉⼉ Ԁ㔉✉㸉〉⌉㸉 ⨀䴉〉㠉䴉␉䄉␉ ᔀ〉⠉䜉 ᔀ䜉 ☀䌉㜉䴉Ἁ㼉ᔉ䬉⌉ ⠀䄀瀀瀀爀漀愀挀栀攀猀 琀漀 倀爀攀猀攀渀琀椀渀最 䔀渀瘀椀爀漀渀洀攀渀琀愀氀 䌀漀渀挀攀瀀琀猀⤀∀Ⰰ 
        "पर्यावरण अध्ययन की विविध गतिविधियाँ (Various Activities of Environmental Studies)",਀        ∀㠀␉␉䴉 ༀ㔉ȉ 㔀䴉⼉㸉⨉ᔉ ⸀䈉㈉䴉⼉㸉ȉᔉ⠉ ⠀䌀漀渀琀椀渀甀漀甀猀 愀渀搀 䌀漀洀瀀爀攀栀攀渀猀椀瘀攀 䔀瘀愀氀甀愀琀椀漀渀⤀∀Ⰰ 
        "शिक्षण सहायक सामग्री/उपकरण (Teaching Support Materials/Tools)",਀        ∀⨀〉䴉⼉㸉㔉〉⌉䀉⼉ Ԁ✉䴉⼉⼉⠉ ᔀ䀉 㠀⸉㠉䴉⼉㸉༉ĉ ⠀倀爀漀戀氀攀洀猀 漀昀 䔀渀瘀椀爀漀渀洀攀渀琀愀氀 匀琀甀搀椀攀猀⤀∀ 
    ];਀ 
    // ======================== प्रश्न डेटाबेस (प्रत्येक अध्याय के लिए level1, level2, level3) ========================਀    挀漀渀猀琀 焀甀攀猀琀椀漀渀猀 㴀 笀紀㬀 
਀    昀甀渀挀琀椀漀渀 愀搀搀儀甀攀猀琀椀漀渀⠀挀栀愀瀀琀攀爀Ⰰ 氀攀瘀攀氀Ⰰ 焀吀攀砀琀Ⰰ 漀瀀琀猀Ⰰ 愀渀猀⤀ 笀 
        if(!questions[chapter]) questions[chapter] = { level1: [], level2: [], level3: [] };਀        焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀嬀怀氀攀瘀攀氀␀笀氀攀瘀攀氀紀怀崀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 焀吀攀砀琀Ⰰ 漀瀀琀椀漀渀猀㨀 漀瀀琀猀Ⰰ 愀渀猀眀攀爀㨀 愀渀猀 紀⤀㬀 
    }਀ 
    // ---------- पर्यावरण अध्ययन के गुणवत्तापूर्ण प्रश्न ----------਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀　崀Ⰰ ㄀Ⰰ ∀⨀〉㼉㔉㸉〉 ᔀ㸉 ⸀䄉ᘉ䴉⼉ ᔀ䜉ȉ☉䴉〉 ᔀ㼉㠉䜉 ⸀㸉⠉㸉 ᰀ㸉␉㸉 㤀䠉㼉∀Ⰰ 嬀∀Ⰰᨉ䴉ᨉ䜉∉Ⰰ ∀⸀㸉␉㸉ⴉ⨀㼉␉㸉∉Ⰰ ∀☀㸉☉㸉ⴉ☀㸉☉䀉∉Ⰰ ∀　㼉㘉䴉␉䜉☉㸉〉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(evsChapters[0], 2, "संयुक्त परिवार में क्या विशेषता होती है?", ["केवल माता-पिता और बच्चे", "कई पीढ़ियाँ एक साथ रहती हैं", "एकल व्यक्ति", "पड़ोसी एक साथ रहते हैं"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀　崀Ⰰ ㌀Ⰰ ∀⨀〉㼉㔉㸉〉 ⸀䜉ȉ Ⰰᨉ䴉ᨉ䬉ȉ ᔀ䜉 㠀〉䴉㔉㸉ȉᜉ䀉⌉ 㔀㼉ᔉ㸉㠉 ᔀ䜉 ㈀㼉༉ 㠀Ⰹ㠉䜉 ؀㔉㘉䴉⼉ᔉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀⸀㤉ȉᜉ䜉 ᘀ㼉㈉䰉⠉䜉∉Ⰰ ∀⨀䴉〉䜉⸉⨉䈉〉䴉⌉ 㔀㸉␉㸉㔉〉⌉∉Ⰰ ∀Ԁᔉ䜉㈉㸉⨉⠉∉Ⰰ ∀⨀䴉〉␉㼉⼉䬉ᜉ㼉␉㸉∉崀Ⰰ ∀䈀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀崀Ⰰ ㄀Ⰰ ∀㠀ȉ␉䄉㈉㼉␉ ؀㤉㸉〉 ᔀ㸉 Ԁ〉䴉┉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀ⴀ〉⨉䜉Ἁ ⴀ䬉ᰉ⠉∉Ⰰ ∀㠀ⴉ䀉 ⨀䬉㜉ᔉ ␀␉䴉㔉䬉ȉ ᔀ㸉 ऀᨉ㼉␉ ⸀㸉␉䴉〉㸉 ⸀䜉ȉ ⸀㼉㈉⠉㸉∉Ⰰ ∀ᔀ䜉㔉㈉ ⬀㈉ ᘀ㸉⠉㸉∉Ⰰ ∀ᔀ䜉㔉㈉ ☀䈉✉ ⨀䀉⠉㸉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(evsChapters[1], 2, "हैंड वॉश करने का सही तरीका क्या है?", ["केवल पानी से", "साबुन से 20 सेकंड", "गंदे हाथों से", "कपड़े से पोंछना"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀崀Ⰰ ㌀Ⰰ ∀⨀䴉〉䬉Ἁ䀉⠉ ᔀ䀉 ᔀ⸉䀉 㠀䜉 Ⰰᨉ䴉ᨉ䬉ȉ ⸀䜉ȉ ᔀ䰉⠉ 㠀㸉 　䬉ᜉ 㤀䬉␉㸉 㤀䠉㼉∀Ⰰ 嬀∀　㸉␉䬉ȉ✉䀉∉Ⰰ ∀ᔀ䴉㔉㸉㘉㼉⼉䬉〉ᔉ䬉〉∉Ⰰ ∀Ⰰ䜉〉䀉Ⰹ䜉〉䀉∉Ⰰ ∀㠀䴉ᔉ〉䴉㔉䀉∉崀Ⰰ ∀䈀∀⤀㬀 
਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㌀崀Ⰰ ㄀Ⰰ ∀⨀䰉✉䬉ȉ ᔀ䜉 ㈀㼉༉ ⨀䴉〉ᔉ㸉㘉 㠀ȉ㘉䴉㈉䜉㜉⌉ 㤀䜉␉䄉 ᔀ䴉⼉㸉 ؀㔉㘉䴉⼉ᔉ 㤀䠉㼉∀Ⰰ 嬀∀ᰀ㈉Ⰹ ᔀ㸉〉䴉Ⰹ⠉ ℀㸉܉ᄉᔉ䴉㠉㸉܉℉Ⰹ 㠀䈉〉䴉⼉⨉䴉〉ᔉ㸉㘉∉Ⰰ ∀ᔀ䜉㔉㈉ ⸀㼉Ἁ䴉Ἁ䀉∉Ⰰ ∀ᔀ䜉㔉㈉ ⨀㸉⠉䀉∉Ⰰ ∀ᔀ䜉㔉㈉ ᄀᔉ䴉㠉䀉ᰉ⠉∉崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(evsChapters[3], 2, "निम्नलिखित में से कौन सा जन्तु शाकाहारी है?", ["शेर", "गाय", "बाघ", "भेड़िया"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㐀崀Ⰰ ㄀Ⰰ ∀㤀⸉㸉〉䜉 ⨀〉㼉㔉䜉㘉 ⸀䜉ȉ ᔀ䴉⼉㸉 㘀㸉⸉㼉㈉ 㤀䠉㼉∀Ⰰ 嬀∀ᔀ䜉㔉㈉ ⨀䜉℉㰉∉Ⰰ ∀㤀㔉㸉Ⰹ ⨀㸉⠉䀉Ⰹ ⸀㼉Ἁ䴉Ἁ䀉Ⰹ ᰀ䀉㔉ⴉᰀ⠉䴉␉䄉∉Ⰰ ∀ᔀ䜉㔉㈉ ܀⸉㸉〉␉䜉ȉ∉Ⰰ ∀ᔀ䜉㔉㈉ 㠀℉㰉ᔉ䜉ȉ∉崀Ⰰ ∀䈀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㜀崀Ⰰ ㄀Ⰰ ∀㔀〉䴉㜉㸉 ᔀ㸉 ᰀ㈉ ᔀ㤉㸉ĉ 㠀ȉᜉ䴉〉㤉㼉␉ ᔀ㼉⼉㸉 ᰀ㸉␉㸉 㤀䠉㼉∀Ⰰ 嬀∀⠀☉㼉⼉䬉ȉ ⸀䜉ȉ∉Ⰰ ∀ᰀ㈉㸉㘉⼉䬉ȉ ༀ㔉ȉ ␀㸉㈉㸉Ⰹ䬉ȉ ⸀䜉ȉ∉Ⰰ ∀㠀⸉䄉☉䴉〉 ⸀䜉ȉ∉Ⰰ ∀⨀㤉㸉℉㰉䬉ȉ ⨀〉∉崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(evsChapters[7], 2, "जल संरक्षण का सबसे अच्छा तरीका क्या है?", ["वर्षा जल संचयन", "नल खुला छोड़ना", "पानी बर्बाद करना", "नदियाँ सुखाना"], "A");਀     
    addQuestion(evsChapters[10], 1, "विश्व का सबसे बड़ा महाद्वीप कौन सा है?", ["अफ्रीका", "एशिया", "उत्तरी अमेरिका", "यूरोप"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀　崀Ⰰ ㈀Ⰰ ∀㤀㼉ȉ☉ ⸀㤉㸉㠉㸉ᜉ〉 ᔀ㸉 㠀Ⰹ㠉䜉 ᜀ㤉〉㸉 Ⰰ㼉ȉ☉䄉 ᔀ䰉⠉ 㠀㸉 㤀䠉㼉∀Ⰰ 嬀∀⸀䜉〉㼉⼉㸉⠉㸉 ἀ䴉〉䜉ȉᨉ∉Ⰰ ∀ᰀ㸉㔉㸉 ἀ䴉〉䜉ȉᨉ∉Ⰰ ∀⨀䴉⼉䈉〉䴉Ἁ䬉 　㼉ᔉ䬉 ἀ䴉〉䜉ȉᨉ∉Ⰰ ∀㠀䄉ȉ℉㸉 ἀ䴉〉䜉ȉᨉ∉崀Ⰰ ∀䈀∀⤀㬀 
਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀㌀崀Ⰰ ㄀Ⰰ ∀ⴀ㸉〉␉䀉⼉ 㠀ȉ㔉㼉✉㸉⠉ ᔀⰉ ㈀㸉ᜉ䈉 㤀䄉؉㼉∀Ⰰ 嬀∀㈀㘀 ᰀ⠉㔉〉䀉 ㄀㤀㔀　∀Ⰰ ∀㄀㔀 Ԁᜉ㠉䴉␉ ㄀㤀㐀㜀∀Ⰰ ∀㈀㘀 ⠀㔉ȉⰉ〉 ㄀㤀㐀㤀∀Ⰰ ∀㈀ Ԁᔉ䴉Ἁ䈉Ⰹ〉 ㄀㤀㔀　∀崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(evsChapters[13], 2, "भारतीय संविधान के किस अनुच्छेद में 'शिक्षा का अधिकार' है?", ["अनुच्छेद 21A", "अनुच्छेद 14", "अनुच्छेद 19", "अनुच्छेद 32"], "A");਀     
    addQuestion(evsChapters[16], 1, "पर्यावरण दिवस कब मनाया जाता है?", ["5 जून", "22 अप्रैल", "16 जुलाई", "10 अगस्त"], "A");਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀㘀崀Ⰰ ㈀Ⰰ ∀ᜀ䴉〉䀉⠉ 㤀㸉उ㠉 ᜀ䠉㠉䬉ȉ ⸀䜉ȉ 㠀Ⰹ㠉䜉 ⨀䴉〉⸉䄉ᘉ ᔀ䰉⠉ 㠀䀉 㤀䠉㼉∀Ⰰ 嬀∀ᔀ㸉〉䴉Ⰹ⠉ ℀㸉܉ᄉᔉ䴉㠉㸉܉℉∉Ⰰ ∀ᄀᔉ䴉㠉䀉ᰉ⠉∉Ⰰ ∀⠀㸉܉Ἁ䴉〉䬉ᰉ⠉∉Ⰰ ∀㤀㸉܉℉䴉〉䬉ᰉ⠉∉崀Ⰰ ∀䄀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀攀瘀猀䌀栀愀瀀琀攀爀猀嬀㄀㜀崀Ⰰ ㄀Ⰰ ∀䔀嘀匀 ᔀ㸉 ⨀䈉〉䴉⌉ 　䈉⨉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀䔀渀瘀椀爀漀渀洀攀渀琀愀氀 匀琀甀搀椀攀猀∀Ⰰ ∀䔀愀爀琀栀 嘀愀爀椀漀甀猀 匀挀椀攀渀挀攀∀Ⰰ ∀䔀挀漀 嘀椀氀氀愀最攀 匀礀猀琀攀洀∀Ⰰ ∀一漀渀攀∀崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(evsChapters[17], 2, "पर्यावरण अध्ययन का मुख्य उद्देश्य क्या है?", ["केवल परीक्षा पास करना", "पर्यावरण के प्रति जागरूकता और संरक्षण", "विज्ञान पढ़ाना", "इतिहास याद करना"], "B");਀ 
    // सभी अध्यायों के लिए डिफ़ॉल्ट प्रश्न (गुणवत्तापूर्ण)਀    昀漀爀⠀氀攀琀 椀㴀　㬀 椀㰀攀瘀猀䌀栀愀瀀琀攀爀猀⸀氀攀渀最琀栀㬀 椀⬀⬀⤀ 笀 
        const chap = evsChapters[i];਀        椀昀⠀℀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⤀ 笀 
            questions[chap] = { level1: [], level2: [], level3: [] };਀        紀 
        if(questions[chap].level1.length < 3) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㌀㬀 欀⬀⬀⤀ 笀 
                questions[chap].level1.push({ question: `${chap} से बुनियादी प्रश्न ${k}: सही विकल्प चुनें।`, options: ["विकल्प A", "विकल्प B", "विकल्प C", "विकल्प D"], answer: "A" });਀            紀 
        }਀        椀昀⠀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㈀⸀氀攀渀最琀栀 㰀 ㌀⤀ 笀 
            for(let k=1; k<=3; k++) {਀                焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㈀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 ⠀⸀✉䴉⼉⸉ 㠀䴉␉〉⤉ ⨀䴉〉㘉䴉⠉ ␀笀欀紀㨀 㠀㤉䀉 ᔀ┉⠉ ᨀ䄉⠉㼉༉搉怉Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀ᔀ┉⠉ ㄀∀Ⰰ ∀ᔀ┉⠉ ㈀∀Ⰰ ∀ᔀ┉⠉ ㌀∀Ⰰ ∀ᔀ┉⠉ 㐀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䈀∀ 紀⤀㬀 
            }਀        紀 
        if(questions[chap].level3.length < 3) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㌀㬀 欀⬀⬀⤀ 笀 
                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">✅ सभी विषय (पूर्ण पाठ्यक्रम - 25 अध्याय)</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 [...evsChapters];਀        爀攀琀甀爀渀 䄀爀爀愀礀⸀昀爀漀洀⠀搀漀挀甀洀攀渀琀⸀焀甀攀爀礀匀攀氀攀挀琀漀爀䄀氀氀⠀✀椀渀瀀甀琀嬀渀愀洀攀㴀∀琀漀瀀椀挀∀崀㨀挀栀攀挀欀攀搀✀⤀⤀⸀昀椀氀琀攀爀⠀挀戀 㴀㸀 挀戀⸀椀搀 ℀㴀㴀 ✀昀甀氀氀倀愀瀀攀爀✀⤀⸀洀愀瀀⠀挀戀 㴀㸀 挀戀⸀瘀愀氀甀攀⤀㬀 
    }਀     
    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 - पर्यावरण अध्ययन (EVS) अभ्यास सेट</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_EVS_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>