:root{--oqg-primary-color:#0073aa;--oqg-secondary-color:#005177;--oqg-success-color:#46b450;--oqg-error-color:#dc3232;--oqg-warning-color:#ffb900;--oqg-border-radius:8px;--oqg-box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);--oqg-transition:all 0.3s ease}.oqg-quiz-container{max-width:800px;margin:2rem auto;background:#fff;border-radius:15px;box-shadow:0 4px 20px rgb(0 0 0 / .1);overflow:visible;position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.oqg-quiz-header{background:linear-gradient(135deg,var(--oqg-primary-color),var(--oqg-secondary-color));color:#fff;padding:2rem;text-align:center}.oqg-quiz-title{margin:0 0 1rem 0;font-size:1.8rem;font-weight:600}.oqg-quiz-description{margin:0 0 1.5rem 0;font-size:1.1rem;opacity:.9;line-height:1.5}.oqg-quiz-info{display:flex;justify-content:center;gap:2rem;font-size:.9rem}.oqg-question-count,.oqg-difficulty{background:rgb(255 255 255 / .2);padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(10px)}.oqg-difficulty-easy{background-color:var(--oqg-success-color)}.oqg-difficulty-medium{background-color:var(--oqg-warning-color)}.oqg-difficulty-hard{background-color:var(--oqg-error-color)}.oqg-quiz-form{padding:2rem}.oqg-user-info{background:#f8f9fa;padding:1.5rem;border-radius:var(--oqg-border-radius);margin-bottom:2rem}.oqg-user-info h4{margin:0 0 1rem 0;color:var(--oqg-secondary-color)}.oqg-field{margin-bottom:1rem}.oqg-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.oqg-field input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:var(--oqg-border-radius);font-size:1rem;transition:var(--oqg-transition)}.oqg-field input:focus{outline:none;border-color:var(--oqg-primary-color);box-shadow:0 0 0 3px rgb(0 115 170 / .1)}.oqg-questions{margin-bottom:2rem}.oqg-question{background:#fff;border:2px solid #f0f0f0;border-radius:var(--oqg-border-radius);margin-bottom:1.5rem;padding:1.5rem;transition:var(--oqg-transition)}.oqg-question:hover{border-color:#ddd;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.oqg-question-header{display:flex;align-items:flex-start;margin-bottom:1rem}.oqg-question-number{background:var(--oqg-primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem;flex-shrink:0}.oqg-question-text{margin:0;font-size:1.1rem;font-weight:500;color:#333;line-height:1.4}.oqg-options{display:grid;gap:.75rem}.oqg-option{display:flex;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all 0.3s ease;position:relative;min-height:60px}.oqg-option:hover{background:#e9ecef;border-color:var(--oqg-primary-color)}.oqg-option input[type="radio"]{margin-right:1rem;transform:scale(1.2)}.oqg-option-text{flex:1;font-size:1rem;line-height:1.4}.oqg-option input[type="radio"]:checked+.oqg-option-text{font-weight:500}.oqg-option:has(input[type="radio"]:checked){background:rgb(0 115 170 / .1);border-color:var(--oqg-primary-color)}.oqg-submit-section{text-align:center;padding-top:1rem;border-top:2px solid #f0f0f0}.oqg-submit-btn{background:linear-gradient(135deg,var(--oqg-primary-color),var(--oqg-secondary-color));color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:var(--oqg-border-radius);cursor:pointer;transition:var(--oqg-transition);min-width:200px;position:relative}.oqg-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 115 170 / .3)}.oqg-submit-btn:disabled{opacity:.7;cursor:not-allowed}.oqg-loading{display:inline-block;animation:oqg-spin 1s linear infinite}@keyframes oqg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.oqg-results{background:#f8f9fa;border-top:3px solid var(--oqg-primary-color)}.oqg-results-container{padding:2rem}.oqg-results-header{text-align:center;margin-bottom:2rem}.oqg-results-header h3{margin:0 0 1.5rem 0;color:var(--oqg-secondary-color);font-size:1.5rem}.oqg-score-summary{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.oqg-score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--oqg-success-color),#2e7d32);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;position:relative}.oqg-score-details{text-align:left}.oqg-score-details p{margin:.5rem 0;font-size:1.1rem}.oqg-performance{font-size:1.2rem!important;font-weight:600;color:var(--oqg-success-color)}.oqg-results-mode-selector{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#e9ecef;border-radius:var(--oqg-border-radius)}.oqg-results-mode-selector span{font-weight:600;color:#333}.oqg-mode-btn{background:#fff;border:2px solid #ddd;padding:.5rem 1rem;border-radius:var(--oqg-border-radius);cursor:pointer;transition:var(--oqg-transition);font-weight:500}.oqg-mode-btn:hover{background:#f8f9fa;border-color:var(--oqg-primary-color)}.oqg-mode-btn.active{background:var(--oqg-primary-color);color:#fff;border-color:var(--oqg-primary-color)}.oqg-results-content{margin-bottom:2rem}.oqg-results-mode{display:none}.oqg-results-mode.active{display:block;animation:fadeIn 0.5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.oqg-mode-detailed h4{margin:0 0 1.5rem 0;color:var(--oqg-secondary-color);font-size:1.3rem}.oqg-result-item{background:#fff;border-radius:var(--oqg-border-radius);margin-bottom:1rem;padding:1.5rem;border-left:4px solid #ddd}.oqg-result-item.correct{border-left-color:var(--oqg-success-color);background:rgb(70 180 80 / .05)}.oqg-result-item.incorrect{border-left-color:var(--oqg-error-color);background:rgb(220 50 50 / .05)}.oqg-result-question{display:flex;align-items:center;margin-bottom:1rem}.oqg-result-number{background:var(--oqg-primary-color);color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;margin-right:1rem;flex-shrink:0}.oqg-result-text{flex:1;font-weight:500}.oqg-result-status{margin-left:1rem}.oqg-correct-icon{color:var(--oqg-success-color);font-size:1.2rem;font-weight:700}.oqg-incorrect-icon{color:var(--oqg-error-color);font-size:1.2rem;font-weight:700}.oqg-result-answers p{margin:.5rem 0;font-size:.95rem}.oqg-user-answer{color:var(--oqg-error-color)}.oqg-correct-answer{color:var(--oqg-success-color)}.oqg-explanation{background:rgb(0 115 170 / .1);padding:1rem;border-radius:var(--oqg-border-radius);margin-top:.5rem;font-style:italic}.oqg-mode-compact h4,.oqg-mode-compact h5{color:var(--oqg-secondary-color);margin:0 0 1rem 0}.oqg-compact-results{margin-bottom:2rem}.oqg-compact-item{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #eee}.oqg-compact-item.correct{background:rgb(70 180 80 / .05)}.oqg-compact-item.incorrect{background:rgb(220 50 50 / .05)}.oqg-compact-number{width:2rem;height:2rem;border-radius:50%;background:var(--oqg-primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem}.oqg-compact-status{margin-right:1rem;font-size:1.2rem;font-weight:700}.oqg-compact-question{flex:1;font-size:.95rem}.oqg-compact-details{background:#fff;border-radius:var(--oqg-border-radius);padding:1.5rem;border:2px solid #f0f0f0}.oqg-compact-detail{margin-bottom:1.5rem}.oqg-compact-detail:last-child{margin-bottom:0}.oqg-mode-summary h4,.oqg-mode-summary h5{color:var(--oqg-secondary-color);margin:0 0 1rem 0}.oqg-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0;position:relative}.oqg-summary-item{background:#fff;border:2px solid #f0f0f0;border-radius:var(--oqg-border-radius);padding:1.5rem;text-align:center;transition:var(--oqg-transition)}.oqg-summary-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.oqg-summary-label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.oqg-summary-value{display:block;font-size:1.5rem;font-weight:700;color:var(--oqg-primary-color)}.oqg-summary-breakdown{background:#fff;border-radius:var(--oqg-border-radius);padding:1.5rem;border:2px solid #f0f0f0;margin-bottom:2rem}.oqg-breakdown-chart{margin-top:1rem}.oqg-breakdown-bar{display:flex;height:30px;border-radius:15px;overflow:hidden;margin-bottom:1rem;background:#e9ecef}.oqg-bar-correct{background:var(--oqg-success-color);height:100%}.oqg-bar-incorrect{background:var(--oqg-error-color);height:100%}.oqg-breakdown-legend{display:flex;justify-content:center;gap:2rem}.oqg-legend-correct,.oqg-legend-incorrect{display:flex;align-items:center;gap:.5rem}.oqg-legend-correct::before,.oqg-legend-incorrect::before{content:'';display:block;width:15px;height:15px;border-radius:50%}.oqg-legend-correct::before{background:var(--oqg-success-color)}.oqg-legend-incorrect::before{background:var(--oqg-error-color)}.oqg-summary-tips{background:#fff;border-radius:var(--oqg-border-radius);padding:1.5rem;border:2px solid #f0f0f0}.oqg-summary-tips p{margin:0;font-size:1.1rem;line-height:1.5}.oqg-real-time-feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--oqg-border-radius);font-weight:600;font-size:1.1rem;text-align:center;display:block!important;visibility:visible!important;opacity:1!important;animation:fadeInUp 0.3s ease-out;clear:both}.oqg-feedback-correct{background:rgb(70 180 80 / .15);color:var(--oqg-success-color);border:2px solid var(--oqg-success-color)}.oqg-feedback-incorrect{background:rgb(220 50 50 / .15);color:var(--oqg-error-color);border:2px solid var(--oqg-error-color)}.oqg-option.oqg-correct-answer{background:rgb(70 180 80 / .15)!important;border-color:var(--oqg-success-color)!important;border-width:2px!important;box-shadow:0 0 0 2px var(--oqg-success-color)!important}.oqg-option.oqg-incorrect-answer{background:rgb(220 50 50 / .15)!important;border-color:var(--oqg-error-color)!important;border-width:2px!important;box-shadow:0 0 0 2px var(--oqg-error-color)!important}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.oqg-results-actions{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e9ecef;display:flex;justify-content:center;gap:1rem}.oqg-restart-quiz,.oqg-share-results{background:linear-gradient(135deg,var(--oqg-primary-color),var(--oqg-secondary-color));color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--oqg-border-radius);cursor:pointer;transition:var(--oqg-transition)}.oqg-share-results{background:linear-gradient(135deg,#6c757d,#495057)}.oqg-restart-quiz:hover,.oqg-share-results:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 115 170 / .3)}.oqg-share-results:hover{box-shadow:0 4px 15px rgb(108 117 125 / .3)}.oqg-restart-quiz{background:var(--oqg-primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--oqg-border-radius);cursor:pointer;font-size:1rem;transition:var(--oqg-transition)}.oqg-restart-quiz:hover{background:var(--oqg-secondary-color);transform:translateY(-1px)}.oqg-error{background:rgb(220 50 50 / .1);color:var(--oqg-error-color);padding:1rem;border-radius:var(--oqg-border-radius);border:2px solid rgb(220 50 50 / .2);margin:1rem 0;text-align:center}@media (max-width:768px){.oqg-quiz-container{margin:10px;padding:15px;border-radius:10px}.oqg-quiz-title{font-size:1.5rem;margin-bottom:15px}.oqg-question{padding:15px;margin-bottom:15px}.oqg-question-title{font-size:1.1rem;margin-bottom:15px;align-items:flex-start}.oqg-question-number{margin-bottom:.5rem;margin-right:0}.oqg-score-summary{flex-direction:column;gap:1rem}.oqg-score-circle{width:100px;height:100px;font-size:1.3rem}}.oqg-quiz-container{animation:oqg-fadeIn 0.5s ease-out}@keyframes oqg-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.oqg-question{animation:oqg-slideIn 0.3s ease-out forwards;opacity:0;transform:translateX(-20px)}.oqg-question:nth-child(1){animation-delay:0.1s}.oqg-question:nth-child(2){animation-delay:0.2s}.oqg-question:nth-child(3){animation-delay:0.3s}.oqg-question:nth-child(4){animation-delay:0.4s}.oqg-question:nth-child(5){animation-delay:0.5s}@keyframes oqg-slideIn{to{opacity:1;transform:translateX(0)}}