<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET Paper-II (विज्ञान) दैनिक अभ्यास जनरेटर</title>
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-size='50' text-anchor='middle' dy='.3em' fill='%231b6b6b'%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: #1b6b6b;
            --primary-dark: #0e4f4f;
            --secondary: #2d9c9c;
            --danger: #e63946;
            --success: #2a9d8f;
            --light: #f0fcfc;
            --dark: #1e2a3e;
            --gray: #5e6b7c;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Nirmala UI', 'Noto Sans Devanagari', sans-serif; }
        body { background: linear-gradient(135deg, #e0f0f0 0%, #cde8e8 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.6; }
        .container { width: 100%; max-width: 950px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.5s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 30px 20px; text-align: center; position: relative; overflow: hidden; }
        .header::before { content: '🧪'; position: absolute; top: -30px; right: -30px; font-size: 120px; opacity: 0.1; }
        .header h1 { font-size: 1.7rem; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 1; }
        .header p { font-size: 1rem; opacity: 0.9; position: relative; z-index: 1; }
        .content-area { padding: 30px; }
        .hidden { display: none !important; }
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin: 10px 5px; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #1e7a6e; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c1121f; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 1.2rem; padding: 15px 30px; width: 200px; }
        .btn-level:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 20px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.5rem; position: relative; padding-bottom: 10px; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: var(--secondary); border-radius: 3px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 15px; margin: 25px 0; max-height: 450px; overflow-y: auto; padding: 10px; border: 1px solid #eee; border-radius: 12px; background: #fffaf5; }
        .checkbox-item { display: flex; align-items: center; }
        .checkbox-item input { margin-right: 10px; width: 18px; height: 18px; cursor: pointer; }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }
        .question { margin-bottom: 20px; page-break-inside: avoid; }
        .question-text { font-weight: 500; margin-bottom: 8px; font-size: 1rem; }
        .option { margin-left: 20px; margin-bottom: 5px; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        .answer-table th, .answer-table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 15px; flex-wrap: wrap; }
        .streak-counter { background: var(--success); color: white; padding: 10px 20px; border-radius: 50px; font-weight: bold; }
        .date-display { font-size: 1.1rem; font-weight: 600; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #f8f9fa; padding: 20px; border-radius: var(--border-radius); }
        .progress-bar { height: 10px; background: #e9ecef; border-radius: 5px; overflow: hidden; margin-top: 10px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 5px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(135deg, #fff5f5, #fff0f6); border-left: 4px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: var(--border-radius); }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 120px; background: white; padding: 15px; border-radius: var(--border-radius); box-shadow: 0 4px 10px rgba(0,0,0,0.05); text-align: center; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; cursor: pointer; transition: var(--transition); z-index: 2; }
        .home-icon:hover { transform: scale(1.1); }
        .instructions { margin-bottom: 30px; padding: 20px; background: #eef4fc; border-radius: var(--border-radius); border-left: 5px solid var(--secondary); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        @media (max-width: 768px) { .header h1 { font-size: 1.4rem; } .btn-level { width: 160px; font-size: 1rem; } .checkbox-container { grid-template-columns: 1fr; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .home-icon { display: none; } }
        .text-center { text-align: center; }
    </style>
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867"
     crossorigin="anonymous"></script>

<!-- Google tag (gtag.js) -->
     <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">
        <a href="up-tet-exam-paper2-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>UP TET Paper-II (विज्ञान) दैनिक अभ्यास जनरेटर</h1>
        <p>जीव विज्ञान, भौतिकी, रसायन एवं विज्ञान शिक्षण | हिंदी माध्यम</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">विज्ञान – जीव विज्ञान, भौतिकी, रसायन एवं शिक्षण विधियाँ</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> लगातार: <span id="streakDays">0</span> दिन</div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3>आपकी विज्ञान प्रगति (UP TET)</h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn">✨ दिन की विशेष समस्या</button>
                <button class="btn btn-success" id="customPracticeBtn">📚 विषयवार कस्टम अभ्यास</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">विषय चुनें (UP TET विज्ञान)</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectScienceBtn">विज्ञान – सम्पूर्ण पाठ्यक्रम</button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title">अध्यायों का चयन करें (UP TET विज्ञान पाठ्यक्रम)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">प्रारंभ पृष्ठ</button>
                <button class="btn btn-success" id="generateAssignmentBtn">अभ्यास सेट जनरेट करें</button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title">कठिनाई स्तर चुनें (TET परीक्षा स्तर)</h2>
            <p class="text-center">अपनी तैयारी के अनुसार स्तर चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small>बुनियादी विज्ञान</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small>मध्यम (TET मानक)</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small>उन्नत (अवधारणात्मक & शिक्षण)</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToTopicsBtn">विषय चयन पर वापस</button>
                <button class="btn btn-success" id="generateFinalBtn">प्रश्न जेनरेट करें</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');
    
    const problemOfDayBtn = document.getElementById('problemOfDayBtn');
    const customPracticeBtn = document.getElementById('customPracticeBtn');
    const selectScienceBtn = document.getElementById('selectScienceBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToTopicsBtn = document.getElementById('backToTopicsBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const homeIcon = document.getElementById('homeIcon');
    
    const streakDays = document.getElementById('streakDays');
    const currentDate = document.getElementById('currentDate');
    const progressFill = document.getElementById('progressFill');
    const progressText = document.getElementById('progressText');
    
    // ======================== विज्ञान (पेपर-II) – अध्यायवार प्रश्न डेटाबेस ========================
    const questions = {
        "दैनिक जीवन में विज्ञान, महत्वपूर्ण खोज": {
            level1: [{ question: "निम्नलिखित में से किसने पेनिसिलिन की खोज की?", options: ["अलेक्जेंडर फ्लेमिंग", "लुई पाश्चर", "रॉबर्ट कोच", "ग्रेगर मेंडल"], answer: "A" }],
            level2: [{ question: "विज्ञान को दैनिक जीवन से जोड़ने का मुख्य उद्देश्य है:", options: ["सूत्र रटाना", "वैज्ञानिक दृष्टिकोण विकसित करना", "परीक्षा में अच्छे अंक लाना", "प्रयोगशाला कार्य"], answer: "B" }]
        },
        "मानव विज्ञान एवं प्रौद्योगिकी, रेशे एवं वस्त्र": {
            level1: [{ question: "कपास के रेशे से वस्त्र बनाने की प्रक्रिया में पहला चरण है:", options: ["बुनाई", "कताई", "रंगाई", "सिलाई"], answer: "B" }],
            level2: [{ question: "निम्न में से कौन सा प्राकृतिक रेशा है?", options: ["नायलॉन", "पॉलिएस्टर", "ऊन", "एक्रिलिक"], answer: "C" }]
        },
        "सजीव, निर्जीव, जीव जगत, वर्गीकरण": {
            level1: [{ question: "पौधों एवं जंतुओं का वर्गीकरण किस आधार पर किया जाता है?", options: ["रंग", "आकार", "समानताएँ एवं अंतर", "भार"], answer: "C" }],
            level2: [{ question: "पाँच जगत वर्गीकरण किसने प्रस्तावित किया?", options: ["लिनीयस", "ह्विटेकर", "डार्विन", "मेंडल"], answer: "B" }]
        },
        "कोशिका से अंगतन्त्र, मानव शरीर": {
            level1: [{ question: "कोशिका की आनुवंशिक सामग्री कहाँ पाई जाती है?", options: ["राइबोसोम", "नाभिक", "माइटोकॉन्ड्रिया", "गॉल्जी बॉडी"], answer: "B" }],
            level2: [{ question: "हृदय किस अंग तंत्र का भाग है?", options: ["श्वसन तंत्र", "परिसंचरण तंत्र", "पाचन तंत्र", "उत्सर्जन तंत्र"], answer: "B" }]
        },
        "भोजन, स्वास्थ्य, रोग, फसल उत्पादन": {
            level1: [{ question: "कुपोषण से मुख्यतः कमी होती है?", options: ["पोषक तत्वों की", "पानी की", "ऑक्सीजन की", "व्यायाम की"], answer: "A" }],
            level2: [{ question: "नाइट्रोजन चक्र में नाइट्रोजन स्थिरीकरण किसके द्वारा होता है?", options: ["कवक", "जीवाणु", "शैवाल", "वायरस"], answer: "B" }]
        },
        "पौधों में पोषण, जनन, प्रकाश संश्लेषण": {
            level1: [{ question: "प्रकाश संश्लेषण के लिए आवश्यक अभिक्रियक हैं:", options: ["O₂ और जल", "CO₂ और जल", "CO₂ और O₂", "जल और N₂"], answer: "B" }],
            level2: [{ question: "पादपों में जनन का कौन सा अंग फूल है?", options: ["जड़", "तना", "पत्ती", "पुष्प"], answer: "D" }]
        },
        "भौतिक विज्ञान (गति, बल, ऊर्जा, विद्युत, चुम्बकत्व)": {
            level1: [{ question: "न्यूटन के गति के प्रथम नियम को क्या कहते हैं?", options: ["जड़त्व का नियम", "त्वरण का नियम", "क्रिया-प्रतिक्रिया का नियम", "गुरुत्वाकर्षण का नियम"], answer: "A" }],
            level2: [{ question: "एक कूलॉम आवेश कितने इलेक्ट्रॉनों के बराबर होता है?", options: ["6.25×10¹⁸", "1.6×10⁻¹⁹", "1", "10¹⁹"], answer: "A" }],
            level3: [{ question: "प्रत्यावर्ती धारा (AC) का मुख्य लाभ क्या है?", options: ["सरल उत्पादन", "लंबी दूरी तक कम हानि में संचारण", "कम वोल्टता", "सुरक्षित"], answer: "B" }]
        },
        "प्रकाश, ध्वनि, ऊष्मा, ताप": {
            level1: [{ question: "प्रकाश की गति सबसे अधिक किस माध्यम में होती है?", options: ["जल", "वायु", "निर्वात", "काँच"], answer: "C" }],
            level2: [{ question: "ध्वनि की आवृत्ति का मात्रक क्या है?", options: ["डेसीबल", "हर्ट्ज़", "वाट", "जूल"], answer: "B" }],
            level3: [{ question: "उष्मा का संचरण किन विधियों से होता है?", options: ["चालन, संवहन, विकिरण", "केवल चालन", "केवल विकिरण", "केवल संवहन"], answer: "A" }]
        },
        "पदार्थ, अम्ल-क्षार, रासायनिक अभिक्रियाएँ": {
            level1: [{ question: "pH मान 7 से कम होने पर विलयन की प्रकृति होती है:", options: ["अम्लीय", "क्षारीय", "उदासीन", "लवणीय"], answer: "A" }],
            level2: [{ question: "नमक (सोडियम क्लोराइड) एक उदाहरण है:", options: ["अम्ल का", "क्षार का", "लवण का", "आक्साइड का"], answer: "C" }],
            level3: [{ question: "जंग लगना किस प्रकार की अभिक्रिया है?", options: ["ऑक्सीकरण", "अपचयन", "उदासीनीकरण", "विघटन"], answer: "A" }]
        },
        "जल, वायु, पर्यावरण एवं प्रदूषण": {
            level1: [{ question: "ओजोन परत किस गैस से बनी है?", options: ["O₂", "O₃", "CO₂", "N₂"], answer: "B" }],
            level2: [{ question: "ग्रीनहाउस प्रभाव के लिए मुख्य रूप से कौन सी गैस उत्तरदायी है?", options: ["ऑक्सीजन", "नाइट्रोजन", "कार्बन डाइऑक्साइड", "आर्गन"], answer: "C" }],
            level3: [{ question: "जल संरक्षण का सर्वोत्तम तरीका है:", options: ["अधिक बाँध बनाना", "वर्षा जल संचयन", "नदियों को मोड़ना", "जल का निःशुल्क उपयोग"], answer: "B" }]
        },
        "ऊर्जा के वैकल्पिक स्रोत, कम्प्यूटर, मानव निर्मित वस्तुएँ": {
            level1: [{ question: "निम्न में से कौन नवीकरणीय ऊर्जा स्रोत है?", options: ["कोयला", "पेट्रोलियम", "सौर ऊर्जा", "प्राकृतिक गैस"], answer: "C" }],
            level2: [{ question: "प्लास्टिक किस प्रकार का पदार्थ है?", options: ["बायोडिग्रेडेबल", "नॉन-बायोडिग्रेडेबल", "प्राकृतिक", "जैविक"], answer: "B" }],
            level3: [{ question: "कम्प्यूटर में CPU का पूर्ण रूप क्या है?", options: ["Central Processing Unit", "Central Program Unit", "Computer Personal Unit", "Central Power Unit"], answer: "A" }]
        },
        "विज्ञान अध्यापन सम्बन्धी मुद्दे (Pedagogy)": {
            level1: [{ question: "विज्ञान शिक्षण का मुख्य उद्देश्य क्या है?", options: ["तथ्य रटाना", "वैज्ञानिक दृष्टिकोण विकसित करना", "परीक्षा में अच्छे अंक लाना", "प्रयोगशाला उपकरण सीखना"], answer: "B" }],
            level2: [{ question: "निदानात्मक शिक्षण का उद्देश्य है:", options: ["नया पाठ पढ़ाना", "छात्रों की त्रुटियों का पता लगाना", "परीक्षा लेना", "होमवर्क देना"], answer: "B" }],
            level3: [{ question: "विज्ञान शिक्षण में 'हाथों से करना' का सिद्धांत किस पर जोर देता है?", options: ["प्रयोगात्मक शिक्षण", "किताबी ज्ञान", "व्याख्यान विधि", "रटन विधि"], answer: "A" }]
        }
    };
    
    const finalTopicList = Object.keys(questions);
    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: finalTopicList.length };
    
    function loadUserProgress() {
        const saved = localStorage.getItem('upTetScienceProgress');
        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('upTetScienceProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        streakDays.textContent = userProgress.streak;
        const today = new Date();
        currentDate.textContent = today.toLocaleDateString('hi-IN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100);
        progressFill.style.width = `${percent}%`;
        progressText.textContent = `${percent}% पूर्ण`;
    }
    
    function getRandomQuestions(topicsArray, level, count) {
        let allQs = [];
        topicsArray.forEach(topic => {
            if (questions[topic] && questions[topic][`level${level}`]) {
                allQs = allQs.concat(questions[topic][`level${level}`]);
            }
        });
        if(allQs.length === 0) return [];
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }
    
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>📖 संपूर्ण पाठ्यक्रम (जीव विज्ञान + भौतिकी + रसायन + शिक्षण)</strong></label></div>`;
        finalTopicList.forEach(topic => {
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${topic.replace(/\s/g, '')}" name="topic" value="${topic}"><label for="topic_${topic.replace(/\s/g, '')}">🔬 ${topic}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            document.querySelectorAll('input[name="topic"]').forEach(cb => cb.disabled = e.target.checked);
        });
    }
    
    customPracticeBtn.addEventListener('click', () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); });
    selectScienceBtn.addEventListener('click', () => { renderTopics(); subjectSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    backToStartBtn.addEventListener('click', () => { topicSelection.classList.add('hidden'); startContainer.classList.remove('hidden'); startScreen.classList.remove('hidden'); updateUI(); });
    
    generateAssignmentBtn.addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...finalTopicList];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { alert("कृपया कम से कम एक अध्याय चुनें या संपूर्ण पाठ्यक्रम चुनें!"); return; }
        topicSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });
    backToTopicsBtn.addEventListener('click', () => { levelSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    
    [level1Btn, level2Btn, level3Btn].forEach((btn, idx) => { btn.addEventListener('click', () => {
        [level1Btn, level2Btn, level3Btn].forEach(b => b.classList.remove('selected'));
        btn.classList.add('selected'); selectedLevel = idx+1;
    });});
    
    generateFinalBtn.addEventListener('click', () => {
        if (!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
        generateAssignment();
    });
    
    function generateAssignment() {
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const topicNames = selectedTopics.join(", ");
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 10);
        if(mcqs.length === 0) { alert("चयनित अध्याय/स्तर के लिए पर्याप्त प्रश्न नहीं हैं, कृपया अन्य स्तर या अध्याय चुनें।"); backToStart(); return; }
        let paperContent = `
            <div class="header">
                <h2>UP TET Paper-II (विज्ञान) अभ्यास सेट</h2>
                <h3>${selectedTopics.length === finalTopicList.length ? "संपूर्ण पाठ्यक्रम (जीव विज्ञान, भौतिकी, रसायन, शिक्षण)" : topicNames.substring(0, 70)}</h3>
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बुनियादी" : selectedLevel === 2 ? "मध्यम (TET स्तर)" : "उन्नत (अवधारणात्मक)"}</p>
            </div>
            <div class="content-area">
                <div class="instructions"><p><strong>निर्देश:</strong></p><ol><li>इस सेट में 10 बहुविकल्पीय प्रश्न (विज्ञान) हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li><li>अभ्यास 20 मिनट में पूरा करें।</li><li>उत्तर कुंजी से अपने उत्तर जांचें।</li><li>UP TET परीक्षा पैटर्न पर आधारित।</li></ol></div>
                <div class="question-section"><div class="section-heading" style="font-size:1.3rem; font-weight:bold; margin-bottom:20px;">✍️ विज्ञान अभ्यास प्रश्न</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">🔑 उत्तर कुंजी</h3>
        <table class="answer-table"><thead><tr><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td>${mcqs[i].answer}</td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td>${mcqs[i+1].answer}</td>`;
            else paperContent += `<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> अभ्यास पूर्ण चिह्नित करें</button>
        <button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट / PDF</button>
        <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus-circle"></i> नया अभ्यास</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function markPracticeComplete() {
        userProgress.totalProblemsSolved += 10;
        let completedCount = 0;
        if (selectedTopics.length > 0 && !(selectedTopics.length === finalTopicList.length)) {
            selectedTopics.forEach(t => { if (finalTopicList.includes(t)) completedCount++; });
            userProgress.topicsCompleted = Math.max(userProgress.topicsCompleted, completedCount);
        } else if (selectedTopics.length === finalTopicList.length) userProgress.topicsCompleted = userProgress.totalTopics;
        saveUserProgress(); updateUI();
        alert("🎉 उत्कृष्ट! विज्ञान अभ्यास सत्र पूर्ण हुआ। UP TET की तैयारी निरंतर जारी रखें!");
        backToStart();
    }
    
    function generateProblemOfDay() {
        const randomTopic = finalTopicList[Math.floor(Math.random() * finalTopicList.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic];
        selectedLevel = randomLevel;
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 1);
        if(mcqs.length === 0) { backToStart(); alert("कृपया पुनः प्रयास करें"); return; }
        let paperContent = `
            <div class="header"><h2>UP TET विज्ञान (दैनिक चुनौती)</h2><h3>✨ दिन की विशेष समस्या ✨</h3><p>${randomTopic} • स्तर ${randomLevel}</p></div>
            <div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> आज की TET चैलेंज</h3><p>अपने विज्ञान ज्ञान को बढ़ाएँ और लगातार बनाए रखें!</p></div>
            <div class="daily-summary"><div class="summary-card"><h4>🔥 लगातार</h4><p>${userProgress.streak} दिन</p></div>
            <div class="summary-card"><h4>📚 कुल हल प्रश्न</h4><p>${userProgress.totalProblemsSolved}</p></div>
            <div class="summary-card"><h4>📊 अध्याय प्रगति</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div>
            <div class="instructions"><p><strong>विशेष निर्देश:</strong></p><ol><li>प्रश्न TET स्तर पर आधारित है।</li><li>5 मिनट में हल करें।</li><li>वैज्ञानिक अवधारणा को स्पष्ट करें।</li></ol></div>
            <div class="question-section"><div class="section-heading">🎯 आज का प्रश्न</div>`;
        mcqs.forEach(mcq => {
            paperContent += `<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>`;
        });
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">📖 समाधान एवं व्याख्या</h3>
        <p><strong>सही उत्तर:</strong> ${mcqs[0].answer}</p><p><strong>व्याख्या:</strong> यह प्रश्न '${randomTopic}' की महत्वपूर्ण अवधारणा पर आधारित है। UP TET परीक्षा में विज्ञान से समान प्रश्न पूछे जाते हैं।</p></div>
        <div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check"></i> पूर्ण चिह्नित करें</button>
        <button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट करें</button>
        <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-home"></i> होम पेज</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        document.getElementById('markCompleteBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert("बधाई हो! आज की विज्ञान समस्या हल हुई। कल नई चुनौती के लिए वापस आएं।"); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        topicSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        subjectSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        updateUI();
        selectedTopics = [];
        selectedLevel = null;
    }
    
    problemOfDayBtn.addEventListener('click', generateProblemOfDay);
    homeIcon.addEventListener('click', (e) => { e.preventDefault(); backToStart(); });
    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>