@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap);:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#f59e0b;--success-color:#10b981;--error-color:#ef4444;--bg-color:#f8fafc;--card-bg:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-radius:20px;--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.is-learning-quiz-container{font-family:'Outfit',sans-serif;max-width:800px;margin:40px auto;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden;color:var(--text-main);display:flex;flex-direction:column;min-height:450px;position:relative}.is-quiz-loading{display:flex;justify-content:center;align-items:center;height:450px;font-size:1.5rem;font-weight:600;color:var(--primary-color)}.is-quiz-header{padding:25px 35px;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:15px}.is-quiz-progress-bar{height:12px;background:#e2e8f0;border-radius:99px;overflow:hidden}.is-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);transition:width 0.5s cubic-bezier(.4,0,.2,1)}.is-quiz-stats{display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem;color:var(--text-muted)}#is-quiz-streak{color:var(--secondary-color)}.is-quiz-body{padding:35px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;animation:fadeIn 0.5s ease}.is-question-text{font-size:1.8rem;font-weight:700;margin-bottom:30px;line-height:1.4;text-align:center}.is-options-grid{display:grid;grid-template-columns:1fr;gap:15px}@media(min-width:600px){.is-options-grid{grid-template-columns:1fr 1fr}}.is-option-btn{background:#f1f5f9;border:3px solid #fff0;padding:18px 25px;border-radius:16px;font-size:1.2rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all 0.2s ease;text-align:left;outline:none}.is-option-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.is-option-btn.selected{background:#e0e7ff;border-color:var(--primary-color);color:var(--primary-hover)}.is-option-btn.correct{background:#ecfdf5;border-color:var(--success-color);color:#047857}.is-option-btn.wrong{background:#fef2f2;border-color:var(--error-color);color:#b91c1c}.is-fitb-input{border:none;border-bottom:3px solid var(--primary-color);background:rgb(99 102 241 / .1);font-family:inherit;font-size:inherit;font-weight:700;color:var(--primary-color);padding:5px 15px;border-radius:8px 8px 0 0;width:150px;text-align:center;outline:none;transition:all 0.2s}.is-fitb-input:focus{border-bottom-color:var(--secondary-color);background:rgb(245 158 11 / .1)}.is-fitb-input.correct{border-bottom-color:var(--success-color);color:var(--success-color);background:#ecfdf5}.is-fitb-input.wrong{border-bottom-color:var(--error-color);color:var(--error-color);background:#fef2f2}.is-feedback-box{margin-top:25px;padding:20px;border-radius:16px;font-size:1.15rem;font-weight:600;line-height:1.5;animation:slideUp 0.4s cubic-bezier(.175,.885,.32,1.275);display:none}.is-feedback-box.correct{background:#d1fae5;color:#065f46}.is-feedback-box.wrong{background:#fee2e2;color:#991b1b}.is-quiz-footer{padding:25px 35px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.is-btn{padding:14px 28px;border-radius:99px;font-size:1.2rem;font-weight:700;cursor:pointer;border:none;transition:all 0.2s cubic-bezier(.4,0,.2,1);font-family:inherit}.is-btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px 0 rgb(99 102 241 / .39)}.is-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 6px 20px rgb(99 102 241 / .3)}.is-btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.is-btn-success{background:var(--success-color);color:#fff;box-shadow:0 4px 14px 0 rgb(16 185 129 / .39)}.is-btn-success:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(16 185 129 / .3)}.is-btn-secondary{background:#fff0;color:var(--text-muted);border:2px solid #e2e8f0}.is-quiz-result{padding:40px;text-align:center;animation:fadeIn 0.5s ease}.is-quiz-result h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:30px}.is-quiz-score-board{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.score-item{padding:20px 40px;border-radius:20px;display:flex;flex-direction:column;align-items:center}.correct-score{background:#ecfdf5}.correct-score .score-label{color:#059669;font-weight:600;font-size:1.2rem}.correct-score .score-value{color:#047857;font-weight:700;font-size:3rem}.wrong-score{background:#fef2f2}.wrong-score .score-label{color:#dc2626;font-weight:600;font-size:1.2rem}.wrong-score .score-value{color:#b91c1c;font-weight:700;font-size:3rem}.res-feedback-container{font-size:1.2rem;color:var(--text-muted);margin-bottom:30px;line-height:1.6}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}