<!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 पेपर-2 | हिंदी भाषा एवं शिक्षाशास्त्र | दैनिक अभ्यास जनरेटर</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='%23e65100'/%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: #e65100;
            --primary-dark: #bf360c;
            --secondary: #ff9800;
            --danger: #d32f2f;
            --success: #2e7d32;
            --light: #fff3e0;
            --dark: #1a1a2e;
            --gray: #6c757d;
            --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', 'Noto Sans Devanagari', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 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);
        }
        .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: #1b5e20; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #b71c1c; 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(230,81,0,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: #fff8f0; }
        .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: #fff3e0; 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: #f0faf4; 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: #f7fafc; 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; } }
        @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-paper2-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-chalkboard-user"></i></a>
        </div>
        <h1 id="mainTitle"><i class="fas fa-language"></i> CTET पेपर-2</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="selectHindiBtn"><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> (42 अध्याय)</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');
    
    // =====================================================
    // HINDI LANGUAGE & PEDAGOGY QUESTION BANK (42 TOPICS)
    // =====================================================
    const questionBank = {};

    function addQuestions(topicKey, questions) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { level1: [], level2: [], level3: [] };
        const levels = ['level1', 'level2', 'level3'];
        questions.forEach((q, idx) => {
            const levelKey = levels[idx % 3];
            questionBank[topicKey][levelKey].push(q);
        });
    }

    // ----- हिंदी भाषा (Hindi Language) - 31 topics -----
    addQuestions('अपठित गद्यांश', [
        { question: "अपठित गद्यांश में किस प्रकार के प्रश्न पूछे जाते हैं?", options: ["गद्यांश पर आधारित", "व्याकरण पर आधारित", "कविता पर आधारित", "लेखक पर आधारित"], answer: "A" },
        { question: "अपठित गद्यांश को पढ़ने का मुख्य उद्देश्य क्या है?", options: ["समझ विकसित करना", "रटना", "लिखना", "बोलना"], answer: "A" },
        { question: "अपठित गद्यांश में किस कौशल का परीक्षण किया जाता है?", options: ["पठन समझ", "लेखन", "श्रवण", "वाचन"], answer: "A" }
    ]);

    addQuestions('अपठित पद्यांश', [
        { question: "अपठित पद्यांश में किस प्रकार के प्रश्न पूछे जाते हैं?", options: ["काव्यांश पर आधारित", "गद्यांश पर आधारित", "व्याकरण पर आधारित", "लेखक पर आधारित"], answer: "A" },
        { question: "अपठित पद्यांश में किसका महत्व होता है?", options: ["भावग्रहण", "तथ्य", "सूचना", "आंकड़े"], answer: "A" },
        { question: "अपठित पद्यांश में किस कौशल का परीक्षण होता है?", options: ["काव्य-बोध", "गद्य-बोध", "व्याकरण-बोध", "लेखन-बोध"], answer: "A" }
    ]);

    addQuestions('हिन्दी वर्णमाला (स्वर, व्यंजन)', [
        { question: "हिंदी वर्णमाला में कितने स्वर हैं?", options: ["11", "10", "12", "13"], answer: "A" },
        { question: "हिंदी वर्णमाला में कितने व्यंजन हैं?", options: ["33", "35", "36", "32"], answer: "A" },
        { question: "'क' किस प्रकार का वर्ण है?", options: ["व्यंजन", "स्वर", "मात्रा", "संयुक्त"], answer: "A" }
    ]);

    addQuestions('वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान', [
        { question: "मात्रिक शब्द का उदाहरण कौन सा है?", options: ["कमल", "कल", "अमल", "कम"], answer: "A" },
        { question: "अमात्रिक शब्द का उदाहरण कौन सा है?", options: ["कृ", "कर", "कला", "मन"], answer: "A" },
        { question: "'कमल' में कितनी मात्राएँ हैं?", options: ["दो", "एक", "तीन", "चार"], answer: "A" }
    ]);

    addQuestions('वाक्य रचना', [
        { question: "वाक्य रचना में किसका ध्यान रखा जाता है?", options: ["व्याकरणिक नियम", "अर्थ", "लय", "तुक"], answer: "A" },
        { question: "सरल वाक्य किसे कहते हैं?", options: ["एक क्रिया वाला", "दो क्रिया वाला", "तीन क्रिया वाला", "बिना क्रिया का"], answer: "A" },
        { question: "संयुक्त वाक्य में कितनी क्रियाएँ होती हैं?", options: ["दो या अधिक", "एक", "तीन", "चार"], answer: "A" }
    ]);

    addQuestions('हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी', [
        { question: "हिंदी में कुल कितनी ध्वनियाँ हैं?", options: ["52", "48", "50", "54"], answer: "A" },
        { question: "'श' और 'ष' में क्या अंतर है?", options: ["उच्चारण स्थान", "लेखन", "अर्थ", "कोई नहीं"], answer: "A" },
        { question: "अल्पप्राण और महाप्राण में अंतर किस पर आधारित है?", options: ["श्वास", "स्थान", "प्रयास", "काल"], answer: "A" }
    ]);

    addQuestions('ध्वनियाँ, वर्ण, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर', [
        { question: "अनुस्वार का चिह्न क्या है?", options: ["ं", "ँ", "ः", "।"], answer: "A" },
        { question: "चन्द्रबिन्दु का प्रयोग किसके लिए होता है?", options: ["अनुनासिकता", "अनुस्वार", "विसर्ग", "विराम"], answer: "A" },
        { question: "अनुस्वार और अनुनासिक में मूल अंतर क्या है?", options: ["उच्चारण", "लेखन", "अर्थ", "स्थान"], answer: "A" }
    ]);

    addQuestions('विराम चिन्हों का प्रयोग (अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक)', [
        { question: "पूर्ण विराम का चिह्न क्या है?", options: ["।", ",", ";", "?"], answer: "A" },
        { question: "प्रश्नवाचक चिह्न का प्रयोग किस वाक्य में होता है?", options: ["प्रश्नवाचक", "विस्मय", "विधान", "निषेध"], answer: "A" },
        { question: "अल्प विराम का चिह्न क्या है?", options: [",", ";", "।", "?"], answer: "A" }
    ]);

    addQuestions('समान ध्वनियों वाले शब्द', [
        { question: "समान ध्वनि वाले शब्द क्या कहलाते हैं?", options: ["समश्रुत", "विलोम", "पर्याय", "एकार्थी"], answer: "A" },
        { question: "निम्न में से कौन समश्रुत शब्द युग्म है?", options: ["कुल-कूल", "दिन-दीन", "राम-राम", "मन-मन"], answer: "A" },
        { question: "समश्रुत शब्दों में किसका ध्यान रखना चाहिए?", options: ["अर्थ", "वर्ण", "मात्रा", "लय"], answer: "A" }
    ]);

    addQuestions('विलोम शब्द', [
        { question: "विलोम शब्द किसे कहते हैं?", options: ["विपरीत अर्थ वाले", "समान अर्थ वाले", "एक जैसे", "मिलते-जुलते"], answer: "A" },
        { question: "'अमृत' का विलोम क्या है?", options: ["विष", "जल", "दूध", "घी"], answer: "A" },
        { question: "'सुख' का विलोम है?", options: ["दुःख", "आनंद", "शांति", "संतोष"], answer: "A" }
    ]);

    addQuestions('पर्यायवाची शब्द', [
        { question: "पर्यायवाची शब्द किसे कहते हैं?", options: ["समान अर्थ वाले", "विपरीत अर्थ वाले", "एक जैसे", "मिलते-जुलते"], answer: "A" },
        { question: "'पानी' का पर्यायवाची क्या है?", options: ["जल", "अग्नि", "वायु", "पृथ्वी"], answer: "A" },
        { question: "'सूर्य' का पर्यायवाची है?", options: ["रवि", "चंद्र", "तारा", "ग्रह"], answer: "A" }
    ]);

    addQuestions('वाक्यांशों के लिए एक शब्द', [
        { question: "जो कभी न मरे, उसे क्या कहते हैं?", options: ["अमर", "मर", "जीवित", "शाश्वत"], answer: "A" },
        { question: "जो पढ़ा न गया हो, उसे क्या कहते हैं?", options: ["अपठित", "पठित", "लिखित", "अलिखित"], answer: "A" },
        { question: "जो दिखाई न दे, उसे क्या कहते हैं?", options: ["अदृश्य", "दृश्य", "स्पष्ट", "अस्पष्ट"], answer: "A" }
    ]);

    addQuestions('संज्ञा एवं उसके भेद', [
        { question: "संज्ञा किसे कहते हैं?", options: ["नाम", "क्रिया", "गुण", "अवस्था"], answer: "A" },
        { question: "व्यक्तिवाचक संज्ञा का उदाहरण क्या है?", options: ["राम", "पुस्तक", "सुंदर", "दौड़ना"], answer: "A" },
        { question: "जातिवाचक संज्ञा का उदाहरण क्या है?", options: ["नदी", "गंगा", "यमुना", "सरस्वती"], answer: "A" }
    ]);

    addQuestions('सर्वनाम एवं उसके भेद', [
        { question: "सर्वनाम किसे कहते हैं?", options: ["संज्ञा के स्थान पर", "क्रिया के स्थान पर", "विशेषण के स्थान पर", "क्रिया-विशेषण के स्थान पर"], answer: "A" },
        { question: "निजवाचक सर्वनाम का उदाहरण क्या है?", options: ["आप", "मैं", "तू", "वह"], answer: "A" },
        { question: "निश्चयवाचक सर्वनाम का उदाहरण क्या है?", options: ["यह", "कोई", "कुछ", "सब"], answer: "A" }
    ]);

    addQuestions('क्रिया एवं उसके भेद', [
        { question: "क्रिया किसे कहते हैं?", options: ["कार्य", "नाम", "गुण", "अवस्था"], answer: "A" },
        { question: "अकर्मक क्रिया का उदाहरण क्या है?", options: ["सोना", "खाना", "पीना", "लिखना"], answer: "A" },
        { question: "सकर्मक क्रिया का उदाहरण क्या है?", options: ["पढ़ना", "रोना", "हँसना", "जागना"], answer: "A" }
    ]);

    addQuestions('विशेषण एवं उसके भेद', [
        { question: "विशेषण किसे कहते हैं?", options: ["गुण बताने वाला", "कार्य बताने वाला", "नाम बताने वाला", "अवस्था बताने वाला"], answer: "A" },
        { question: "गुणवाचक विशेषण का उदाहरण क्या है?", options: ["सुंदर", "काला", "तीन", "यह"], answer: "A" },
        { question: "संख्यावाचक विशेषण का उदाहरण क्या है?", options: ["पाँच", "बड़ा", "छोटा", "मीठा"], answer: "A" }
    ]);

    addQuestions('वचन', [
        { question: "वचन कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "एक"], answer: "A" },
        { question: "एकवचन का उदाहरण क्या है?", options: ["लड़का", "लड़के", "लड़कों", "लड़की"], answer: "A" },
        { question: "बहुवचन का उदाहरण क्या है?", options: ["लड़के", "लड़का", "लड़की", "लड़कियाँ"], answer: "A" }
    ]);

    addQuestions('लिंग', [
        { question: "लिंग कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "एक"], answer: "A" },
        { question: "पुल्लिंग का उदाहरण क्या है?", options: ["लड़का", "लड़की", "बच्चा", "बच्ची"], answer: "A" },
        { question: "स्त्रीलिंग का उदाहरण क्या है?", options: ["लड़की", "लड़का", "बालक", "बालिका"], answer: "A" }
    ]);

    addQuestions('काल', [
        { question: "काल कितने प्रकार के होते हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "भूतकाल का उदाहरण क्या है?", options: ["गया", "जाता है", "जाएगा", "जा रहा है"], answer: "A" },
        { question: "भविष्यत काल का उदाहरण क्या है?", options: ["जाएगा", "गया", "जाता है", "जा रहा है"], answer: "A" }
    ]);

    addQuestions('कारक', [
        { question: "कारक कितने प्रकार के होते हैं?", options: ["आठ", "सात", "छह", "नौ"], answer: "A" },
        { question: "कर्ता कारक का चिह्न क्या है?", options: ["ने", "को", "से", "का"], answer: "A" },
        { question: "कर्म कारक का चिह्न क्या है?", options: ["को", "ने", "से", "के लिए"], answer: "A" }
    ]);

    addQuestions('प्रत्यय', [
        { question: "प्रत्यय किसे कहते हैं?", options: ["शब्द के अंत में", "शब्द के आरंभ में", "शब्द के मध्य में", "शब्द के साथ"], answer: "A" },
        { question: "कृत प्रत्यय का उदाहरण क्या है?", options: ["करता", "पढ़ाई", "सुंदरता", "भलाई"], answer: "A" },
        { question: "तद्धित प्रत्यय का उदाहरण क्या है?", options: ["भारतीय", "पढ़ाई", "करता", "हँसी"], answer: "A" }
    ]);

    addQuestions('उपसर्ग', [
        { question: "उपसर्ग किसे कहते हैं?", options: ["शब्द के आरंभ में", "शब्द के अंत में", "शब्द के मध्य में", "शब्द के साथ"], answer: "A" },
        { question: "'अ' उपसर्ग का अर्थ क्या है?", options: ["नहीं", "बहुत", "अच्छा", "बुरा"], answer: "A" },
        { question: "'सु' उपसर्ग का अर्थ क्या है?", options: ["अच्छा", "बुरा", "बहुत", "थोड़ा"], answer: "A" }
    ]);

    addQuestions('तत्सम एवं तद्भव', [
        { question: "तत्सम शब्द किसे कहते हैं?", options: ["संस्कृत से लिए गए", "देशज", "विदेशी", "अरबी"], answer: "A" },
        { question: "तद्भव शब्द किसे कहते हैं?", options: ["संस्कृत से बने", "देशज", "विदेशी", "अरबी"], answer: "A" },
        { question: "'अग्नि' किस प्रकार का शब्द है?", options: ["तत्सम", "तद्भव", "देशज", "विदेशी"], answer: "A" }
    ]);

    addQuestions('वर्तनी', [
        { question: "वर्तनी का संबंध किससे है?", options: ["शुद्ध लेखन", "उच्चारण", "अर्थ", "व्याकरण"], answer: "A" },
        { question: "शुद्ध वर्तनी कौन सी है?", options: ["विद्यालय", "विधालय", "विद्यालय", "विध्यालय"], answer: "A" },
        { question: "अशुद्ध वर्तनी कौन सी है?", options: ["आशीर्वाद", "आशीर्वाद", "आशीर्वाद", "आशीर्वाद"], answer: "A" }
    ]);

    addQuestions('लोकोक्तियाँ एवं मुहावरों के अर्थ', [
        { question: "लोकोक्ति किसे कहते हैं?", options: ["लोक प्रचलित कथन", "व्यक्तिगत कथन", "लेखकीय कथन", "शास्त्रीय कथन"], answer: "A" },
        { question: "'आँख का अंधा नाम नैनसुख' का अर्थ क्या है?", options: ["गुणहीन", "गुणी", "अंधा", "बुद्धिमान"], answer: "A" },
        { question: "'हाथ काँपना' मुहावरे का अर्थ क्या है?", options: ["डरना", "खुश होना", "गुस्सा होना", "दुखी होना"], answer: "A" }
    ]);

    addQuestions('संधि', [
        { question: "संधि कितने प्रकार की होती है?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "स्वर संधि का उदाहरण क्या है?", options: ["रवीन्द्र", "तत्पुरुष", "दिग्गज", "सत्संग"], answer: "A" },
        { question: "व्यंजन संधि का उदाहरण क्या है?", options: ["सत्संग", "रवीन्द्र", "तत्पुरुष", "दिग्गज"], answer: "A" }
    ]);

    addQuestions('वाच्य', [
        { question: "वाच्य कितने प्रकार के होते हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "कर्तृवाच्य का उदाहरण क्या है?", options: ["राम खाता है", "राम से खाया जाता है", "राम खाया", "राम खाना"], answer: "A" },
        { question: "कर्मवाच्य का उदाहरण क्या है?", options: ["राम से खाया जाता है", "राम खाता है", "राम खाया", "राम खाना"], answer: "A" }
    ]);

    addQuestions('शब्द रूप', [
        { question: "शब्द रूप किसे कहते हैं?", options: ["शब्द के रूपांतर", "शब्द का अर्थ", "शब्द का लिंग", "शब्द का वचन"], answer: "A" },
        { question: "'राम' शब्द का रूप क्या है?", options: ["राम, रामौ, रामाः", "राम, राम, राम", "राम, रामं, रामेण", "राम, रामाय, रामात्"], answer: "A" },
        { question: "'फल' शब्द का रूप क्या है?", options: ["फलम्, फले, फलानि", "फल, फलौ, फलाः", "फल, फलं, फलेण", "फल, फलाय, फलात्"], answer: "A" }
    ]);

    addQuestions('समास', [
        { question: "समास कितने प्रकार के होते हैं?", options: ["छह", "चार", "पाँच", "सात"], answer: "A" },
        { question: "तत्पुरुष समास का उदाहरण क्या है?", options: ["राजपुत्र", "त्रिभुवन", "नीलकमल", "विद्यालय"], answer: "A" },
        { question: "द्वंद्व समास का उदाहरण क्या है?", options: ["राम-लक्ष्मण", "राजपुत्र", "त्रिभुवन", "नीलकमल"], answer: "A" }
    ]);

    addQuestions('अलंकार', [
        { question: "अलंकार कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "पाँच"], answer: "A" },
        { question: "उपमा अलंकार का उदाहरण क्या है?", options: ["चंद्र सा मुख", "चंद्र मुख", "मुख चंद्र", "चंद्र की किरण"], answer: "A" },
        { question: "रूपक अलंकार का उदाहरण क्या है?", options: ["चंद्र मुख", "चंद्र सा मुख", "मुख चंद्र", "चंद्र की किरण"], answer: "A" }
    ]);

    addQuestions('कवियों एवं लेखकों की रचनाएं', [
        { question: "तुलसीदास की रचना कौन सी है?", options: ["रामचरितमानस", "सूर सागर", "पद्मावत", "मधुशाला"], answer: "A" },
        { question: "सूरदास की रचना कौन सी है?", options: ["सूर सागर", "रामचरितमानस", "पद्मावत", "मधुशाला"], answer: "A" },
        { question: "प्रेमचंद की रचना कौन सी है?", options: ["गोदान", "मधुशाला", "पद्मावत", "सूर सागर"], answer: "A" }
    ]);

    // ----- शिक्षाशास्त्र (Pedagogy) - 11 topics -----
    addQuestions('अधिगम एवं अर्जन', [
        { question: "अधिगम और अर्जन में क्या अंतर है?", options: ["अधिगम सचेत, अर्जन अचेत", "अधिगम अचेत, अर्जन सचेत", "दोनों समान", "दोनों अलग नहीं"], answer: "A" },
        { question: "भाषा अर्जन का प्राकृतिक तरीका क्या है?", options: ["परिवेश", "पाठ्यपुस्तक", "व्याकरण", "अभ्यास"], answer: "A" },
        { question: "अधिगम में किसका महत्व है?", options: ["अनुकरण", "अनुभव", "अनुशासन", "अनुमान"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण के सिद्धांत', [
        { question: "भाषा शिक्षण का मुख्य सिद्धांत क्या है?", options: ["संप्रेषण", "व्याकरण", "अभ्यास", "रटना"], answer: "A" },
        { question: "बालकेन्द्रित शिक्षण में किस पर जोर दिया जाता है?", options: ["बालक की रुचि", "शिक्षक की रुचि", "पाठ्यक्रम", "परीक्षा"], answer: "A" },
        { question: "भाषा शिक्षण में किस विधि को महत्व दिया जाता है?", options: ["प्रत्यक्ष विधि", "अनुवाद विधि", "व्याकरण विधि", "पठन विधि"], answer: "A" }
    ]);

    addQuestions('भाषा दक्षता का विकास', [
        { question: "भाषा दक्षता के कितने कौशल हैं?", options: ["चार", "तीन", "दो", "पाँच"], answer: "A" },
        { question: "श्रवण कौशल का विकास किससे होता है?", options: ["सुनने से", "बोलने से", "पढ़ने से", "लिखने से"], answer: "A" },
        { question: "लेखन कौशल का विकास किससे होता है?", options: ["लिखने से", "पढ़ने से", "सुनने से", "बोलने से"], answer: "A" }
    ]);

    addQuestions('भाषा अधिगम में व्याकरण की भूमिका', [
        { question: "व्याकरण का मुख्य कार्य क्या है?", options: ["नियमों का ज्ञान", "अभ्यास", "पठन", "लेखन"], answer: "A" },
        { question: "व्याकरण शिक्षण का उद्देश्य क्या है?", options: ["शुद्ध भाषा", "प्रवाह", "शब्दावली", "उच्चारण"], answer: "A" },
        { question: "व्याकरण किस प्रकार का ज्ञान है?", options: ["नियमात्मक", "अनुभवात्मक", "अनुकरणात्मक", "स्मरणात्मक"], answer: "A" }
    ]);

    addQuestions('भाषाएँ कौशलों का विकास', [
        { question: "भाषाई कौशल कितने हैं?", options: ["चार", "तीन", "दो", "पाँच"], answer: "A" },
        { question: "सबसे पहले किस कौशल का विकास होता है?", options: ["श्रवण", "वाचन", "पठन", "लेखन"], answer: "A" },
        { question: "अंतिम कौशल कौन सा है?", options: ["लेखन", "श्रवण", "वाचन", "पठन"], answer: "A" }
    ]);

    addQuestions('शिक्षण सहायक-सामग्री', [
        { question: "शिक्षण सहायक सामग्री का उद्देश्य क्या है?", options: ["शिक्षण को प्रभावी बनाना", "रटना", "परीक्षा", "अभ्यास"], answer: "A" },
        { question: "दृश्य सहायक सामग्री का उदाहरण क्या है?", options: ["चित्र", "पुस्तक", "टेप", "रेडियो"], answer: "A" },
        { question: "श्रव्य सहायक सामग्री का उदाहरण क्या है?", options: ["रेडियो", "चित्र", "मॉडल", "मानचित्र"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण में मूल्यांकन', [
        { question: "मूल्यांकन का मुख्य उद्देश्य क्या है?", options: ["शिक्षार्थी की प्रगति", "शिक्षक की प्रगति", "पाठ्यक्रम", "विद्यालय"], answer: "A" },
        { question: "रचनात्मक मूल्यांकन कब किया जाता है?", options: ["शिक्षण के दौरान", "शिक्षण के अंत", "शिक्षण के शुरू", "परीक्षा के बाद"], answer: "A" },
        { question: "योगात्मक मूल्यांकन का उद्देश्य क्या है?", options: ["ग्रेड देना", "सुधार", "निदान", "योजना"], answer: "A" }
    ]);

    addQuestions('बच्चों में पढ़ने-लिखने सम्बन्धी विकार', [
        { question: "डिस्लेक्सिया क्या है?", options: ["पढ़ने में कठिनाई", "लिखने में कठिनाई", "बोलने में कठिनाई", "सुनने में कठिनाई"], answer: "A" },
        { question: "डिस्ग्राफिया क्या है?", options: ["लिखने में कठिनाई", "पढ़ने में कठिनाई", "बोलने में कठिनाई", "सुनने में कठिनाई"], answer: "A" },
        { question: "इन विकारों का कारण क्या हो सकता है?", options: ["मस्तिष्कीय", "शारीरिक", "मानसिक", "सामाजिक"], answer: "A" }
    ]);

    addQuestions('उपचारात्मक शिक्षण', [
        { question: "उपचारात्मक शिक्षण का उद्देश्य क्या है?", options: ["कठिनाइयों को दूर करना", "अभ्यास करना", "परीक्षा लेना", "ग्रेड देना"], answer: "A" },
        { question: "उपचारात्मक शिक्षण कब दिया जाता है?", options: ["कठिनाइयों पर", "हमेशा", "कभी नहीं", "वर्ष के अंत"], answer: "A" },
        { question: "उपचारात्मक शिक्षण में किस पर ध्यान दिया जाता है?", options: ["व्यक्तिगत आवश्यकता", "सामूहिक आवश्यकता", "पाठ्यक्रम", "परीक्षा"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण में बहुभाषिकता', [
        { question: "बहुभाषिकता का अर्थ क्या है?", options: ["कई भाषाएँ", "कई संसाधन", "कई विधियाँ", "कई शिक्षक"], answer: "A" },
        { question: "बहुभाषिकता का लाभ क्या है?", options: ["विविधता", "एकरूपता", "सरलता", "कठिनाई"], answer: "A" },
        { question: "बहुभाषिकता में किसका उपयोग होता है?", options: ["सभी भाषाएँ", "एक भाषा", "दो भाषाएँ", "तीन भाषाएँ"], answer: "A" }
    ]);

    addQuestions('काव्य शिक्षण', [
        { question: "काव्य शिक्षण का मुख्य उद्देश्य क्या है?", options: ["रसानुभूति", "व्याकरण", "शब्दावली", "अभ्यास"], answer: "A" },
        { question: "काव्य शिक्षण में किसका महत्व है?", options: ["भावपूर्ण पठन", "रटना", "विश्लेषण", "अनुवाद"], answer: "A" },
        { question: "काव्य शिक्षण की कौन सी विधि प्रभावी है?", options: ["प्रभावात्मक", "व्याकरणिक", "अनुवादात्मक", "विश्लेषणात्मक"], answer: "A" }
    ]);

    // =====================================================
    // TOPIC KEYS (42 topics) - exactly as per new list
    // =====================================================
    const topicKeys = [
        // हिंदी भाषा (Hindi Language) - 31
        "अपठित गद्यांश",
        "अपठित पद्यांश",
        "हिन्दी वर्णमाला (स्वर, व्यंजन)",
        "वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान",
        "वाक्य रचना",
        "हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी",
        "ध्वनियाँ, वर्ण, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर",
        "विराम चिन्हों का प्रयोग (अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक)",
        "समान ध्वनियों वाले शब्द",
        "विलोम शब्द",
        "पर्यायवाची शब्द",
        "वाक्यांशों के लिए एक शब्द",
        "संज्ञा एवं उसके भेद",
        "सर्वनाम एवं उसके भेद",
        "क्रिया एवं उसके भेद",
        "विशेषण एवं उसके भेद",
        "वचन",
        "लिंग",
        "काल",
        "कारक",
        "प्रत्यय",
        "उपसर्ग",
        "तत्सम एवं तद्भव",
        "वर्तनी",
        "लोकोक्तियाँ एवं मुहावरों के अर्थ",
        "संधि",
        "वाच्य",
        "शब्द रूप",
        "समास",
        "अलंकार",
        "कवियों एवं लेखकों की रचनाएं",
        // शिक्षाशास्त्र (Pedagogy) - 11
        "अधिगम एवं अर्जन",
        "भाषा शिक्षण के सिद्धांत",
        "भाषा दक्षता का विकास",
        "भाषा अधिगम में व्याकरण की भूमिका",
        "भाषाएँ कौशलों का विकास",
        "शिक्षण सहायक-सामग्री",
        "भाषा शिक्षण में मूल्यांकन",
        "बच्चों में पढ़ने-लिखने सम्बन्धी विकार",
        "उपचारात्मक शिक्षण",
        "भाषा शिक्षण में बहुभाषिकता",
        "काव्य शिक्षण"
    ];

    // =====================================================
    // UI TEXT (All in Hindi)
    // =====================================================
    const uiText = {
        hi: {
            mainTitle: "📝 CTET पेपर-2 - हिंदी भाषा एवं शिक्षाशास्त्र",
            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: "अभ्यास प्रश्न जेनरेट करें",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 42 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक अध्याय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            instructions: "निर्देश (हिंदी भाषा अभ्यास):",
            inst1: "10 बहुविकल्पी प्रश्न, हिंदी भाषा एवं शिक्षाशास्त्र पर आधारित।",
            inst2: "15 मिनट में हल करें, उत्तर कुंजी से मिलाएँ।",
            mcqHeading: "✍️ अभ्यास प्रश्न",
            answerKey: "🔑 उत्तर कुंजी",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट / PDF",
            newPractice: "नया अभ्यास",
            markComplete: "पूर्ण चिह्नित करें",
            completeMsg: "🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।",
            dailyComplete: "बधाई हो! दिन की समस्या हल हुई।",
            podTitle: "🌟 दिन की चुनौती (हिंदी भाषा)",
            podSub: "🎯",
            podLevel: "स्तर",
            podToday: "आज का अभ्यास प्रश्न",
            podStreak: "🔥 लगातार",
            podSolved: "✅ हल प्रश्न",
            podProgress: "📚 प्रगति",
            podSolution: "📌 समाधान",
            podCorrect: "सही उत्तर:",
            podExplanation: "व्याख्या: CTET हिंदी भाषा अवधारणा के अनुसार",
            podComplete: "पूर्ण किया",
            podPrint: "प्रिंट करें",
            podNew: "नया अभ्यास"
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    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;
        renderTopics();
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedTopics.length > 0 && selectedLevel) {
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    // ============ CORE FUNCTIONS ============
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        const t = uiText[currentLang];
        const fullLabel = "✅ संपूर्ण पाठ्यक्रम (सभी 42 अध्याय)";
        container.innerHTML = `<div class="checkbox-item" style="background:#fff3e0;"><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)}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${topic}</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) {
        let allQs = [];
        topics.forEach(topic => {
            if (questionBank[topic] && questionBank[topic][`level${level}`]) {
                allQs = allQs.concat(questionBank[topic][`level${level}`]);
            }
        });
        if (allQs.length === 0) {
            const t = uiText[currentLang];
            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('ctetHindiDailyProgressPaper2');
        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('ctetHindiDailyProgressPaper2', 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('hi-IN', { 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}% पूर्ण (${userProgress.topicsCompleted}/${userProgress.totalTopics} अध्याय)`;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const topicNamesDisplay = topics.length > 5 ? topics.slice(0,5).join(", ")+" ..." : topics.join(", ");
        const mcqs = getRandomQuestions(topics, level, 10);
        let paperContent = `<div class="header"><h2>📘 CTET पेपर-2 (हिंदी भाषा एवं शिक्षाशास्त्र)</h2><h3>📌 ${topics.length === topicKeys.length ? "सम्पूर्ण पाठ्यक्रम (42 अध्याय)" : topicNamesDisplay.substring(0, 85)}</h3><p>⚡ कठिनाई स्तर ${level} — ${level === 1 ? 'बेसिक' : level === 2 ? 'मध्यम' : 'उन्नत'}</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)[0];
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        let content = `<div class="header"><h2>${t.podTitle}</h2><h3>${t.podSub} ${randomTopic}</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>अपनी learning streak बनाए रखें!</p></div><div class="daily-summary"><div class="summary-card"><h4>${t.podStreak}</h4><p>${userProgress.streak} दिन</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('selectHindiBtn').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>