<!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='%231e88e5'/%3E%3Ctext x='50' y='67' font-size='50' 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: #1e88e5;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀㄀㔀㘀㔀挀　㬀 
            --secondary: #64b5f6;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀昀㐀㐀㌀㌀㘀㬀 
            --success: #43a047;਀            ⴀⴀ氀椀最栀琀㨀 ⌀攀㌀昀㈀昀搀㬀 
            --dark: #0d47a1;਀            ⴀⴀ最爀愀礀㨀 ⌀㔀㐀㘀攀㜀愀㬀 
            --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(30, 136, 229, 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(30, 136, 229, 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-calculator"></i> UP TET Paper 1 - गणित (Mathematics) अभ्यास सेट जनरेटर</h1>਀        㰀瀀㸀唀倀 吀䔀吀 ⨀䴉〉㸉┉⸉㼉ᔉ 㠀䴉␉〉 ᔀ䀉 ⨀〉䀉ᔉ䴉㜉㸉 㤀䜉␉䄉 ᜀ⌉㼉␉ 㔀㼉㜉⼉㔉㸉〉 ☀ 㠀䴉␉〉㸉⠉䄉㠉㸉〉 ⨀䴉〉㘉䴉⠉ 㠀䜉Ἁ㰉⼀瀀㸀 
    </div>਀    㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀 
        <div id="startScreen">਀            㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀㴀탘⃜ᜀ⌉㼉␉ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ ᰀ⠉〉䜉Ἁ〉㰉⼀栀㈀㸀 
            <p class="text-center">UP TET Paper 1 (कक्षा 1-5) हेतु गणित के सभी महत्वपूर्ण विषयों का विस्तृत अभ्यास सेट तैयार करें</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;਀     
    // ======================== गणित (Mathematics) के 19 विषय ========================਀    挀漀渀猀琀 洀愀琀栀䌀栀愀瀀琀攀爀猀 㴀 嬀 
        "संख्याएँ एवं संख्याओं का जोड़, घटाना, गुणा, भाग",਀        ∀㈀᠉䄉␉䴉␉⸉ 㠀⸉㸉⨉㔉〉䴉␉䴉⼉ ༀ㔉ȉ ⸀㤉␉䴉␉⸉ 㠀⸉㸉⨉㔉〉䴉␉ᔉ ⠀䰀䌀䴀 ☀ 䠀䌀䘀⤀∀Ⰰ 
        "भिन्नों का जोड़, घटाना, गुणा व भाग",਀        ∀☀㘉⸉㈉㔉 ⴀ ᰀ䬉℉㰉Ⰹ ᠀Ἁ㸉⠉㸉Ⰹ ᜀ䄉⌉㸉 㔀 ⴀ㸉ᜉ∉Ⰰ 
        "ऐकिक नियम (Unitary Method)",਀        ∀⨀䴉〉␉㼉㘉␉ ⠀倀攀爀挀攀渀琀愀最攀⤀∀Ⰰ 
        "लाभ-हानि (Profit & Loss)",਀        ∀㠀㸉✉㸉〉⌉ Ⰰ䴉⼉㸉ᰉ ⠀匀椀洀瀀氀攀 䤀渀琀攀爀攀猀琀⤀∀Ⰰ 
        "ज्यामिति - ज्यामितीय आकृतियाँ, कोण, त्रिभुज, वृत्त",਀        ∀✀⠉ ⠀　䄉⨉⼉㸉 ⴀ ⨀䠉㠉㸉⤉ ⠀䴀漀渀攀礀⤀∀Ⰰ 
        "मापन - समय, तौल, धारिता, लम्बाई एवं ताप",਀        ∀⸀䜉⠉䴉㠉䄉〉䜉㘉⠉ ⴀ ⨀〉㼉⸉㼉␉㼉 ༀ㔉ȉ ᔀ䴉㜉䜉␉䴉〉⬉㈉ ⠀倀攀爀椀洀攀琀攀爀 ☀ 䄀爀攀愀⤀∀Ⰰ 
        "कैलेंडर (Calendar)",਀        ∀؀ȉᔉ℉㰉䜉Ⰹ ؀ȉᔉ℉㰉䬉ȉ ᔀ㸉 ⨀䴉〉㠉䴉␉䄉␉䀉ᔉ〉⌉ ༀ㔉ȉ ⠀㼉〉䈉⨉⌉ ⠀䐀愀琀愀 䠀愀渀搀氀椀渀最⤀∀Ⰰ 
        "रेलवे या बस समय-सारिणी (Timetable)",਀        ∀㔀〉䴉ᜉⰉ 㔀〉䴉ᜉ⸉䈉㈉Ⰹ ᠀⠉Ⰹ ᠀⠉⸉䈉㈉ ⠀匀焀甀愀爀攀Ⰰ 匀焀甀愀爀攀 刀漀漀琀Ⰰ 䌀甀戀攀Ⰰ 䌀甀戀攀 刀漀漀琀⤀∀Ⰰ 
        "घातांक एवं करणी (Exponents & Surds)",਀        ∀Ԁ⠉䄉⨉㸉␉ ⴀ 㠀⸉㸉⠉䄉⨉㸉␉ ⠀刀愀琀椀漀 ☀ 倀爀漀瀀漀爀琀椀漀渀⤀∀Ⰰ 
        "बीजगणित (Algebra)"਀    崀㬀 
਀    ⼀⼀ 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 ⨀䴉〉㘉䴉⠉ ℀䜉Ἁ㸉Ⰹ䜉㠉 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 
    const questions = {};਀ 
    function addQuestion(chapter, level, qText, opts, ans) {਀        椀昀⠀℀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀⤀ 焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀琀攀爀崀 㴀 笀 氀攀瘀攀氀㄀㨀 嬀崀Ⰰ 氀攀瘀攀氀㈀㨀 嬀崀Ⰰ 氀攀瘀攀氀㌀㨀 嬀崀 紀㬀 
        questions[chapter][`level${level}`].push({ question: qText, options: opts, answer: ans });਀    紀 
਀    ⼀⼀ ⴀⴀⴀⴀⴀⴀⴀⴀⴀⴀ ᜀ⌉㼉␉ ᔀ䜉 ᜀ䄉⌉㔉␉䴉␉㸉⨉䈉〉䴉⌉ ⨀䴉〉㘉䴉⠉ ⴀⴀⴀⴀⴀⴀⴀⴀⴀⴀ 
    addQuestion(mathChapters[0], 1, "568 + 432 का योग क्या होगा?", ["900", "1000", "1100", "950"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀　崀Ⰰ ㈀Ⰰ ∀㜀㈀㠀 휀 ㄀㈀ ᔀ㸉 ᜀ䄉⌉⠉⬉㈉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㠀㘀㌀㘀∀Ⰰ ∀㠀㜀㌀㘀∀Ⰰ ∀㠀㠀㌀㘀∀Ⰰ ∀㠀㤀㌀㘀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(mathChapters[0], 3, "एक संख्या का 3/5 भाग 60 है, तो वह संख्या क्या है?", ["80", "90", "100", "120"], "C");਀     
    addQuestion(mathChapters[1], 1, "12 और 18 का LCM क्या है?", ["24", "36", "48", "72"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㄀崀Ⰰ ㈀Ⰰ ∀㈀㐀Ⰰ ㌀㘀 ᐀〉 㐀　 ᔀ㸉 䠀䌀䘀 ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㈀∀Ⰰ ∀㐀∀Ⰰ ∀㘀∀Ⰰ ∀㠀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(mathChapters[1], 3, "दो संख्याओं का LCM 180 और HCF 12 है, एक संख्या 36 है तो दूसरी संख्या क्या है?", ["48", "60", "72", "84"], "B");਀     
    addQuestion(mathChapters[2], 1, "1/2 + 1/3 का मान क्या है?", ["2/5", "5/6", "1/6", "2/3"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㈀崀Ⰰ ㈀Ⰰ ∀㌀⼀㐀  ㄀⼀㈀ ᔀ㸉 ⸀㸉⠉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㌀⼀㠀∀Ⰰ ∀㌀⼀㈀∀Ⰰ ∀㄀⼀㈀∀Ⰰ ∀㈀⼀㌀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(mathChapters[2], 3, "2/3 × 3/4 × 4/5 का मान क्या है?", ["2/5", "1/5", "3/5", "4/5"], "A");਀     
    addQuestion(mathChapters[3], 1, "2.5 + 3.25 का मान क्या है?", ["5.50", "5.75", "6.00", "5.25"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㌀崀Ⰰ ㈀Ⰰ ∀㔀⸀㘀 휀 ㄀⸀㔀 ᔀ㸉 ⸀㸉⠉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㠀⸀㐀∀Ⰰ ∀㜀⸀㐀∀Ⰰ ∀㠀⸀　∀Ⰰ ∀㠀⸀㔀∀崀Ⰰ ∀䄀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㐀崀Ⰰ ㄀Ⰰ ∀㔀 ᔀ㼉㈉䬉 ؀⸉ ᔀ㸉 ⸀䈉㈉䴉⼉ ㈀　　 　䄉⨉⼉䜉 㤀䠉Ⰹ ␀䬉 㠀 ᔀ㼉㈉䬉 ᔀ㸉 ⸀䈉㈉䴉⼉ ᔀ䴉⼉㸉 㤀䬉ᜉ㸉㼉∀Ⰰ 嬀∀㈀㔀　∀Ⰰ ∀㈀㠀　∀Ⰰ ∀㌀㈀　∀Ⰰ ∀㌀㔀　∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(mathChapters[4], 2, "10 मजदूर किसी काम को 15 दिनों में करते हैं, तो 5 मजदूर उसी काम को कितने दिनों में करेंगे?", ["20", "25", "30", "35"], "C");਀     
    addQuestion(mathChapters[5], 1, "40 का 25% कितना होगा?", ["5", "10", "15", "20"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㔀崀Ⰰ ㈀Ⰰ ∀ᔀ㼉㠉䀉 㠀ȉᘉ䴉⼉㸉 ᔀ㸉 ㌀　─ ㄀㔀　 㤀䠉Ⰹ ␀䬉 㔀㤉 㠀ȉᘉ䴉⼉㸉 ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㐀　　∀Ⰰ ∀㐀㔀　∀Ⰰ ∀㔀　　∀Ⰰ ∀㔀㔀　∀崀Ⰰ ∀䌀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㘀崀Ⰰ ㄀Ⰰ ∀ༀᔉ 㔀㠉䴉␉䄉 㔀　　 　䄉⨉⼉䜉 ⸀䜉ȉ ᘀ〉䀉☉䀉 ᐀〉 㘀　　 ⸀䜉ȉ Ⰰ䜉ᨉ䀉 ᜀࠉⰉ ␀䬉 ㈀㸉ⴉ ⨀䴉〉␉㼉㘉␉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㄀　─∀Ⰰ ∀㄀㔀─∀Ⰰ ∀㈀　─∀Ⰰ ∀㈀㔀─∀崀Ⰰ ∀䌀∀⤀㬀 
    addQuestion(mathChapters[6], 2, "1000 रुपये की वस्तु पर 12% हानि हो तो विक्रय मूल्य क्या होगा?", ["880", "850", "900", "950"], "A");਀     
    addQuestion(mathChapters[7], 1, "500 रुपये का 2 वर्ष में 10% वार्षिक ब्याज से साधारण ब्याज क्या होगा?", ["50", "100", "150", "200"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㜀崀Ⰰ ㈀Ⰰ ∀㠀㸉✉㸉〉⌉ Ⰰ䴉⼉㸉ᰉ ㌀　　 　䄉⨉⼉䜉Ⰹ ☀〉 㔀─ ᐀〉 㠀⸉⼉ ㌀ 㔀〉䴉㜉 㤀䬉 ␀䬉 ⸀䈉㈉✉⠉ ᔀ䴉⼉㸉 㤀䬉ᜉ㸉㼉∀Ⰰ 嬀∀㄀㔀　　∀Ⰰ ∀㈀　　　∀Ⰰ ∀㈀㔀　　∀Ⰰ ∀㌀　　　∀崀Ⰰ ∀䈀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㠀崀Ⰰ ㄀Ⰰ ∀㔀䌉␉䴉␉ ᔀ䀉 ␀䴉〉㼉ᰉ䴉⼉㸉 㜀 㠀䜉⸉䀉 㤀䬉 ␀䬉 ऀ㠉ᔉ㸉 ᔀ䴉㜉䜉␉䴉〉⬉㈉ ᔀ䴉⼉㸉 㤀䬉ᜉ㸉㼉 ⠀쀀㴃㈀㈀⼀㜀⤀∀Ⰰ 嬀∀㄀㔀㐀 㔀〉䴉ᜉ 㠀䜉⸉䀉∉Ⰰ ∀㄀㐀㐀 㔀〉䴉ᜉ 㠀䜉⸉䀉∉Ⰰ ∀㄀㘀㐀 㔀〉䴉ᜉ 㠀䜉⸉䀉∉Ⰰ ∀㄀㜀㐀 㔀〉䴉ᜉ 㠀䜉⸉䀉∉崀Ⰰ ∀䄀∀⤀㬀 
    addQuestion(mathChapters[8], 2, "त्रिभुज के तीनों कोणों का योग कितना होता है?", ["90°", "180°", "270°", "360°"], "B");਀     
    addQuestion(mathChapters[11], 1, "एक आयत की लंबाई 10 मीटर और चौड़ाई 5 मीटर है, तो उसका क्षेत्रफल क्या होगा?", ["30 वर्ग मी", "40 वर्ग मी", "50 वर्ग मी", "60 वर्ग मी"], "C");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㄀㄀崀Ⰰ ㈀Ⰰ ∀㄀　 㠀䜉⸉䀉 ⴀ䄉ᰉ㸉 㔀㸉㈉䜉 㔀〉䴉ᜉ ᔀ㸉 ⨀〉㼉⸉㸉⨉ ᔀ䴉⼉㸉 㤀䬉ᜉ㸉㼉∀Ⰰ 嬀∀㌀　 㠀䜉⸉䀉∉Ⰰ ∀㐀　 㠀䜉⸉䀉∉Ⰰ ∀㔀　 㠀䜉⸉䀉∉Ⰰ ∀㘀　 㠀䜉⸉䀉∉崀Ⰰ ∀䈀∀⤀㬀 
    ਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㄀㜀崀Ⰰ ㄀Ⰰ ∀㈀ 㨀 ㌀ 㴀 㐀 㨀 砀 ⸀䜉ȉ 砀 ᔀ㸉 ⸀㸉⠉ ᔀ䴉⼉㸉 㤀䬉ᜉ㸉㼉∀Ⰰ 嬀∀㔀∀Ⰰ ∀㘀∀Ⰰ ∀㜀∀Ⰰ ∀㠀∀崀Ⰰ ∀䈀∀⤀㬀 
    addQuestion(mathChapters[17], 2, "यदि a : b = 2 : 3 और b : c = 4 : 5 हो तो a : c क्या होगा?", ["8:15", "6:15", "8:12", "6:12"], "A");਀     
    addQuestion(mathChapters[18], 1, "यदि x + 3 = 7 हो तो x का मान क्या होगा?", ["3", "4", "5", "6"], "B");਀    愀搀搀儀甀攀猀琀椀漀渀⠀洀愀琀栀䌀栀愀瀀琀攀爀猀嬀㄀㠀崀Ⰰ ㈀Ⰰ ∀㈀砀 ⴀ 㔀 㴀 㤀 ⸀䜉ȉ 砀 ᔀ㸉 ⸀㸉⠉ ᔀ䴉⼉㸉 㤀䠉㼉∀Ⰰ 嬀∀㔀∀Ⰰ ∀㘀∀Ⰰ ∀㜀∀Ⰰ ∀㠀∀崀Ⰰ ∀䌀∀⤀㬀 
਀    ⼀⼀ 㠀ⴉ䀉 Ԁ✉䴉⼉㸉⼉䬉ȉ ᔀ䜉 ㈀㼉༉ ℀㼉⬉㰉䤉㈉䴉Ἁ ⨀䴉〉㘉䴉⠉ ⠀ᜀ䄉⌉㔉␉䴉␉㸉⨉䈉〉䴉⌉⤉ 
    for(let i=0; i<mathChapters.length; i++) {਀        挀漀渀猀琀 挀栀愀瀀 㴀 洀愀琀栀䌀栀愀瀀琀攀爀猀嬀椀崀㬀 
        if(!questions[chap]) {਀            焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀 㴀 笀 氀攀瘀攀氀㄀㨀 嬀崀Ⰰ 氀攀瘀攀氀㈀㨀 嬀崀Ⰰ 氀攀瘀攀氀㌀㨀 嬀崀 紀㬀 
        }਀        椀昀⠀焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㄀⸀氀攀渀最琀栀 㰀 ㌀⤀ 笀 
            for(let k=1; k<=3; k++) {਀                焀甀攀猀琀椀漀渀猀嬀挀栀愀瀀崀⸀氀攀瘀攀氀㄀⸀瀀甀猀栀⠀笀 焀甀攀猀琀椀漀渀㨀 怀␀笀挀栀愀瀀紀 㠀䜉 Ⰰ䄉⠉㼉⼉㸉☉䀉 ⨀䴉〉㘉䴉⠉ ␀笀欀紀㨀 㠀㤉䀉 㔀㼉ᔉ㈉䴉⨉ ᨀ䄉⠉䜉ȉ搉怉Ⰰ 漀瀀琀椀漀渀猀㨀 嬀∀㔀㼉ᔉ㈉䴉⨉ 䄀∀Ⰰ ∀㔀㼉ᔉ㈉䴉⨉ 䈀∀Ⰰ ∀㔀㼉ᔉ㈉䴉⨉ 䌀∀Ⰰ ∀㔀㼉ᔉ㈉䴉⨉ 䐀∀崀Ⰰ 愀渀猀眀攀爀㨀 ∀䄀∀ 紀⤀㬀 
            }਀        紀 
        if(questions[chap].level2.length < 3) {਀            昀漀爀⠀氀攀琀 欀㴀㄀㬀 欀㰀㴀㌀㬀 欀⬀⬀⤀ 笀 
                questions[chap].level2.push({ question: `${chap} (मध्यम स्तर) प्रश्न ${k}: सही कथन चुनिए।`, options: ["कथन 1", "कथन 2", "कथन 3", "कथन 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('mathTopicsContainer');਀        挀漀渀琀愀椀渀攀爀⸀椀渀渀攀爀䠀吀䴀䰀 㴀 怀㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀㰀椀渀瀀甀琀 琀礀瀀攀㴀∀挀栀攀挀欀戀漀砀∀ 椀搀㴀∀昀甀氀氀倀愀瀀攀爀∀ 渀愀洀攀㴀∀琀漀瀀椀挀∀ 瘀愀氀甀攀㴀∀㠀ⴉ䀉 㔀㼉㜉⼉∉㸀㰀氀愀戀攀氀 昀漀爀㴀∀昀甀氀氀倀愀瀀攀爀∀㸀Ԁ‧㠀ⴉ䀉 㔀㼉㜉⼉ ⠀⨀䈉〉䴉⌉ ⨀㸉 䴉⼉ᔉ䴉〉⸉ ⴀ ㄀㤀 Ԁ✉䴉⼉㸉⼉⤉㰀⼀氀愀戀攀氀㸀㰀⼀搀椀瘀㸀怀㬀 
        mathChapters.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 '📐 गणित अभ्यास सेट';਀    紀 
    ਀    昀甀渀挀琀椀漀渀 最攀渀攀爀愀琀攀䄀猀猀椀最渀洀攀渀琀⠀⤀ 笀 
        if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }਀        猀琀愀爀琀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀愀搀搀⠀✀栀椀搀搀攀渀✀⤀㬀 
        levelSelection.classList.add('hidden');਀        最攀渀攀爀愀琀攀搀倀愀瀀攀爀䌀漀渀琀愀椀渀攀爀⸀挀氀愀猀猀䰀椀猀琀⸀爀攀洀漀瘀攀⠀✀栀椀搀搀攀渀✀⤀㬀 
        generatedPaperContainer.innerHTML = '';਀        挀漀渀猀琀 琀漀瀀椀挀猀䰀椀猀琀 㴀 猀攀氀攀挀琀攀搀吀漀瀀椀挀猀㬀 
        const mcqs = getRandomQuestions(topicsList, selectedLevel, questionCount);਀        氀攀琀 瀀愀瀀攀爀䠀吀䴀䰀 㴀 怀 
            <div class="header" style="background: linear-gradient(135deg, #1e88e5, #1565c0);">਀                㰀栀㈀㸀㴀탘⃜唀倀 吀䔀吀 倀愀瀀攀爀 ㄀ ⴀ ᜀ⌉㼉␉ ⠀䴀愀琀栀攀洀愀琀椀挀猀⤀ Ԁⴉ䴉⼉㸉㠉 㠀䜉Ἁ㰉⼀栀㈀㸀 
                <h3>${getPracticeTypeName(selectedPracticeType)}</h3>਀                㰀瀀㸀㠀䴉␉〉 ␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀紀 ⴀ ␀笀猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㄀ 㼀 ∀Ⰰ䄉⠉㼉⼉㸉☉䀉 ⠀⨀䴉〉㸉〉ȉⴉ㼉ᔉ⤉∀ 㨀 猀攀氀攀挀琀攀搀䰀攀瘀攀氀 㴀㴀㴀 ㈀ 㼀 ∀⸀✉䴉⼉⸉ ⠀吀䔀吀 㠀䴉␉〉⤉∀ 㨀 ∀ऀᨉ䴉ᨉ ⠀㔀㼉㘉䜉㜉ᰉ䴉ḉ⤉∀紀 簀 㠀⸉⼉㨉 ␀笀琀椀洀攀䰀椀洀椀琀紀 ⸀㼉⠉Ἁ㰉⼀瀀㸀 
                <p>कुल प्रश्न: ${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;">📐 गणित प्रश्न</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>प्रश्न क्र.</th><th>उत्तर</th><th>प्रश्न क्र.</th><th>उत्तर</th><th>प्रश्न क्र.</th><th>उत्तर</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 जनरेशन में त्रुटि"); }਀        昀椀渀愀氀氀礀 笀 椀昀⠀琀攀洀瀀䐀椀瘀⤀ 搀漀挀甀洀攀渀琀⸀戀漀搀礀⸀爀攀洀漀瘀攀䌀栀椀氀搀⠀琀攀洀瀀䐀椀瘀⤀㬀 紀 
    }਀     
    startGeneratingBtn.onclick = showPracticeTypeSelection;਀    戀愀挀欀吀漀匀琀愀爀琀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀匀琀愀爀琀㬀 
    proceedToChaptersBtn.onclick = showChapters;਀    戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀倀爀愀挀琀椀挀攀吀礀瀀攀㬀 
    generateAssignmentBtn.onclick = showLevelSelection;਀    戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀䌀栀愀瀀琀攀爀猀㬀 
    generateFinalBtn.onclick = generateAssignment;਀    栀漀洀攀䤀挀漀渀䈀琀渀⸀漀渀挀氀椀挀欀 㴀 戀愀挀欀吀漀匀琀愀爀琀㬀 
    ਀    ⼀⼀ 䐀攀昀愀甀氀琀 琀椀洀攀爀 猀攀氀攀挀琀椀漀渀 
    document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');਀㰀⼀猀挀爀椀瀀琀㸀 
</body>਀㰀⼀栀琀洀氀㸀