.choice-option-root .option{background-color:var(--color-secondary-100);cursor:pointer;border:1px solid var(--color-secondary-300);border-radius:8px;flex-direction:row;align-items:center;gap:16px;width:100%;margin-top:12px;padding:18px 24px;transition:background-color .2s;display:flex}.choice-option-root .option:hover{background-color:var(--color-secondary-200)}.choice-option-root .option input{width:20px;height:20px;accent-color:var(--color-primary-400);flex-shrink:0}.choice-option-root .option p{color:var(--color-neutral-100);font-size:14px}.choice-option-root .option .correct-pill{margin-left:auto}
.quiz-completed-root{margin-top:16px;padding:0 16px}.quiz-completed-header{justify-content:space-between;align-items:flex-start;display:flex}.quiz-completed-root .quiz-name{color:var(--color-neutral-100);font-size:24px;font-weight:600}.quiz-result-icon{text-align:center;margin:24px 0 8px;font-size:40px}.quiz-scores-wrapper{text-align:center}.quiz-scores-wrapper .title{color:var(--color-neutral-100);font-size:18px;font-weight:600}.quiz-scores-wrapper .your-score{color:var(--color-neutral-100);font-size:32px;font-weight:700}.quiz-scores-wrapper .passing-score{color:var(--color-neutral-400);font-size:14px}.quiz-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.quiz-report{max-width:32rem;margin:32px auto 0}.quiz-report h2{text-align:left;color:var(--color-neutral-400);margin-bottom:16px}.quiz-report .report-item{color:var(--color-neutral-200);align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;display:flex}.quiz-report .report-icon{flex-shrink:0;width:24px}
.quiz-signin-popup{background-color:var(--color-secondary-200);text-align:center;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;gap:20px;max-width:400px;padding:40px;display:flex}.quiz-signin-popup h5{color:var(--color-neutral-100);font-size:18px;font-weight:600}.quiz-signin-btn{background-color:var(--color-primary-400);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:600}
.quiz-content-wrapper-root .quiz-head{padding:0 16px}.quiz-content-wrapper-root .quiz-meta{justify-content:space-between;align-items:center;display:flex}.quiz-content-wrapper-root .quiz-question-count-text{color:var(--color-neutral-200);font-weight:600}.quiz-content-wrapper-root .passing-score-text{color:var(--color-neutral-400);font-size:14px}.quiz-content-wrapper-root .progress-bar-wrapper{background-color:var(--color-secondary-300);border-radius:6px;width:100%;height:8px;margin:8px 0}.quiz-content-wrapper-root .progress-bar-fill{background-color:var(--color-primary-400);border-radius:6px;height:8px;transition:width .5s ease-in-out}.quiz-content-wrapper-root .quiz-name{color:var(--color-neutral-100);margin-top:16px;font-size:24px;font-weight:600}.quiz-content-wrapper-root .quiz-body{flex-direction:column;align-items:center;padding:20px 16px;display:flex}.quiz-content-wrapper-root .quiz-question-block,.quiz-content-wrapper-root .quiz-options{width:100%;max-width:28rem}.quiz-content-wrapper-root .question-type-text{text-align:left;color:var(--color-neutral-400);font-size:13px}.quiz-content-wrapper-root .question{color:var(--color-neutral-100);margin-top:6px;font-size:18px;font-weight:600}.quiz-content-wrapper-root .quiz-image{border-radius:8px;width:100%;margin:12px 0}.quiz-content-wrapper-root .explanation{color:var(--color-neutral-200);background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);border-radius:8px;margin:8px 0;padding:10px 12px;font-size:14px}.quiz-content-wrapper-root .explanation.correct{border-color:var(--color-success-400)}.quiz-content-wrapper-root .explanation.incorrect{border-color:var(--color-error-200)}.quiz-content-wrapper-root .quiz-nav{justify-content:space-between;width:100%;max-width:28rem;margin-top:32px;display:flex}