<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>CTET पेपर-1 | पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र | दैनिक अभ्यास जनरेटर</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='68' font-size='48' 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: #e53e3e;
            --success: #38a169;
            --light: #e8f5e9;
            --dark: #1b5e20;
            --gray: #388e3c;
            --border-radius: 12px;
            --box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui, 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.5; }
        .container { width: 100%; max-width: 1100px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.4s 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: 28px 20px; text-align: center; position: relative; }
        .header::before { content: '🌿'; position: absolute; bottom: 10px; right: 20px; font-size: 70px; opacity: 0.1; }
        .header h1 { font-size: 1.9rem; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.5px; }
        .header p { font-size: 1rem; opacity: 0.9; }
        .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;
            background: rgba(0,0,0,0.2);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.08);
            background: rgba(0,0,0,0.4);
        }
        .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: 28px; }
        .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 8px rgba(0,0,0,0.05); margin: 8px 5px; font-size: 0.95rem; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px -5px var(--primary); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #2c7a4a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c53030; transform: translateY(-2px); }
        .btn-level { background: white; color: var(--dark); border: 2px solid #cbd5e0; font-size: 1.1rem; padding: 14px 28px; width: 190px; font-weight: 600; transition: all 0.2s; }
        .btn-level:hover { transform: translateY(-4px); background: #f7fafc; border-color: var(--primary); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 8px 16px -4px rgba(46,125,50,0.4); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 25px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.7rem; position: relative; padding-bottom: 12px; font-weight: 600; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); border-radius: 4px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 520px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #f0faf0; }
        .checkbox-item { display: flex; align-items: center; background: white; padding: 8px 12px; border-radius: 40px; transition: all 0.2s; border: 1px solid #e9ecef; }
        .checkbox-item:hover { background: #e8f5e9; transform: translateX(3px); }
        .checkbox-item input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary); }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }
        .question { margin-bottom: 25px; page-break-inside: avoid; background: #ffffff; padding: 15px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-left: 4px solid var(--secondary); }
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }
        .option { margin-left: 24px; margin-bottom: 6px; color: #4a5568; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #e8f5e9; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }
        .answer-table th, .answer-table td { border: 1px solid #cbd5e0; padding: 10px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; }
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .date-display { font-size: 1rem; font-weight: 600; background: #e2e8f0; padding: 8px 18px; border-radius: 40px; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }
        .progress-bar { height: 12px; background: #cbd5e0; border-radius: 20px; overflow: hidden; margin-top: 12px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 20px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(115deg, #fff6e5, #ffedd5); border-left: 5px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: 24px; }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 110px; background: white; padding: 15px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e2e8f0; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .home-icon:hover { transform: scale(1.08); background: rgba(0,0,0,0.4); }
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f0faf0; border-radius: 24px; border: 1px solid #e2e8f0; }
        @media (max-width: 680px) { .header h1 { font-size: 1.3rem; } .btn-level { width: 140px; font-size: 0.9rem; padding: 12px 16px; } .checkbox-container { grid-template-columns: 1fr; } .header-controls { top: 12px; right: 12px; gap: 8px; } .lang-toggle { font-size: 0.7rem; padding: 4px 12px; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .header-controls { display: none; } .question { 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-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-chalkboard-user"></i></a>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <h1 id="mainTitle"><i class="fas fa-leaf"></i> CTET पेपर-1</h1>
        <p id="mainSubtitle">पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">🌿 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> <span id="streakLabel">लगातार</span>: <span id="streakDays">0</span> <span id="dayLabel">दिन</span></div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3><i class="fas fa-chart-line"></i> <span id="progressTitle">आपकी प्रगति</span></h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText" style="margin-top: 8px;">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> <span id="podBtnText">दिन की समस्या</span></button>
                <button class="btn btn-success" id="customPracticeBtn"><i class="fas fa-pen-ruler"></i> <span id="customBtnText">कस्टम अभ्यास</span></button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title" id="subjectTitle">🎯 विषय चयन</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectEVSBtn"><i class="fas fa-brain"></i> <span id="selectSubjectText">पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र</span></button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title" id="topicTitle">📚 <span id="chapterSelectText">अध्यायों का चयन करें</span> (27 अध्याय)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> <span id="backStartText">प्रारंभ पर वापस</span></button>
                <button class="btn btn-success" id="generateAssignmentBtn"><i class="fas fa-cogs"></i> <span id="genAssignText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">⚡ <span id="levelSelectText">कठिनाई स्तर चुनें</span></h2>
            <p class="text-center" id="levelDescText" style="text-align:center; margin-bottom:10px;">अपने CTET स्तर के अनुसार चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn"><span id="l1Title">स्तर 1</span> <br><small id="l1Sub">बेसिक / CTET आधार</small></button>
                <button class="btn btn-level" id="level2Btn"><span id="l2Title">स्तर 2</span> <br><small id="l2Sub">मध्यम (CTET मानक)</small></button>
                <button class="btn btn-level" id="level3Btn"><span id="l3Title">स्तर 3</span> <br><small id="l3Sub">उन्नत (विश्लेषणात्मक)</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToTopicsBtn"><i class="fas fa-arrow-left"></i> <span id="backTopicsText">विषयों पर वापस</span></button>
                <button class="btn btn-success" id="generateFinalBtn"><i class="fas fa-cogs"></i> <span id="genFinalText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const topicSelection = document.getElementById('topicSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    // =====================================================
    // 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 पेपर-1 - पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र",
            mainSubtitle: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर",
            startTitle: "🌿 पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र",
            streakLabel: "लगातार",
            dayLabel: "दिन",
            progressTitle: "आपकी प्रगति",
            podBtnText: "दिन की समस्या",
            customBtnText: "कस्टम अभ्यास",
            subjectTitle: "🎯 विषय चयन",
            selectSubjectText: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र",
            topicTitle: "📚 अध्यायों का चयन करें",
            chapterSelectText: "अध्यायों का चयन करें",
            backStartText: "प्रारंभ पर वापस",
            genAssignText: "अभ्यास प्रश्न जेनरेट करें",
            levelTitle: "⚡ कठिनाई स्तर चुनें",
            levelSelectText: "कठिनाई स्तर चुनें",
            levelDescText: "अपने CTET स्तर के अनुसार चुनें:",
            l1Title: "स्तर 1",
            l1Sub: "बेसिक / CTET आधार",
            l2Title: "स्तर 2",
            l2Sub: "मध्यम (CTET मानक)",
            l3Title: "स्तर 3",
            l3Sub: "उन्नत (विश्लेषणात्मक)",
            backTopicsText: "विषयों पर वापस",
            genFinalText: "अभ्यास प्रश्न जेनरेट करें",
            langLabel: "हिंदी",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 27 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक अध्याय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            instructions: "निर्देश (EVS अभ्यास):",
            inst1: "10 बहुविकल्पी प्रश्न, पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र पर आधारित।",
            inst2: "15 मिनट में हल करें, उत्तर कुंजी से मिलाएँ।",
            mcqHeading: "✍️ अभ्यास प्रश्न",
            answerKey: "🔑 उत्तर कुंजी",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट / PDF",
            newPractice: "नया अभ्यास",
            markComplete: "पूर्ण चिह्नित करें",
            completeMsg: "🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।",
            dailyComplete: "बधाई हो! दिन की समस्या हल हुई।",
            podTitle: "🌟 दिन की चुनौती (EVS)",
            podSub: "🎯",
            podLevel: "स्तर",
            podToday: "आज का अभ्यास प्रश्न",
            podStreak: "🔥 लगातार",
            podSolved: "✅ हल प्रश्न",
            podProgress: "📚 प्रगति",
            podSolution: "📌 समाधान",
            podCorrect: "सही उत्तर:",
            podExplanation: "व्याख्या: CTET पर्यावरणीय अवधारणा के अनुसार",
            podComplete: "पूर्ण किया",
            podPrint: "प्रिंट करें",
            podNew: "नया अभ्यास"
        },
        en: {
            mainTitle: "🌿 CTET Paper 1 - Environmental Studies and Pedagogy",
            mainSubtitle: "Environmental Studies and Pedagogy | Daily Practice Problem Generator",
            startTitle: "🌿 Environmental Studies and Pedagogy",
            streakLabel: "Streak",
            dayLabel: "days",
            progressTitle: "Your Progress",
            podBtnText: "Problem of the Day",
            customBtnText: "Custom Practice",
            subjectTitle: "🎯 Select Subject",
            selectSubjectText: "Environmental Studies and Pedagogy",
            topicTitle: "📚 Select Chapters",
            chapterSelectText: "Select Chapters",
            backStartText: "Back to Start",
            genAssignText: "Generate Practice Questions",
            levelTitle: "⚡ Select Difficulty Level",
            levelSelectText: "Select Difficulty Level",
            levelDescText: "Choose according to your CTET level:",
            l1Title: "Level 1",
            l1Sub: "Basic / CTET Foundation",
            l2Title: "Level 2",
            l2Sub: "Medium (CTET Standard)",
            l3Title: "Level 3",
            l3Sub: "Advanced (Analytical)",
            backTopicsText: "Back to Topics",
            genFinalText: "Generate Practice Questions",
            langLabel: "English",
            fullPaper: "All Topics (Full Syllabus - 27 Chapters)",
            noTopicAlert: "Please select at least one chapter!",
            noLevelAlert: "Please select a difficulty level!",
            instructions: "Instructions (EVS Practice):",
            inst1: "10 multiple choice questions based on Environmental Studies and Pedagogy.",
            inst2: "Solve in 15 minutes, check with answer key.",
            mcqHeading: "✍️ Practice Questions",
            answerKey: "🔑 Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print / PDF",
            newPractice: "New Practice",
            markComplete: "Mark Complete",
            completeMsg: "🎉 Excellent! Practice marked complete. Progress saved.",
            dailyComplete: "Congratulations! Problem of the day solved.",
            podTitle: "🌟 Problem of the Day (EVS)",
            podSub: "🎯",
            podLevel: "Level",
            podToday: "Today's Practice Question",
            podStreak: "🔥 Streak",
            podSolved: "✅ Solved",
            podProgress: "📚 Progress",
            podSolution: "📌 Solution",
            podCorrect: "Correct Answer:",
            podExplanation: "Explanation: As per CTET Environmental Studies concept",
            podComplete: "Mark Complete",
            podPrint: "Print",
            podNew: "New Practice"
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: topicKeys.length };

    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('streakLabel').textContent = t.streakLabel;
        document.getElementById('dayLabel').textContent = t.dayLabel;
        document.getElementById('progressTitle').textContent = t.progressTitle;
        document.getElementById('podBtnText').textContent = t.podBtnText;
        document.getElementById('customBtnText').textContent = t.customBtnText;
        document.getElementById('subjectTitle').textContent = t.subjectTitle;
        document.getElementById('selectSubjectText').textContent = t.selectSubjectText;
        document.getElementById('topicTitle').textContent = t.topicTitle;
        document.getElementById('chapterSelectText').textContent = t.chapterSelectText;
        document.getElementById('backStartText').textContent = t.backStartText;
        document.getElementById('genAssignText').textContent = t.genAssignText;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelSelectText').textContent = t.levelSelectText;
        document.getElementById('levelDescText').textContent = t.levelDescText;
        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('backTopicsText').textContent = t.backTopicsText;
        document.getElementById('genFinalText').textContent = t.genFinalText;
        langLabel.textContent = t.langLabel;
        renderTopics();
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedTopics.length > 0 && selectedLevel) {
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // ============ CORE FUNCTIONS ============
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        const t = uiText[currentLang];
        const fullLabel = (currentLang === 'hi') ? "✅ संपूर्ण पाठ्यक्रम (सभी 27 अध्याय)" : "✅ Full Syllabus (All 27 Chapters)";
        container.innerHTML = `<div class="checkbox-item" style="background:#e8f5e9;"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>${fullLabel}</strong></label></div>`;
        topicKeys.forEach(topic => {
            const id = `topic_${topic.replace(/[\s,?()]/g, '_').substring(0, 40)}`;
            const displayName = getTopicDisplay(topic, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${displayName}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            const allCheckboxes = document.querySelectorAll('input[name="topic"]');
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) allCheckboxes.forEach(cb => cb.checked = false);
        });
    }

    function getRandomQuestions(topics, level, count, lang) {
        let allQs = [];
        topics.forEach(topic => {
            if (questionBank[topic] && questionBank[topic][lang] && questionBank[topic][lang][`level${level}`]) {
                allQs = allQs.concat(questionBank[topic][lang][`level${level}`]);
            }
        });
        if (allQs.length === 0) {
            const t = uiText[lang];
            return [{ question: t.noTopicAlert, options: ["A", "B", "C", "D"], answer: "A" }];
        }
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }

    function loadUserProgress() {
        const saved = localStorage.getItem('ctetEVSDailyProgress');
        if (saved) userProgress = JSON.parse(saved);
        const today = new Date().toDateString();
        if (userProgress.lastPracticeDate !== today) {
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);
            if (userProgress.lastPracticeDate === yesterday.toDateString()) userProgress.streak++;
            else userProgress.streak = 1;
            userProgress.lastPracticeDate = today;
            saveUserProgress();
        }
        updateUI();
    }
    function saveUserProgress() { localStorage.setItem('ctetEVSDailyProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        const t = uiText[currentLang];
        document.getElementById('streakDays').textContent = userProgress.streak;
        const today = new Date();
        document.getElementById('currentDate').textContent = today.toLocaleDateString(currentLang === 'hi' ? 'hi-IN' : 'en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.min(100, Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100));
        document.getElementById('progressFill').style.width = `${percent}%`;
        document.getElementById('progressText').textContent = `${percent}% ${currentLang === 'hi' ? 'पूर्ण' : 'complete'} (${userProgress.topicsCompleted}/${userProgress.totalTopics} ${currentLang === 'hi' ? 'अध्याय' : 'chapters'})`;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const topicNamesDisplay = topics.length > 5 ? topics.slice(0,5).map(t => getTopicDisplay(t, lang)).join(", ")+" ..." : topics.map(t => getTopicDisplay(t, lang)).join(", ");
        const mcqs = getRandomQuestions(topics, level, 10, lang);
        let paperContent = `<div class="header"><h2>📘 CTET Paper-1 (Environmental Studies & Pedagogy)</h2><h3>📌 ${topics.length === topicKeys.length ? (currentLang === 'hi' ? "सम्पूर्ण पाठ्यक्रम (27 अध्याय)" : "Full Syllabus (27 Chapters)") : topicNamesDisplay.substring(0, 85)}</h3><p>⚡ ${currentLang === 'hi' ? 'कठिनाई स्तर' : 'Difficulty Level'} ${level} — ${level === 1 ? (currentLang === 'hi' ? 'बेसिक' : 'Basic') : level === 2 ? (currentLang === 'hi' ? 'मध्यम' : 'Medium') : (currentLang === 'hi' ? 'उन्नत' : 'Advanced')}</p></div><div class="content-area"><div class="instructions"><p><strong>${t.instructions}</strong></p><ol><li>${t.inst1}</li><li>${t.inst2}</li></ol></div><div class="question-section"><div style="font-size:1.4rem; margin-bottom:20px; font-weight:bold;">${t.mcqHeading}</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperContent += `<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++;
        });
        paperContent += `</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></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td><strong>${mcqs[i+1].answer}</strong></td>`;
            else paperContent += `<td></td><td></td>`;
            paperContent += `</tr>`;
        }
        paperContent += `</tbody></table></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check-circle"></i> ${t.markComplete}</button><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> ${t.print}</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-undo-alt"></i> ${t.newPractice}</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function markPracticeComplete() {
        const t = uiText[currentLang];
        userProgress.totalProblemsSolved += 10;
        let newlyCompleted = 0;
        selectedTopics.forEach(t => { if (!userProgress[`comp_${t}`]) { userProgress[`comp_${t}`] = true; newlyCompleted++; } });
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);
        saveUserProgress(); updateUI();
        alert(t.completeMsg);
        backToStart();
    }

    function generateProblemOfDay() {
        const t = uiText[currentLang];
        const randomTopic = topicKeys[Math.floor(Math.random() * topicKeys.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic]; selectedLevel = randomLevel;
        const mcq = getRandomQuestions(selectedTopics, randomLevel, 1, currentLang)[0];
        const topicDisplay = getTopicDisplay(randomTopic, currentLang);
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        let content = `<div class="header"><h2>${t.podTitle}</h2><h3>${t.podSub} ${topicDisplay}</h3><p>${t.podLevel} ${randomLevel}</p></div><div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> ${t.podToday}</h3><p>${currentLang === 'hi' ? 'अपनी learning streak बनाए रखें!' : 'Keep your learning streak going!'}</p></div><div class="daily-summary"><div class="summary-card"><h4>${t.podStreak}</h4><p>${userProgress.streak} ${currentLang === 'hi' ? 'दिन' : 'days'}</p></div><div class="summary-card"><h4>${t.podSolved}</h4><p>${userProgress.totalProblemsSolved}</p></div><div class="summary-card"><h4>${t.podProgress}</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div><div class="question"><div class="question-text">${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><div class="answer-sheet"><h3>${t.podSolution}</h3><p><strong>${t.podCorrect}</strong> ${mcq.answer}</p><p><strong>${t.podExplanation}</strong></p></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteDailyBtn"><i class="fas fa-check"></i> ${t.podComplete}</button><button class="btn btn-primary" id="printBtn">${t.podPrint}</button><button class="btn btn-danger" id="newAssignmentBtn">${t.podNew}</button></div></div>`;
        generatedPaperContainer.innerHTML = content;
        document.getElementById('markCompleteDailyBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert(t.dailyComplete); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.add('hidden');
        document.getElementById('subjectSelection').classList.add('hidden');
        document.getElementById('startScreen').classList.remove('hidden');
        updateUI();
    }

    // =====================================================
    // EVENT BINDINGS
    // =====================================================
    document.getElementById('customPracticeBtn').addEventListener('click', () => { document.getElementById('startScreen').classList.add('hidden'); document.getElementById('subjectSelection').classList.remove('hidden'); });
    document.getElementById('selectEVSBtn').addEventListener('click', () => { renderTopics(); document.getElementById('subjectSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('backToStartBtn').addEventListener('click', backToStart);
    document.getElementById('generateAssignmentBtn').addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...topicKeys];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { const t = uiText[currentLang]; alert(t.noTopicAlert); return; }
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.remove('hidden');
    });
    document.getElementById('backToTopicsBtn').addEventListener('click', () => { document.getElementById('levelSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });
    document.getElementById('level2Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level2Btn').classList.add('selected'); selectedLevel = 2; });
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });
    document.getElementById('generateFinalBtn').addEventListener('click', () => { if (!selectedLevel) { const t = uiText[currentLang]; alert(t.noLevelAlert); return; } generatePaper(selectedTopics, selectedLevel, currentLang); });
    document.getElementById('problemOfDayBtn').addEventListener('click', generateProblemOfDay);
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });

    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>