<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 1 - पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (EVS & Pedagogy) अभ्यास सेट जनरेटर</title>
    <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='%232e7d32'/%3E%3Ctext x='50' y='67' font-size='40' text-anchor='middle' fill='white' font-weight='bold'%3Eप%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #2e7d32;
            --primary-dark: #1b5e20;
            --secondary: #81c784;
            --danger: #f44336;
            --success: #43a047;
            --light: #e8f5e9;
            --dark: #1b5e20;
            --gray: #388e3c;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Noto Sans', 'Noto Sans Devanagari', system-ui, -apple-system, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #e8f5e9 0%, #a5d6a7 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            color: var(--dark);
            line-height: 1.6;
        }

        .container {
            width: 100%;
            max-width: 1000px;
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
            overflow: hidden;
            transition: var(--transition);
            animation: fadeIn 0.5s ease-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .header {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            padding: 30px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .header::before {
            content: '🌿';
            position: absolute;
            bottom: -30px;
            right: -30px;
            font-size: 120px;
            opacity: 0.15;
            transform: rotate(-15deg);
        }

        .header h1 {
            font-size: 1.6rem;
            margin-bottom: 10px;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .header p {
            font-size: 1rem;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

        .header-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            display: flex;
            gap: 12px;
            z-index: 5;
        }

        .header-controls .home-icon {
            position: relative;
            top: 0;
            left: 0;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            text-decoration: none;
            display: inline-block;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.1);
            color: rgba(255, 255, 255, 0.8);
        }

        .lang-toggle {
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: 30px;
            color: white;
            padding: 6px 16px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .lang-toggle:hover {
            background: rgba(255,255,255,0.3);
        }
        .lang-toggle i {
            font-size: 1rem;
        }

        .content-area {
            padding: 30px;
        }

        .hidden {
            display: none !important;
        }

        .btn {
            display: inline-block;
            padding: 12px 28px;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            border: none;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            margin: 10px 5px;
        }

        .btn-primary {
            background: var(--primary);
            color: white;
        }

        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(46, 125, 50, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #2e7d32;
            transform: translateY(-2px);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d32f2f;
            transform: translateY(-2px);
        }

        .btn-level {
            background: var(--light);
            color: var(--dark);
            border: 2px solid var(--gray);
            font-size: 1.1rem;
            padding: 15px 30px;
            width: 200px;
        }

        .btn-level:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .btn-level.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .btn-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 20px 0;
        }

        .level-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 30px 0;
            flex-wrap: wrap;
        }

        .section-title {
            text-align: center;
            margin-bottom: 25px;
            color: var(--primary-dark);
            font-size: 1.5rem;
            position: relative;
            padding-bottom: 10px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--secondary);
            border-radius: 3px;
        }

        .checkbox-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 12px;
            margin: 25px 0;
            max-height: 450px;
            overflow-y: auto;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 12px;
        }

        .checkbox-item {
            display: flex;
            align-items: center;
        }

        .checkbox-item input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .checkbox-item label {
            cursor: pointer;
            font-size: 0.85rem;
        }

        .practice-options {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .option-card {
            background: white;
            border-radius: var(--border-radius);
            padding: 25px;
            box-shadow: var(--box-shadow);
            text-align: center;
            transition: var(--transition);
            cursor: pointer;
            border: 2px solid transparent;
        }
        
        .option-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        
        .option-card.selected {
            border-color: var(--primary);
            background: rgba(46, 125, 50, 0.05);
        }
        
        .option-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .option-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .option-description {
            color: var(--gray);
            font-size: 0.85rem;
        }

        .question-count-selector {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            margin: 20px 0;
        }
        
        .count-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--light);
            border: 2px solid var(--gray);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: bold;
            transition: var(--transition);
        }
        
        .count-btn:hover {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }
        
        .question-count {
            font-size: 1.5rem;
            font-weight: 600;
            min-width: 60px;
            text-align: center;
        }

        .timer-options {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .timer-btn {
            padding: 10px 20px;
            background: var(--light);
            border: 2px solid var(--gray);
            border-radius: 30px;
            cursor: pointer;
            transition: var(--transition);
        }
        
        .timer-btn.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .question {
            margin-bottom: 20px;
            page-break-inside: avoid;
        }
        .question-text {
            font-weight: 500;
            margin-bottom: 8px;
        }
        .option {
            margin-left: 20px;
            margin-bottom: 5px;
        }
        .action-buttons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 40px;
        }
        .answer-sheet {
            margin-top: 40px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: var(--border-radius);
        }
        .answer-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        .answer-table th, .answer-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        .answer-table th {
            background-color: var(--primary);
            color: white;
        }
        .instructions {
            margin-bottom: 30px;
            padding: 20px;
            background: #e8f5e9;
            border-radius: var(--border-radius);
            border-left: 5px solid var(--primary);
        }
        .instructions ol {
            padding-left: 20px;
            margin-top: 10px;
        }
        .paper-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .home-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            z-index: 2;
        }
        .home-icon:hover {
            transform: scale(1.1);
        }
        @media (max-width: 768px) {
            .checkbox-container { grid-template-columns: 1fr; }
            .level-buttons { flex-direction: column; align-items: center; }
            .btn-level { width: 100%; max-width: 250px; }
            .header h1 { font-size: 1.2rem; }
            .header-controls { top: 12px; right: 12px; gap: 8px; }
            .lang-toggle { font-size: 0.7rem; padding: 4px 12px; }
        }
        @media print {
            .action-buttons { display: none; }
            .home-icon { display: none; }
            .header-controls { display: none; }
            .question { page-break-inside: avoid; }
        }
        .text-center { text-align: center; }
    </style>
    
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867"
     crossorigin="anonymous"></script>

     <script async src="https://www.googletagmanager.com/gtag/js?id=G-KMZ9RJ62EY"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
         gtag('config', 'G-KMZ9RJ62EY');
       </script>
