.quiz-builder-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--gap-xl);align-items:start}.quiz-builder-sidebar{position:sticky;top:80px}.quiz-settings-form{display:flex;flex-direction:column;gap:var(--gap-lg)}.quiz-settings-form .form-group{display:flex;flex-direction:column;gap:var(--gap-xs)}.quiz-settings-form label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark)}.quiz-settings-form .form-input-wrap input,.quiz-settings-form textarea{width:100%;padding:.7rem 1rem .7rem 2.6rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-dark);background:var(--color-white);outline:none;transition:border-color .2s;font-family:var(--font-family)}.quiz-settings-form textarea{padding:.7rem 1rem;resize:vertical}.quiz-settings-form .form-input-wrap input:focus,.quiz-settings-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.quiz-settings-form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}.quiz-questions-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.quiz-question-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s}.quiz-question-card:hover{box-shadow:var(--shadow-md)}.quiz-question-card__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem var(--gap-lg);background-color:var(--color-light);border-bottom:1px solid var(--color-border);gap:var(--gap-md)}.quiz-question-card__left{display:flex;align-items:center;gap:var(--gap-sm)}.quiz-question-card__actions{display:flex;align-items:center;gap:var(--gap-md)}.quiz-question-type-badge,.quiz-type-pill{display:inline-flex;align-items:center;gap:4px;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:600}.quiz-type--single{background:#ede9fe;color:var(--color-primary)}.quiz-type--multiple{background:#dbeafe;color:#1d4ed8}.quiz-type--truefalse{background:#dcfce7;color:var(--color-success)}.quiz-type--short{background:#fef9c3;color:var(--color-warning)}.quiz-question-points{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-muted)}.points-input{width:48px;padding:.25rem .4rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;font-family:var(--font-family);outline:none}.points-input:focus{border-color:var(--color-primary)}.quiz-question-card__body{padding:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-md);background-color:var(--color-white)}.quiz-question-card__body .form-group{display:flex;flex-direction:column;gap:var(--gap-xs)}.quiz-question-card__body label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark)}.quiz-question-card__body textarea,.quiz-question-card__body .form-input-wrap input{width:100%;padding:.65rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-dark);background:var(--color-white);outline:none;transition:border-color .2s;font-family:var(--font-family);resize:vertical}.quiz-question-card__body .form-input-wrap input{padding-left:2.6rem}.quiz-question-card__body textarea:focus,.quiz-question-card__body .form-input-wrap input:focus{border-color:var(--color-primary)}.quiz-question-card__save{padding-top:var(--gap-md);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.options-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.option-row{display:flex;align-items:center;gap:var(--gap-sm);background-color:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;transition:border-color .15s}.option-row:hover{border-color:var(--color-primary)}.option-correct{accent-color:var(--color-primary);width:16px;height:16px;flex-shrink:0;cursor:pointer}.option-text{flex:1;border:none;background:none;font-size:var(--font-size-sm);color:var(--color-dark);outline:none;font-family:var(--font-family);padding:0}.truefalse-options{display:flex;gap:var(--gap-md)}.truefalse-label{display:flex;align-items:center;gap:var(--gap-sm);padding:.75rem 1.25rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .15s;flex:1;justify-content:center}.truefalse-label input{display:none}.truefalse-label.selected,.truefalse-label:has(input:checked){border-color:var(--color-primary);background-color:#ede9fe;color:var(--color-primary)}.quiz-body{background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family)}.quiz-topbar{height:60px;background-color:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.quiz-topbar__info{flex:1}.quiz-topbar__info h1{font-size:var(--font-size-base);font-weight:700;color:var(--color-dark);line-height:1.2}.quiz-topbar__info span{font-size:var(--font-size-xs);color:var(--color-muted)}.quiz-topbar__right{display:flex;align-items:center;gap:1rem}.quiz-timer{display:flex;align-items:center;gap:var(--gap-sm);background-color:var(--color-light);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.4rem .9rem;font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark)}.quiz-timer.warning{border-color:var(--color-danger);color:var(--color-danger);background-color:#fee2e2;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quiz-container{flex:1;max-width:720px;width:100%;margin:2rem auto;padding:0 var(--gap-xl) var(--gap-3xl)}.quiz-info-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-sm)}.quiz-info-card__icon{width:72px;height:72px;border-radius:50%;background:#ede9fe;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--gap-lg)}.quiz-info-card h2{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-dark);margin-bottom:var(--gap-sm)}.quiz-info-card__desc{color:var(--color-muted);margin-bottom:var(--gap-xl);max-width:480px;margin-left:auto;margin-right:auto}.quiz-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg);margin:var(--gap-xl) 0}.quiz-info-item{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.quiz-info-item i{font-size:1.25rem;color:var(--color-primary)}.quiz-info-item strong{font-size:var(--font-size-xl);font-weight:800;color:var(--color-dark)}.quiz-info-item span{font-size:var(--font-size-xs);color:var(--color-muted)}.quiz-attempts-note{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--gap-xl);display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.quiz-progress-header{display:flex;align-items:center;gap:var(--gap-lg);margin-bottom:var(--gap-xl)}.quiz-progress-header span{font-size:var(--font-size-sm);color:var(--color-muted);white-space:nowrap}.quiz-progress-bar{flex:1;height:6px;background-color:var(--color-border);border-radius:99px;overflow:hidden}.quiz-progress-bar__fill{height:100%;background-color:var(--color-primary);border-radius:99px;transition:width .4s ease}.quiz-question-slide{display:none;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:var(--gap-xl);box-shadow:var(--shadow-sm);animation:fadeSlide .3s ease}.quiz-question-slide.active{display:block}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-question-slide__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-lg)}.quiz-points-pill{display:inline-flex;align-items:center;gap:4px;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:600;background-color:#fef9c3;color:var(--color-warning)}.quiz-question-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark);line-height:1.5;margin-bottom:var(--gap-xl)}.quiz-hint{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--gap-md)}.quiz-options{display:flex;flex-direction:column;gap:var(--gap-md)}.quiz-options--tf{flex-direction:row;gap:var(--gap-lg)}.quiz-option{display:flex;align-items:center;gap:var(--gap-md);padding:.9rem 1.1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.quiz-option:hover{border-color:var(--color-primary);background-color:#f5f3ff}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{display:none}.quiz-option__box{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;transition:all .15s;position:relative}.quiz-option--checkbox .quiz-option__box{border-radius:var(--radius-sm)}.quiz-option:has(input:checked){border-color:var(--color-primary);background-color:#ede9fe}.quiz-option:has(input:checked) .quiz-option__box{background-color:var(--color-primary);border-color:var(--color-primary)}.quiz-option:has(input:checked) .quiz-option__box:after{content:"";position:absolute;inset:3px;border-radius:50%;background-color:#fff}.quiz-option--checkbox:has(input:checked) .quiz-option__box:after{content:"✓";inset:0;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background:none}.quiz-option--tf{flex:1;justify-content:center;flex-direction:column;text-align:center;padding:1.25rem}.quiz-option__text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark);display:flex;align-items:center;gap:var(--gap-sm)}.quiz-question-slide .form-input-wrap{position:relative}.quiz-question-slide .form-input-wrap i{position:absolute;left:.9rem;color:var(--color-muted);font-size:var(--font-size-sm);pointer-events:none}.quiz-question-slide .form-input-wrap input{width:100%;padding:.85rem 1rem .85rem 2.6rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-dark);outline:none;font-family:var(--font-family);transition:border-color .2s}.quiz-question-slide .form-input-wrap input:focus{border-color:var(--color-primary)}.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);flex-wrap:wrap}.quiz-results{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.quiz-results__header{padding:2.5rem 2rem;text-align:center;color:#fff}.quiz-results__header.passed{background:linear-gradient(135deg,#16a34a,#15803d)}.quiz-results__header.failed{background:linear-gradient(135deg,#dc2626,#b91c1c)}.quiz-results__header i{font-size:3rem;display:block;margin-bottom:var(--gap-md)}.quiz-results__header h2{font-size:var(--font-size-2xl);font-weight:800;color:#fff;margin-bottom:var(--gap-md)}.quiz-results__score{font-size:4rem;font-weight:800;line-height:1;margin-bottom:var(--gap-sm)}.quiz-results__header p{opacity:.85;font-size:var(--font-size-base)}.quiz-results__breakdown{padding:2rem}.quiz-results__breakdown h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-dark);margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--color-border)}.quiz-review-item{padding:var(--gap-md) 0;border-bottom:1px solid var(--color-border)}.quiz-review-item:last-child{border-bottom:none}.quiz-review-item__header{display:flex;align-items:flex-start;gap:var(--gap-sm);font-size:var(--font-size-sm);color:var(--color-dark)}.quiz-review-item.correct .quiz-review-item__header i{color:var(--color-success);flex-shrink:0;margin-top:2px}.quiz-review-item.incorrect .quiz-review-item__header i{color:var(--color-danger);flex-shrink:0;margin-top:2px}.quiz-review-item__header span:first-of-type{flex:1}.quiz-review-pts{font-weight:700;white-space:nowrap;flex-shrink:0}.quiz-review-explanation{margin-top:var(--gap-sm);margin-left:calc(var(--font-size-sm) + var(--gap-sm));font-size:var(--font-size-xs);color:var(--color-muted);display:flex;align-items:flex-start;gap:var(--gap-xs);background-color:var(--color-light);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md)}.quiz-results__actions{padding:var(--gap-xl) 2rem;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--gap-md);flex-wrap:wrap}.hidden{display:none!important}@media(max-width:1024px){.quiz-builder-layout{grid-template-columns:1fr}.quiz-settings-form .form-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.quiz-info-grid{grid-template-columns:repeat(2,1fr)}.quiz-options--tf{flex-direction:column}.quiz-settings-form .form-row{grid-template-columns:1fr}.quiz-container{margin:1rem auto}}