</head>
<body>
<div class="container" id="startContainer">
    <div class="header">
        <div class="header-controls">
            <a href="ctet-exam-paper1-practice-set-generator.html" class="home-icon" id="homeIconBtn"><i class="fas fa-home"></i></a>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <br /><br />
        <h1 id="mainTitle"><i class="fas fa-leaf"></i> CTET Paper 1 - पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (EVS & Pedagogy) अभ्यास सेट जनरेटर</h1>
        <p id="mainSubtitle">CTET प्राथमिक स्तर की परीक्षा हेतु पर्यावरण, विज्ञान, सामाजिक अध्ययन एवं शिक्षण विधियों का विषयवार अभ्यास</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">🌿 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र - अभ्यास सेट जनरेटर</h2>
            <p class="text-center" id="startDesc">CTET Paper 1 हेतु पर्यावरण, विज्ञान, सामाजिक अध्ययन एवं शिक्षण विधियों का विस्तृत अभ्यास सेट तैयार करें</p>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn"><i class="fas fa-play"></i> <span id="startBtnText">अभ्यास सेट बनाना शुरू करें</span></button>
            </div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title" id="practiceTypeTitle">अभ्यास का प्रकार चुनें</h2>
            <p class="text-center" id="practiceTypeDesc">अपनी तैयारी के अनुसार अभ्यास सेट चुनें:</p>
            <div class="practice-options">
                <div class="option-card" data-type="chapter-wise">
                    <div class="option-icon"><i class="fas fa-book-open"></i></div>
                    <div class="option-title" id="optChapterTitle">विषयानुसार अभ्यास</div>
                    <div class="option-description" id="optChapterDesc">किसी विशेष विषय का गहन अभ्यास करें</div>
                </div>
                <div class="option-card" data-type="full-length">
                    <div class="option-icon"><i class="fas fa-file-alt"></i></div>
                    <div class="option-title" id="optFullTitle">पूर्ण लंबाई टेस्ट</div>
                    <div class="option-description" id="optFullDesc">CTET पैटर्न पर आधारित 50 प्रश्नों का सेट</div>
                </div>
                <div class="option-card" data-type="previous-year">
                    <div class="option-icon"><i class="fas fa-calendar-alt"></i></div>
                    <div class="option-title" id="optPrevTitle">पिछले वर्षों के प्रश्न</div>
                    <div class="option-description" id="optPrevDesc">पिछली TET परीक्षाओं पर आधारित प्रश्न</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><span id="backStartBtnText">पीछे जाएं</span></button>
                <button class="btn btn-success" id="proceedToChaptersBtn"><span id="proceedBtnText">विषय चुनें →</span></button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title" id="chapterTitle">📚 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र - विषय चुनें</h2>
            <form id="chapterForm">
                <div class="checkbox-container" id="evsTopicsContainer"></div>
            </form>
            <div id="questionCountSection">
                <h3 class="section-title" id="qCountTitle">प्रश्नों की संख्या चुनें</h3>
                <div class="question-count-selector">
                    <div class="count-btn" id="decreaseCount">-</div>
                    <div class="question-count" id="questionCount">50</div>
                    <div class="count-btn" id="increaseCount">+</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToPracticeTypeBtn"><span id="backPracticeBtnText">पीछे</span></button>
                <button class="btn btn-success" id="generateAssignmentBtn"><span id="generateAssignBtnText">कठिनाई स्तर चुनें →</span></button>
            </div>
        </div>

        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">कठिनाई स्तर चुनें</h2>
            <p class="text-center" id="levelDesc">CTET परीक्षा के अनुसार स्तर चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn"><span id="l1Title">Level 1</span><br><small id="l1Sub">बुनियादी (प्रारंभिक)</small></button>
                <button class="btn btn-level" id="level2Btn"><span id="l2Title">Level 2</span><br><small id="l2Sub">मध्यम (CTET स्तर)</small></button>
                <button class="btn btn-level" id="level3Btn"><span id="l3Title">Level 3</span><br><small id="l3Sub">उच्च (शिक्षक पात्रता)</small></button>
            </div>
            <div id="timerOptions">
                <h3 class="section-title" id="timerTitle">समय सीमा चुनें</h3>
                <div class="timer-options">
                    <div class="timer-btn" data-time="30"><span id="t30">30 मिनट</span></div>
                    <div class="timer-btn" data-time="45"><span id="t45">45 मिनट</span></div>
                    <div class="timer-btn" data-time="60" class="selected"><span id="t60">60 मिनट</span></div>
                    <div class="timer-btn" data-time="90"><span id="t90">90 मिनट</span></div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToChaptersBtn"><span id="backChaptersBtnText">विषयों पर वापस</span></button>
                <button class="btn btn-success" id="generateFinalBtn"><span id="generateFinalBtnText">अभ्यास सेट जनरेट करें</span></button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (27 TOPICS: 15 EVS + 12 Pedagogy)
    // =====================================================
    const questionBank = {};

    function addQuestions(topicKey, enQ, hiQ) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { en: { level1: [], level2: [], level3: [] }, hi: { level1: [], level2: [], level3: [] } };
        const levels = ['level1', 'level2', 'level3'];
        enQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].en[levelKey].push(q);
        });
        hiQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].hi[levelKey].push(q);
        });
    }

    // ----- EVS (15) -----
    addQuestions('परिवार, सम्बन्ध एवं पर्यावरण',
        [
            { question: "What is the basic unit of society?", options: ["Family", "School", "Community", "Nation"], answer: "A" },
            { question: "Joint family includes:", options: ["Multiple generations", "Only parents", "Only couple", "Only grandparents"], answer: "A" },
            { question: "Environment affects family by:", options: ["Shaping values", "Only income", "Only emotions", "Only shelter"], answer: "A" }
        ],
        [
            { question: "समाज की मूल इकाई क्या है?", options: ["परिवार", "विद्यालय", "समुदाय", "राष्ट्र"], answer: "A" },
            { question: "संयुक्त परिवार में शामिल:", options: ["कई पीढ़ियाँ", "केवल माता-पिता", "केवल युगल", "केवल दादा-दादी"], answer: "A" },
            { question: "पर्यावरण परिवार को प्रभावित करता है:", options: ["मूल्यों को आकार देकर", "केवल आय से", "केवल भावनाओं से", "केवल आश्रय से"], answer: "A" }
        ]
    );

    addQuestions('पादप एवं जंतु जगत',
        [
            { question: "Plants make food through:", options: ["Photosynthesis", "Respiration", "Transpiration", "Germination"], answer: "A" },
            { question: "Herbivore animal is:", options: ["Cow", "Lion", "Tiger", "Bear"], answer: "A" },
            { question: "Photosynthesis requires:", options: ["Sunlight, water, CO2", "Only sunlight", "Only water", "Only oxygen"], answer: "A" }
        ],
        [
            { question: "पौधे भोजन बनाते हैं:", options: ["प्रकाश संश्लेषण", "श्वसन", "वाष्पोत्सर्जन", "अंकुरण"], answer: "A" },
            { question: "शाकाहारी जानवर:", options: ["गाय", "शेर", "बाघ", "भालू"], answer: "A" },
            { question: "प्रकाश संश्लेषण के लिए चाहिए:", options: ["सूर्य प्रकाश, जल, CO2", "केवल सूर्य प्रकाश", "केवल जल", "केवल ऑक्सीजन"], answer: "A" }
        ]
    );

    addQuestions('मानव शरीर एवं रोग',
        [
            { question: "Largest organ of human body:", options: ["Skin", "Liver", "Brain", "Heart"], answer: "A" },
            { question: "Vitamin C deficiency causes:", options: ["Scurvy", "Rickets", "Night blindness", "Anemia"], answer: "A" },
            { question: "Viral disease example:", options: ["COVID-19", "Cholera", "Typhoid", "Tuberculosis"], answer: "A" }
        ],
        [
            { question: "मानव शरीर का सबसे बड़ा अंग:", options: ["त्वचा", "यकृत", "मस्तिष्क", "हृदय"], answer: "A" },
            { question: "विटामिन C की कमी से:", options: ["स्कर्वी", "रिकेट्स", "रतौंधी", "एनीमिया"], answer: "A" },
            { question: "वायरल रोग का उदाहरण:", options: ["COVID-19", "हैजा", "टाइफाइड", "तपेदिक"], answer: "A" }
        ]
    );

    addQuestions('हमारी मूल आवश्यकताएँ',
        [
            { question: "Which is not a basic need?", options: ["Television", "Food", "Water", "Shelter"], answer: "A" },
            { question: "Balanced diet includes:", options: ["All nutrients", "Only proteins", "Only carbs", "Only fats"], answer: "A" },
            { question: "Clean water prevents:", options: ["Waterborne diseases", "Only thirst", "Only hunger", "Only pollution"], answer: "A" }
        ],
        [
            { question: "मूल आवश्यकता नहीं है:", options: ["टेलीविजन", "भोजन", "जल", "आश्रय"], answer: "A" },
            { question: "संतुलित आहार में:", options: ["सभी पोषक तत्व", "केवल प्रोटीन", "केवल कार्ब्स", "केवल वसा"], answer: "A" },
            { question: "स्वच्छ जल रोकता है:", options: ["जलजनित रोग", "केवल प्यास", "केवल भूख", "केवल प्रदूषण"], answer: "A" }
        ]
    );

    addQuestions('आश्रय',
        [
            { question: "Pucca house made of:", options: ["Bricks and cement", "Mud", "Wood", "Bamboo"], answer: "A" },
            { question: "Hot region houses have:", options: ["Light colors, high ceilings", "Dark colors", "Low ceilings", "No windows"], answer: "A" },
            { question: "Flood area houses built:", options: ["On stilts", "Underground", "Floating", "Without foundation"], answer: "A" }
        ],
        [
            { question: "पक्का मकान बनता है:", options: ["ईंट और सीमेंट", "मिट्टी", "लकड़ी", "बाँस"], answer: "A" },
            { question: "गर्म क्षेत्रों में मकान:", options: ["हल्के रंग, ऊँची छत", "गहरे रंग", "नीची छत", "बिना खिड़की"], answer: "A" },
            { question: "बाढ़ क्षेत्रों में मकान:", options: ["खंभों पर", "भूमिगत", "तैरते", "बिना नींव"], answer: "A" }
        ]
    );

    addQuestions('परिवहन तथा संचार',
        [
            { question: "Fastest transport mode:", options: ["Airplane", "Train", "Bus", "Ship"], answer: "A" },
            { question: "Email is an example of:", options: ["Communication tech", "Transport tech", "Construction tech", "Medical tech"], answer: "A" },
            { question: "Eco-friendly transport:", options: ["Walking", "Car", "Bus", "Train"], answer: "A" }
        ],
        [
            { question: "सबसे तेज़ परिवहन:", options: ["हवाई जहाज", "ट्रेन", "बस", "जहाज"], answer: "A" },
            { question: "ईमेल उदाहरण है:", options: ["संचार तकनीक", "परिवहन तकनीक", "निर्माण तकनीक", "चिकित्सा तकनीक"], answer: "A" },
            { question: "पर्यावरण-अनुकूल परिवहन:", options: ["पैदल चलना", "कार", "बस", "ट्रेन"], answer: "A" }
        ]
    );

    addQuestions('भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन',
        [
            { question: "India's diversity includes:", options: ["Many languages, religions", "Only one language", "Only one religion", "Only one culture"], answer: "A" },
            { question: "Freedom movement leader:", options: ["Mahatma Gandhi", "Only Subhas", "Only Bhagat", "All of above"], answer: "D" },
            { question: "Natural diversity example:", options: ["Himalayas", "Only deserts", "Only rivers", "Only forests"], answer: "A" }
        ],
        [
            { question: "भारत की विविधता में:", options: ["कई भाषाएँ, धर्म", "केवल एक भाषा", "केवल एक धर्म", "केवल एक संस्कृति"], answer: "A" },
            { question: "स्वतंत्रता आंदोलन के नेता:", options: ["महात्मा गांधी", "केवल सुभाष", "केवल भगत", "उपरोक्त सभी"], answer: "D" },
            { question: "प्राकृतिक विविधता का उदाहरण:", options: ["हिमालय", "केवल रेगिस्तान", "केवल नदियाँ", "केवल वन"], answer: "A" }
        ]
    );

    addQuestions('ब्रह्मांड तथा सौर मंडल',
        [
            { question: "Number of planets in solar system:", options: ["8", "9", "7", "6"], answer: "A" },
            { question: "Largest planet:", options: ["Jupiter", "Saturn", "Neptune", "Earth"], answer: "A" },
            { question: "Sun is a:", options: ["Star", "Planet", "Satellite", "Comet"], answer: "A" }
        ],
        [
            { question: "सौर मंडल में ग्रह:", options: ["8", "9", "7", "6"], answer: "A" },
            { question: "सबसे बड़ा ग्रह:", options: ["बृहस्पति", "शनि", "नेपच्यून", "पृथ्वी"], answer: "A" },
            { question: "सूर्य एक:", options: ["तारा", "ग्रह", "उपग्रह", "धूमकेतु"], answer: "A" }
        ]
    );

    addQuestions('पृथ्वी (पृथ्वी की आंतरिक संरचना, ऋतु, अक्षांश, देशांतर तथा चहुंचे)',
        [
            { question: "Earth's core is made of:", options: ["Iron and nickel", "Silicon", "Copper", "Aluminum"], answer: "A" },
            { question: "Seasons caused by:", options: ["Axis tilt and revolution", "Only tilt", "Only revolution", "Rotation"], answer: "A" },
            { question: "Latitudes measured in:", options: ["Degrees", "Kilometers", "Miles", "Meters"], answer: "A" }
        ],
        [
            { question: "पृथ्वी का कोर:", options: ["लोहा और निकल", "सिलिकॉन", "तांबा", "एल्यूमीनियम"], answer: "A" },
            { question: "ऋतुएँ किससे:", options: ["अक्ष झुकाव और परिक्रमा", "केवल झुकाव", "केवल परिक्रमा", "घूर्णन"], answer: "A" },
            { question: "अक्षांश मापन:", options: ["डिग्री", "किलोमीटर", "मील", "मीटर"], answer: "A" }
        ]
    );

    addQuestions('जल तथा वायु',
        [
            { question: "Earth's water cover percentage:", options: ["71%", "29%", "50%", "97%"], answer: "A" },
            { question: "Highest gas in air:", options: ["Nitrogen", "Oxygen", "CO2", "Argon"], answer: "A" },
            { question: "Water cycle includes:", options: ["Evaporation, condensation, precipitation", "Only evaporation", "Only condensation", "Only precipitation"], answer: "A" }
        ],
        [
            { question: "पृथ्वी पर जल प्रतिशत:", options: ["71%", "29%", "50%", "97%"], answer: "A" },
            { question: "वायु में सबसे अधिक गैस:", options: ["नाइट्रोजन", "ऑक्सीजन", "CO2", "आर्गन"], answer: "A" },
            { question: "जल चक्र में:", options: ["वाष्पीकरण, संघनन, वर्षण", "केवल वाष्पीकरण", "केवल संघनन", "केवल वर्षण"], answer: "A" }
        ]
    );

    addQuestions('मृदा तथा फसलें',
        [
            { question: "Most fertile soil:", options: ["Alluvial", "Sandy", "Clayey", "Laterite"], answer: "A" },
            { question: "Black soil crop:", options: ["Cotton", "Rice", "Wheat", "Sugarcane"], answer: "A" },
            { question: "Soil conservation methods:", options: ["Contour ploughing, terracing", "Burning", "Excessive ploughing", "Deforestation"], answer: "A" }
        ],
        [
            { question: "सबसे उपजाऊ मिट्टी:", options: ["जलोढ़", "बलुई", "चिकनी", "लैटेराइट"], answer: "A" },
            { question: "काली मिट्टी में फसल:", options: ["कपास", "चावल", "गेहूँ", "गन्ना"], answer: "A" },
            { question: "मृदा संरक्षण:", options: ["समोच्च जुताई, सीढ़ीदार", "जलाना", "अत्यधिक जुताई", "वनों की कटाई"], answer: "A" }
        ]
    );

    addQuestions('कर्जा',
        [
            { question: "Renewable energy source:", options: ["Solar", "Petroleum", "Coal", "Natural gas"], answer: "A" },
            { question: "Main energy source on Earth:", options: ["Sun", "Moon", "Stars", "Planets"], answer: "A" },
            { question: "Non-renewable energy source:", options: ["Coal", "Wind", "Solar", "Hydro"], answer: "A" }
        ],
        [
            { question: "नवीकरणीय ऊर्जा:", options: ["सौर", "पेट्रोलियम", "कोयला", "प्राकृतिक गैस"], answer: "A" },
            { question: "पृथ्वी पर मुख्य ऊर्जा स्रोत:", options: ["सूर्य", "चंद्रमा", "तारे", "ग्रह"], answer: "A" },
            { question: "अनवीकरणीय ऊर्जा:", options: ["कोयला", "पवन", "सौर", "जल"], answer: "A" }
        ]
    );

    addQuestions('भारत की भौतिक विशेषताएँ',
        [
            { question: "Highest peak in India:", options: ["Kanchenjunga", "Mount Everest", "Nanda Devi", "Kamet"], answer: "A" },
            { question: "Ganges originates from:", options: ["Gangotri glacier", "Nanda Devi", "Kanchenjunga", "Amarnath"], answer: "A" },
            { question: "Thar Desert located in:", options: ["Rajasthan", "Gujarat", "Punjab", "Haryana"], answer: "A" }
        ],
        [
            { question: "भारत की सबसे ऊँची चोटी:", options: ["कंचनजंगा", "माउंट एवरेस्ट", "नंदा देवी", "कामेत"], answer: "A" },
            { question: "गंगा का उद्गम:", options: ["गंगोत्री हिमनद", "नंदा देवी", "कंचनजंगा", "अमरनाथ"], answer: "A" },
            { question: "थार रेगिस्तान:", options: ["राजस्थान", "गुजरात", "पंजाब", "हरियाणा"], answer: "A" }
        ]
    );

    addQuestions('कचरा तथा अपशिष्ट प्रबंधन',
        [
            { question: "Best waste disposal method:", options: ["Recycling and composting", "Burning", "Dumping in water", "Landfilling"], answer: "A" },
            { question: "E-waste means:", options: ["Electronic waste", "Food waste", "Plastic waste", "Paper waste"], answer: "A" },
            { question: "3R principle stands for:", options: ["Reduce, Reuse, Recycle", "Read, Write, Recite", "Rise, Run, Rest", "Reach, Relate, React"], answer: "A" }
        ],
        [
            { question: "अपशिष्ट निपटान का सर्वोत्तम:", options: ["पुनर्चक्रण और कम्पोस्ट", "जलाना", "जल में फेंकना", "लैंडफिल"], answer: "A" },
            { question: "ई-वेस्ट का अर्थ:", options: ["इलेक्ट्रॉनिक अपशिष्ट", "खाद्य अपशिष्ट", "प्लास्टिक अपशिष्ट", "कागज अपशिष्ट"], answer: "A" },
            { question: "3R सिद्धांत:", options: ["Reduce, Reuse, Recycle", "Read, Write, Recite", "Rise, Run, Rest", "Reach, Relate, React"], answer: "A" }
        ]
    );

    addQuestions('प्राकृतिक आपदा एवं इसका प्रबंधन',
        [
            { question: "Natural disaster example:", options: ["Earthquake", "Industrial pollution", "Nuclear accident", "Oil spill"], answer: "A" },
            { question: "Disaster management includes:", options: ["Preparedness, response, recovery", "Only rescue", "Only relief", "Only rehabilitation"], answer: "A" },
            { question: "First step in disaster management:", options: ["Risk assessment and planning", "Rescue", "Relief", "Reconstruction"], answer: "A" }
        ],
        [
            { question: "प्राकृतिक आपदा उदाहरण:", options: ["भूकंप", "औद्योगिक प्रदूषण", "परमाणु दुर्घटना", "तेल रिसाव"], answer: "A" },
            { question: "आपदा प्रबंधन में:", options: ["तैयारी, प्रतिक्रिया, पुनर्वास", "केवल बचाव", "केवल राहत", "केवल पुनर्निर्माण"], answer: "A" },
            { question: "आपदा प्रबंधन का पहला कदम:", options: ["जोखिम आकलन और योजना", "बचाव", "राहत", "पुनर्निर्माण"], answer: "A" }
        ]
    );

    // ----- PEDAGOGY (12) -----
    addQuestions('पर्यावरण शिक्षा (ईवीएस) की अवधारणा और दायरा',
        [
            { question: "EVS stands for:", options: ["Environmental Studies", "Educational Value System", "Exam Verification", "Evaluation of Varied"], answer: "A" },
            { question: "Scope of EVS includes:", options: ["Natural and social environment", "Only nature", "Only society", "Only economy"], answer: "A" },
            { question: "EVS is:", options: ["Interdisciplinary", "Single subject", "Science only", "Art only"], answer: "A" }
        ],
        [
            { question: "EVS का पूर्ण रूप:", options: ["Environmental Studies", "Educational Value System", "Exam Verification", "Evaluation of Varied"], answer: "A" },
            { question: "EVS के दायरे में:", options: ["प्राकृतिक और सामाजिक पर्यावरण", "केवल प्रकृति", "केवल समाज", "केवल अर्थव्यवस्था"], answer: "A" },
            { question: "EVS एक:", options: ["अंतःविषयक", "एकल विषय", "केवल विज्ञान", "केवल कला"], answer: "A" }
        ]
    );

    addQuestions('पर्यावरण शिक्षा के उद्देश्य, अवधारणा और महत्व',
        [
            { question: "Environmental education aims to:", options: ["Create awareness and develop skills", "Only provide information", "Only conduct exams", "Only give degrees"], answer: "A" },
            { question: "Significance of EE:", options: ["Promote sustainable development", "Increase pollution", "Destroy nature", "Exploit resources"], answer: "A" },
            { question: "Key objective of EE:", options: ["Develop positive attitudes", "Only learn facts", "Only pass exams", "Only memorize"], answer: "A" }
        ],
        [
            { question: "पर्यावरण शिक्षा का उद्देश्य:", options: ["जागरूकता और कौशल विकास", "केवल जानकारी", "केवल परीक्षा", "केवल डिग्री"], answer: "A" },
            { question: "पर्यावरण शिक्षा का महत्व:", options: ["सतत विकास को बढ़ावा", "प्रदूषण बढ़ाना", "प्रकृति नष्ट करना", "संसाधनों का दोहन"], answer: "A" },
            { question: "पर्यावरण शिक्षा का मुख्य उद्देश्य:", options: ["सकारात्मक दृष्टिकोण विकास", "केवल तथ्य सीखना", "केवल परीक्षा पास", "केवल याद करना"], answer: "A" }
        ]
    );

    addQuestions('पर्यावरण अध्ययन और पर्यावरण शिक्षा',
        [
            { question: "Environmental studies is:", options: ["Scientific study of environment", "Only social study", "Only political study", "Only economic study"], answer: "A" },
            { question: "Environmental education is:", options: ["Learning process about environment", "Only reading books", "Only watching videos", "Only listening"], answer: "A" },
            { question: "Difference: EVS vs EE:", options: ["EVS broader includes education", "Both same", "EVS for children", "EE for adults"], answer: "A" }
        ],
        [
            { question: "पर्यावरण अध्ययन:", options: ["पर्यावरण का वैज्ञानिक अध्ययन", "केवल सामाजिक अध्ययन", "केवल राजनीतिक अध्ययन", "केवल आर्थिक अध्ययन"], answer: "A" },
            { question: "पर्यावरण शिक्षा:", options: ["पर्यावरण के बारे में अधिगम", "केवल किताबें पढ़ना", "केवल वीडियो", "केवल सुनना"], answer: "A" },
            { question: "EVS और EE में अंतर:", options: ["EVS व्यापक, शिक्षा शामिल", "दोनों समान", "EVS बच्चों के लिए", "EE वयस्कों के लिए"], answer: "A" }
        ]
    );

    addQuestions('विज्ञान और सामाजिक विज्ञान के लिए कार्यक्षेत्र और संबंध',
        [
            { question: "EVS relates to science in:", options: ["Understanding natural phenomena", "Only formulas", "Only experiments", "Only facts"], answer: "A" },
            { question: "EVS relates to social science in:", options: ["Understanding human society", "Only history", "Only geography", "Only economics"], answer: "A" },
            { question: "Interdisciplinary nature helps:", options: ["Holistic understanding", "Confusion", "Difficulty", "Isolation"], answer: "A" }
        ],
        [
            { question: "EVS का विज्ञान से संबंध:", options: ["प्राकृतिक घटनाओं को समझना", "केवल सूत्र", "केवल प्रयोग", "केवल तथ्य"], answer: "A" },
            { question: "EVS का सामाजिक विज्ञान से:", options: ["मानव समाज को समझना", "केवल इतिहास", "केवल भूगोल", "केवल अर्थशास्त्र"], answer: "A" },
            { question: "अंतःविषयकता सहायक:", options: ["समग्र समझ", "भ्रम", "कठिनाई", "अलगाव"], answer: "A" }
        ]
    );

    addQuestions('प्रस्तुत अवधारणाओं के दृष्टिकोण',
        [
            { question: "Best approach to present EVS:", options: ["Activity-based", "Lecture method", "Book reading", "Exam-focused"], answer: "A" },
            { question: "Which approach is effective?", options: ["Experiential learning", "Rote learning", "Theoretical", "Isolated"], answer: "A" },
            { question: "Thematic approach means:", options: ["Teaching through themes", "Random teaching", "Without plan", "Only facts"], answer: "A" }
        ],
        [
            { question: "EVS प्रस्तुत करने का सर्वोत्तम:", options: ["गतिविधि-आधारित", "व्याख्यान", "किताब पढ़ना", "परीक्षा-केंद्रित"], answer: "A" },
            { question: "प्रभावी दृष्टिकोण:", options: ["अनुभवात्मक अधिगम", "रटना", "सैद्धांतिक", "अलग-थलग"], answer: "A" },
            { question: "विषयगत दृष्टिकोण:", options: ["विषयों के माध्यम से", "यादृच्छिक", "योजना रहित", "केवल तथ्य"], answer: "A" }
        ]
    );

    addQuestions('अधिगम के सिद्धांत',
        [
            { question: "Learning is:", options: ["Continuous process", "One-time event", "Passive", "Unstructured"], answer: "A" },
            { question: "Principle of learning:", options: ["Learning by doing", "Rote learning", "Only reading", "Only listening"], answer: "A" },
            { question: "Constructivism means:", options: ["Active construction of knowledge", "Passive reception", "Memorizing", "Copying"], answer: "A" }
        ],
        [
            { question: "अधिगम एक:", options: ["सतत प्रक्रिया", "एक बार की घटना", "निष्क्रिय", "असंरचित"], answer: "A" },
            { question: "अधिगम का सिद्धांत:", options: ["करके सीखना", "रटना", "केवल पढ़ना", "केवल सुनना"], answer: "A" },
            { question: "रचनावाद का अर्थ:", options: ["ज्ञान का सक्रिय निर्माण", "निष्क्रिय ग्रहण", "याद करना", "नकल"], answer: "A" }
        ]
    );

    addQuestions('गतिविधियाँ',
        [
            { question: "Best activity for EVS:", options: ["Nature walk", "Reading textbook", "Watching videos", "Listening"], answer: "A" },
            { question: "Group activities promote:", options: ["Collaboration", "Competition", "Isolation", "Confusion"], answer: "A" },
            { question: "Hands-on activities help:", options: ["Practical understanding", "Only entertainment", "Wasting time", "Creating noise"], answer: "A" }
        ],
        [
            { question: "EVS के लिए सर्वोत्तम गतिविधि:", options: ["प्रकृति भ्रमण", "पाठ्यपुस्तक पढ़ना", "वीडियो", "सुनना"], answer: "A" },
            { question: "समूह गतिविधियाँ बढ़ावा:", options: ["सहयोग", "प्रतिस्पर्धा", "अलगाव", "भ्रम"], answer: "A" },
            { question: "व्यावहारिक गतिविधियाँ:", options: ["व्यावहारिक समझ", "केवल मनोरंजन", "समय बर्बाद", "शोर"], answer: "A" }
        ]
    );

    addQuestions('प्रयोग/परियोजना कार्य',
        [
            { question: "Project work in EVS encourages:", options: ["Inquiry and research skills", "Only copying", "Only memorizing", "Only answering"], answer: "A" },
            { question: "Experimentation helps:", options: ["Test hypotheses", "Only fun", "Only pass exams", "Only busy"], answer: "A" },
            { question: "Good EVS project should be:", options: ["Relevant and practical", "Long and complex", "Only theoretical", "Only writing"], answer: "A" }
        ],
        [
            { question: "EVS में परियोजना कार्य:", options: ["जाँच और शोध कौशल", "केवल नकल", "केवल याद", "केवल उत्तर"], answer: "A" },
            { question: "प्रयोग सहायक:", options: ["परिकल्पनाओं का परीक्षण", "केवल मज़ा", "केवल परीक्षा पास", "केवल व्यस्त"], answer: "A" },
            { question: "अच्छी EVS परियोजना:", options: ["प्रासंगिक और व्यावहारिक", "लंबी और जटिल", "केवल सैद्धांतिक", "केवल लिखना"], answer: "A" }
        ]
    );

    addQuestions('चर्चा',
        [
            { question: "Discussion in EVS helps:", options: ["Exchange ideas and clarify", "Only waste time", "Only nonsense", "Only noise"], answer: "A" },
            { question: "Group discussion promotes:", options: ["Critical thinking", "Passivity", "Confusion", "Isolation"], answer: "A" },
            { question: "Teacher's role in discussion:", options: ["Facilitate and guide", "Dominate", "Only listen", "Only speak"], answer: "A" }
        ],
        [
            { question: "EVS में चर्चा सहायक:", options: ["विचार विनिमय और स्पष्टीकरण", "केवल समय बर्बाद", "केवल बकवास", "केवल शोर"], answer: "A" },
            { question: "समूह चर्चा बढ़ावा:", options: ["आलोचनात्मक चिंतन", "निष्क्रियता", "भ्रम", "अलगाव"], answer: "A" },
            { question: "चर्चा में शिक्षक की भूमिका:", options: ["सुविधाकर्ता और मार्गदर्शक", "प्रभुत्व", "केवल सुनना", "केवल बोलना"], answer: "A" }
        ]
    );

    addQuestions('सतत एवं व्यापक मूल्यांकन (सीसीई)',
        [
            { question: "CCE in EVS aims:", options: ["Assess all aspects of child", "Only academic", "Only co-curricular", "Only behavior"], answer: "A" },
            { question: "Formative assessment in CCE:", options: ["During learning process", "At year end", "At beginning", "After exams"], answer: "A" },
            { question: "Summative assessment in CCE:", options: ["At end of term", "During learning", "At start", "Only grading"], answer: "A" }
        ],
        [
            { question: "EVS में CCE का उद्देश्य:", options: ["बालक के सर्वांगीण विकास का आकलन", "केवल शैक्षणिक", "केवल सह-पाठ्यक्रम", "केवल व्यवहार"], answer: "A" },
            { question: "CCE में रचनात्मक मूल्यांकन:", options: ["अधिगम प्रक्रिया के दौरान", "वर्ष के अंत में", "शुरुआत में", "परीक्षा के बाद"], answer: "A" },
            { question: "CCE में योगात्मक मूल्यांकन:", options: ["अवधि के अंत में", "अधिगम के दौरान", "प्रारंभ में", "केवल ग्रेडिंग"], answer: "A" }
        ]
    );

    addQuestions('शिक्षण सामग्री/संसाधन',
        [
            { question: "Teaching aids in EVS help:", options: ["Make learning concrete and interesting", "Only make teaching easy", "Only save time", "Only impress"], answer: "A" },
            { question: "Effective teaching aid for EVS:", options: ["Models and specimens", "Only textbooks", "Only blackboard", "Only worksheets"], answer: "A" },
            { question: "Audio-visual aids help:", options: ["Enhance understanding", "Only entertain", "Only fill time", "Only confuse"], answer: "A" }
        ],
        [
            { question: "EVS में शिक्षण सामग्री:", options: ["अधिगम को मूर्त और रोचक बनाना", "केवल शिक्षण आसान", "केवल समय बचाना", "केवल प्रभावित"], answer: "A" },
            { question: "EVS के लिए प्रभावी शिक्षण सामग्री:", options: ["मॉडल और नमूने", "केवल पाठ्यपुस्तकें", "केवल ब्लैकबोर्ड", "केवल वर्कशीट"], answer: "A" },
            { question: "श्रव्य-दृश्य सामग्री:", options: ["समझ बढ़ाना", "केवल मनोरंजन", "केवल समय भरना", "केवल भ्रमित"], answer: "A" }
        ]
    );

    addQuestions('समस्या',
        [
            { question: "Major problem in EVS teaching:", options: ["Lack of practical resources", "Too many textbooks", "Less syllabus", "Short hours"], answer: "A" },
            { question: "Challenge in EVS education:", options: ["Connecting concepts to real life", "Teaching definitions", "Exams", "Giving marks"], answer: "A" },
            { question: "To overcome problems:", options: ["Use local resources", "Ignore problems", "Only follow textbooks", "Only lectures"], answer: "A" }
        ],
        [
            { question: "EVS शिक्षण में प्रमुख समस्या:", options: ["व्यावहारिक संसाधनों की कमी", "बहुत अधिक पाठ्यपुस्तकें", "कम पाठ्यक्रम", "कम घंटे"], answer: "A" },
            { question: "EVS शिक्षा में चुनौती:", options: ["अवधारणाओं को वास्तविक जीवन से जोड़ना", "परिभाषाएँ सिखाना", "परीक्षा", "अंक देना"], answer: "A" },
            { question: "समस्याओं को दूर करने के लिए:", options: ["स्थानीय संसाधनों का उपयोग", "समस्याएँ अनदेखा", "केवल पाठ्यपुस्तकें", "केवल व्याख्यान"], answer: "A" }
        ]
    );

    // =====================================================
    // TOPIC KEYS & BILINGUAL NAMES
    // =====================================================
    const topicKeys = [
        "परिवार, सम्बन्ध एवं पर्यावरण",
        "पादप एवं जंतु जगत",
        "मानव शरीर एवं रोग",
        "हमारी मूल आवश्यकताएँ",
        "आश्रय",
        "परिवहन तथा संचार",
        "भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन",
        "ब्रह्मांड तथा सौर मंडल",
        "पृथ्वी (पृथ्वी की आंतरिक संरचना, ऋतु, अक्षांश, देशांतर तथा चहुंचे)",
        "जल तथा वायु",
        "मृदा तथा फसलें",
        "कर्जा",
        "भारत की भौतिक विशेषताएँ",
        "कचरा तथा अपशिष्ट प्रबंधन",
        "प्राकृतिक आपदा एवं इसका प्रबंधन",
        "पर्यावरण शिक्षा (ईवीएस) की अवधारणा और दायरा",
        "पर्यावरण शिक्षा के उद्देश्य, अवधारणा और महत्व",
        "पर्यावरण अध्ययन और पर्यावरण शिक्षा",
        "विज्ञान और सामाजिक विज्ञान के लिए कार्यक्षेत्र और संबंध",
        "प्रस्तुत अवधारणाओं के दृष्टिकोण",
        "अधिगम के सिद्धांत",
        "गतिविधियाँ",
        "प्रयोग/परियोजना कार्य",
        "चर्चा",
        "सतत एवं व्यापक मूल्यांकन (सीसीई)",
        "शिक्षण सामग्री/संसाधन",
        "समस्या"
    ];

    const topicNames = {
        hi: [
            "परिवार, सम्बन्ध एवं पर्यावरण",
            "पादप एवं जंतु जगत",
            "मानव शरीर एवं रोग",
            "हमारी मूल आवश्यकताएँ",
            "आश्रय",
            "परिवहन तथा संचार",
            "भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन",
            "ब्रह्मांड तथा सौर मंडल",
            "पृथ्वी (आंतरिक संरचना, ऋतु, अक्षांश, देशांतर, चहुंचे)",
            "जल तथा वायु",
            "मृदा तथा फसलें",
            "कर्जा",
            "भारत की भौतिक विशेषताएँ",
            "कचरा तथा अपशिष्ट प्रबंधन",
            "प्राकृतिक आपदा एवं प्रबंधन",
            "EVS की अवधारणा और दायरा",
            "पर्यावरण शिक्षा के उद्देश्य, अवधारणा, महत्व",
            "पर्यावरण अध्ययन और पर्यावरण शिक्षा",
            "विज्ञान और सामाजिक विज्ञान से संबंध",
            "प्रस्तुत अवधारणाओं के दृष्टिकोण",
            "अधिगम के सिद्धांत",
            "गतिविधियाँ",
            "प्रयोग/परियोजना कार्य",
            "चर्चा",
            "सतत एवं व्यापक मूल्यांकन (CCE)",
            "शिक्षण सामग्री/संसाधन",
            "समस्या"
        ],
        en: [
            "Family, Relations and Environment",
            "Plant and Animal Kingdom",
            "Human Body and Diseases",
            "Our Basic Needs",
            "Shelter",
            "Transportation and Communication",
            "Cultural & Natural Diversity of India & Freedom Movement",
            "Universe and Solar System",
            "Earth (Interior, Seasons, Latitudes, Longitudes, Rocks)",
            "Water and Air",
            "Soil and Crops",
            "Energy",
            "Physical Features of India",
            "Garbage and Waste Management",
            "Natural Disaster and Its Management",
            "Concept and Scope of EVS",
            "Objectives, Concept & Significance of EE",
            "Environment Studies and Environment Education",
            "Scope and Relation to Science & Social Science",
            "Approaches of Presenting Concepts",
            "Principles of Learning",
            "Activities",
            "Experimentation/Project Work",
            "Discussion",
            "Continuous and Comprehensive Evaluation (CCE)",
            "Teaching Material/Aids",
            "Problems"
        ]
    };

    function getTopicDisplay(key, lang) {
        const idx = topicKeys.indexOf(key);
        if (idx === -1) return key;
        return topicNames[lang][idx] || key;
    }

    // =====================================================
    // UI TRANSLATIONS
    // =====================================================
    const uiText = {
        hi: {
            mainTitle: "🌿 CTET Paper 1 - पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (EVS & Pedagogy) अभ्यास सेट जनरेटर",
            mainSubtitle: "CTET प्राथमिक स्तर की परीक्षा हेतु पर्यावरण, विज्ञान, सामाजिक अध्ययन एवं शिक्षण विधियों का विषयवार अभ्यास",
            startTitle: "🌿 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र - अभ्यास सेट जनरेटर",
            startDesc: "CTET Paper 1 हेतु पर्यावरण, विज्ञान, सामाजिक अध्ययन एवं शिक्षण विधियों का विस्तृत अभ्यास सेट तैयार करें",
            startBtn: "अभ्यास सेट बनाना शुरू करें",
            practiceTypeTitle: "अभ्यास का प्रकार चुनें",
            practiceTypeDesc: "अपनी तैयारी के अनुसार अभ्यास सेट चुनें:",
            optChapterTitle: "विषयानुसार अभ्यास",
            optChapterDesc: "किसी विशेष विषय का गहन अभ्यास करें",
            optFullTitle: "पूर्ण लंबाई टेस्ट",
            optFullDesc: "CTET पैटर्न पर आधारित 50 प्रश्नों का सेट",
            optPrevTitle: "पिछले वर्षों के प्रश्न",
            optPrevDesc: "पिछली TET परीक्षाओं पर आधारित प्रश्न",
            backStartBtn: "पीछे जाएं",
            proceedBtn: "विषय चुनें →",
            chapterTitle: "📚 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र - विषय चुनें",
            qCountTitle: "प्रश्नों की संख्या चुनें",
            backPracticeBtn: "पीछे",
            generateAssignBtn: "कठिनाई स्तर चुनें →",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "CTET परीक्षा के अनुसार स्तर चुनें:",
            l1Title: "Level 1",
            l1Sub: "बुनियादी (प्रारंभिक)",
            l2Title: "Level 2",
            l2Sub: "मध्यम (TET स्तर)",
            l3Title: "Level 3",
            l3Sub: "उच्च (शिक्षक पात्रता)",
            timerTitle: "समय सीमा चुनें",
            t30: "30 मिनट",
            t45: "45 मिनट",
            t60: "60 मिनट",
            t90: "90 मिनट",
            backChaptersBtn: "विषयों पर वापस",
            generateFinalBtn: "अभ्यास सेट जनरेट करें",
            langLabel: "हिंदी",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 27 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            noPracticeAlert: "कृपया अभ्यास का प्रकार चुनें!",
            instructions: "📌 निर्देश:",
            inst1: "इस सेट में {count} बहुविकल्पीय प्रश्न हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।",
            inst3: "समय सीमा: {time} मिनट",
            inst4: "CTET Paper 1 (प्राथमिक स्तर) पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र हेतु अभ्यास।",
            inst5: "प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।",
            mcqHeading: "🌿 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (EVS & Pedagogy) प्रश्न",
            answerKey: "✅ उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न क्र.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newSet: "नया अभ्यास सेट",
            subjectLabel: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य विषय चुनें।"
        },
        en: {
            mainTitle: "🌿 CTET Paper 1 - Environmental Studies and Pedagogy (EVS & Pedagogy) Practice Set Generator",
            mainSubtitle: "Topic-wise practice for Environment, Science, Social Studies & Teaching Methods for CTET Primary Level",
            startTitle: "🌿 Environmental Studies and Pedagogy - Practice Set Generator",
            startDesc: "Create comprehensive practice sets for CTET Paper 1 covering Environment, Science, Social Studies and Pedagogy",
            startBtn: "Start Creating Practice Set",
            practiceTypeTitle: "Select Practice Type",
            practiceTypeDesc: "Choose practice set according to your preparation:",
            optChapterTitle: "Chapter-wise Practice",
            optChapterDesc: "Deep practice of a specific topic",
            optFullTitle: "Full Length Test",
            optFullDesc: "50 question set based on CTET pattern",
            optPrevTitle: "Previous Year Questions",
            optPrevDesc: "Questions based on previous TET exams",
            backStartBtn: "Back",
            proceedBtn: "Select Topics →",
            chapterTitle: "📚 Environmental Studies and Pedagogy - Select Topics",
            qCountTitle: "Select Number of Questions",
            backPracticeBtn: "Back",
            generateAssignBtn: "Select Difficulty →",
            levelTitle: "Select Difficulty Level",
            levelDesc: "Choose level according to CTET exam:",
            l1Title: "Level 1",
            l1Sub: "Basic (Introductory)",
            l2Title: "Level 2",
            l2Sub: "Medium (TET Level)",
            l3Title: "Level 3",
            l3Sub: "Advanced (Teacher Eligibility)",
            timerTitle: "Select Time Limit",
            t30: "30 min",
            t45: "45 min",
            t60: "60 min",
            t90: "90 min",
            backChaptersBtn: "Back to Topics",
            generateFinalBtn: "Generate Practice Set",
            langLabel: "English",
            fullPaper: "All Topics (Full Syllabus - 27 Chapters)",
            noTopicAlert: "Please select at least one topic!",
            noLevelAlert: "Please select a difficulty level!",
            noPracticeAlert: "Please select a practice type!",
            instructions: "📌 Instructions:",
            inst1: "This set has {count} multiple choice questions.",
            inst2: "Each question has four options, only one is correct.",
            inst3: "Time limit: {time} minutes",
            inst4: "For CTET Paper 1 (Primary Level) Environmental Studies and Pedagogy practice.",
            inst5: "Each question carries 1 mark, no negative marking.",
            mcqHeading: "🌿 Environmental Studies and Pedagogy (EVS & Pedagogy) Questions",
            answerKey: "✅ Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print",
            download: "Download PDF",
            newSet: "New Practice Set",
            subjectLabel: "Environmental Studies and Pedagogy",
            noQuestions: "Questions not available. Please select other topics."
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const practiceTypeSelection = document.getElementById('practiceTypeSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const proceedToChaptersBtn = document.getElementById('proceedToChaptersBtn');
    const backToPracticeTypeBtn = document.getElementById('backToPracticeTypeBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const decreaseCount = document.getElementById('decreaseCount');
    const increaseCount = document.getElementById('increaseCount');
    const questionCountSpan = document.getElementById('questionCount');
    const homeIconBtn = document.getElementById('homeIconBtn');
    
    let selectedTopics = [];
    let selectedLevel = null;
    let selectedPracticeType = null;
    let questionCount = 50;
    let timeLimit = 60;

    // =====================================================
    // UI LANGUAGE APPLICATION
    // =====================================================
    function applyUILanguage(lang) {
        const t = uiText[lang];
        document.getElementById('mainTitle').textContent = t.mainTitle;
        document.getElementById('mainSubtitle').textContent = t.mainSubtitle;
        document.getElementById('startTitle').textContent = t.startTitle;
        document.getElementById('startDesc').textContent = t.startDesc;
        document.getElementById('startBtnText').textContent = t.startBtn;
        document.getElementById('practiceTypeTitle').textContent = t.practiceTypeTitle;
        document.getElementById('practiceTypeDesc').textContent = t.practiceTypeDesc;
        document.getElementById('optChapterTitle').textContent = t.optChapterTitle;
        document.getElementById('optChapterDesc').textContent = t.optChapterDesc;
        document.getElementById('optFullTitle').textContent = t.optFullTitle;
        document.getElementById('optFullDesc').textContent = t.optFullDesc;
        document.getElementById('optPrevTitle').textContent = t.optPrevTitle;
        document.getElementById('optPrevDesc').textContent = t.optPrevDesc;
        document.getElementById('backStartBtnText').textContent = t.backStartBtn;
        document.getElementById('proceedBtnText').textContent = t.proceedBtn;
        document.getElementById('chapterTitle').textContent = t.chapterTitle;
        document.getElementById('qCountTitle').textContent = t.qCountTitle;
        document.getElementById('backPracticeBtnText').textContent = t.backPracticeBtn;
        document.getElementById('generateAssignBtnText').textContent = t.generateAssignBtn;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelDesc').textContent = t.levelDesc;
        document.getElementById('l1Title').textContent = t.l1Title;
        document.getElementById('l1Sub').textContent = t.l1Sub;
        document.getElementById('l2Title').textContent = t.l2Title;
        document.getElementById('l2Sub').textContent = t.l2Sub;
        document.getElementById('l3Title').textContent = t.l3Title;
        document.getElementById('l3Sub').textContent = t.l3Sub;
        document.getElementById('timerTitle').textContent = t.timerTitle;
        document.getElementById('t30').textContent = t.t30;
        document.getElementById('t45').textContent = t.t45;
        document.getElementById('t60').textContent = t.t60;
        document.getElementById('t90').textContent = t.t90;
        document.getElementById('backChaptersBtnText').textContent = t.backChaptersBtn;
        document.getElementById('generateFinalBtnText').textContent = t.generateFinalBtn;
        langLabel.textContent = t.langLabel;
        
        // Reload topics to update labels
        loadTopics();
        
        // If paper is already generated, re-render
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedTopics.length > 0 && selectedLevel) {
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    // Language toggle
    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // =====================================================
    // CORE LOGIC
    // =====================================================
    function loadTopics() {
        const container = document.getElementById('evsTopicsContainer');
        const t = uiText[currentLang];
        const fullPaperLabel = (currentLang === 'hi') ? "✅ सभी विषय (पूर्ण पाठ्यक्रम - 27 अध्याय)" : "✅ All Topics (Full Syllabus - 27 Chapters)";
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="topic" value="सभी विषय"><label for="fullPaper">${fullPaperLabel}</label></div>`;
        topicKeys.forEach((key, idx) => {
            const id = `topic${idx}`;
            const displayName = getTopicDisplay(key, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${key}"><label for="${id}">🌿 ${displayName}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="topic"]:not(#fullPaper)');
            checkboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) checkboxes.forEach(cb => cb.checked = false);
        });
    }

    function getSelectedTopics() {
        const full = document.getElementById('fullPaper');
        if(full && full.checked) return [...topicKeys];
        return Array.from(document.querySelectorAll('input[name="topic"]:checked')).filter(cb => cb.id !== 'fullPaper').map(cb => cb.value);
    }

    function getRandomQuestions(topics, level, count, lang) {
        let allQuestions = [];
        topics.forEach(topic => {
            if(questionBank[topic] && questionBank[topic][lang] && questionBank[topic][lang][`level${level}`]) {
                allQuestions = allQuestions.concat(questionBank[topic][lang][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            const t = uiText[lang];
            return Array(count).fill({ question: t.noQuestions, options: ["A", "B", "C", "D"], answer: "A" });
        }
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }

    function showPracticeTypeSelection() { startScreen.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        practiceTypeSelection.classList.add('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        selectedTopics = []; selectedLevel = null; selectedPracticeType = null; questionCount = 50; timeLimit = 60;
        questionCountSpan.textContent = "50";
        document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
        document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected'));
        if(document.querySelector('.timer-btn[data-time="60"]')) document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');
    }
    function backToPracticeType() { chapterSelection.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToChapters() { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); }
    function showChapters() { 
        const t = uiText[currentLang];
        if(!selectedPracticeType) { alert(t.noPracticeAlert); return; } 
        practiceTypeSelection.classList.add('hidden'); 
        chapterSelection.classList.remove('hidden'); 
        loadTopics(); 
    }
    function showLevelSelection() { 
        const t = uiText[currentLang];
        selectedTopics = getSelectedTopics(); 
        if(selectedTopics.length === 0) { alert(t.noTopicAlert); return; } 
        chapterSelection.classList.add('hidden'); 
        levelSelection.classList.remove('hidden'); 
    }
    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; 
    }
    level1Btn.onclick = () => selectLevel(1); 
    level2Btn.onclick = () => selectLevel(2); 
    level3Btn.onclick = () => selectLevel(3);
    decreaseCount.onclick = () => { if(questionCount > 10) { questionCount -= 5; questionCountSpan.textContent = questionCount; } };
    increaseCount.onclick = () => { if(questionCount < 100) { questionCount += 5; questionCountSpan.textContent = questionCount; } };
    
    document.querySelectorAll('.option-card').forEach(card => {
        card.addEventListener('click', () => {
            document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
            card.classList.add('selected');
            selectedPracticeType = card.dataset.type;
            if(selectedPracticeType === 'full-length') { questionCount = 50; questionCountSpan.textContent = "50"; }
            else if(selectedPracticeType === 'previous-year') { questionCount = 45; questionCountSpan.textContent = "45"; }
        });
    });
    document.querySelectorAll('.timer-btn').forEach(btn => {
        btn.addEventListener('click', () => { document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); timeLimit = parseInt(btn.dataset.time); });
    });

    function getPracticeTypeName(type, lang) {
        const t = uiText[lang];
        if(type === 'chapter-wise') return '📖 ' + t.optChapterTitle;
        if(type === 'full-length') return '📝 ' + t.optFullTitle;
        if(type === 'previous-year') return '⏳ ' + t.optPrevTitle;
        return '🌿 ' + t.subjectLabel;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const mcqs = getRandomQuestions(topics, level, questionCount, lang);
        let paperHTML = `
            <div class="header" style="background: linear-gradient(135deg, #2e7d32, #1b5e20);">
                <h2>🌿 CTET Paper 1 - ${t.subjectLabel} अभ्यास सेट</h2>
                <h3>${getPracticeTypeName(selectedPracticeType, lang)}</h3>
                <p>${level === 1 ? t.l1Title : level === 2 ? t.l2Title : t.l3Title} - ${level === 1 ? t.l1Sub : level === 2 ? t.l2Sub : t.l3Sub} | समय: ${timeLimit} मिनट</p>
                <p>कुल प्रश्न: ${questionCount}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>${t.instructions}</strong></p>
                    <ol>
                        <li>${t.inst1.replace('{count}', questionCount)}</li>
                        <li>${t.inst2}</li>
                        <li>${t.inst3.replace('{time}', timeLimit)}</li>
                        <li>${t.inst4}</li>
                        <li>${t.inst5}</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading" style="font-size:1.2rem; font-weight:bold; margin-bottom:15px;">${t.mcqHeading}</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            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>`;
            qNum++;
        });
        paperHTML += `</div><div class="answer-sheet"><h3 class="section-title">${t.answerKey}</h3><table class="answer-table"><thead><tr><th>${t.qNo}</th><th>${t.ans}</th><th>${t.qNo}</th><th>${t.ans}</th><th>${t.qNo}</th><th>${t.ans}</th></tr></thead><tbody>`;
        for(let i=0; i<mcqs.length; i+=3) {
            paperHTML += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) paperHTML += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                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> ${t.print}</button><button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> ${t.download}</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> ${t.newSet}</button></div></div>`;
        generatedPaperContainer.innerHTML = paperHTML;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('downloadBtn')?.addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn')?.addEventListener('click', () => backToStart());
    }

    async function downloadPDF() {
        const element = document.getElementById('generatedPaperContainer');
        const tempDiv = document.createElement('div');
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.width = '794px'; tempDiv.style.backgroundColor = 'white'; tempDiv.style.padding = '20px';
        tempDiv.innerHTML = element.innerHTML;
        document.body.appendChild(tempDiv);
        try {
            const pdf = new jsPDF('p', 'mm', 'a4');
            const pageWidth = pdf.internal.pageSize.getWidth() - 25.4;
            let position = 12.7;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            while (remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 1.5, backgroundColor: '#ffffff' });
                const imgData = canvas.toDataURL('image/jpeg', 0.92);
                if(pageNum > 1) pdf.addPage();
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, canvas.height * pageWidth / canvas.width);
                position += 277;
                remainingHeight -= 277 * 3.78;
                pageNum++;
            }
            pdf.save('CTET_EVS_Pedagogy_Practice_Set.pdf');
        } catch(e) { console.error(e); alert("PDF generation error"); }
        finally { if(tempDiv) document.body.removeChild(tempDiv); }
    }

    // =====================================================
    // EVENT BINDINGS
    // =====================================================
    startGeneratingBtn.onclick = showPracticeTypeSelection;
    backToStartBtn.onclick = backToStart;
    proceedToChaptersBtn.onclick = showChapters;
    backToPracticeTypeBtn.onclick = backToPracticeType;
    generateAssignmentBtn.onclick = showLevelSelection;
    backToChaptersBtn.onclick = backToChapters;
    generateFinalBtn.onclick = function() {
        const t = uiText[currentLang];
        if(!selectedLevel) { alert(t.noLevelAlert); return; }
        generatePaper(selectedTopics, selectedLevel, currentLang);
    };
    homeIconBtn.onclick = backToStart;

    // Default timer selection
    document.querySelector('.timer-btn[data-time="60"]')?.classList.add('selected');

    // Initial load
    applyUILanguage('hi');
</script>
</body>
</html>