.quiz-header-glass{background:linear-gradient(135deg,#fffffffa,#eef2fff2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(99,102,241,.1);box-shadow:0 4px 30px #6366f10a,0 1px 3px #00000005}.dark .quiz-header-glass{background:linear-gradient(135deg,#12121cfa,#0f0f19f2);border-bottom:1px solid rgba(99,102,241,.15);box-shadow:0 4px 30px #0006,0 1px 3px #6366f10d}.quiz-sidebar{background:linear-gradient(180deg,#fafbfc,#f5f7f9);border-right:1px solid rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark .quiz-sidebar{background:linear-gradient(180deg,#12121afa,#0d0d14fa);border-right:1px solid rgba(255,255,255,.05)}.quiz-sidebar-header{background:linear-gradient(180deg,#fffc,#fafbfc66)}.dark .quiz-sidebar-header{background:linear-gradient(180deg,rgba(22,22,32,.8) 0%,transparent 100%)}.quiz-sidebar-footer{border-top:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#fafbfcb8,#f4f7faf5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .quiz-sidebar-footer{border-top-color:#ffffff0d;background:linear-gradient(180deg,#0c0c149e,#0a0a12f5)}.quiz-sidebar-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quiz-sidebar-status-tag{display:inline-flex;align-items:center;gap:.55rem;width:100%;border-radius:.95rem;border:1px solid rgba(148,163,184,.2);background:#ffffffb8;color:#475569;padding:.65rem .75rem;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.quiz-sidebar-status-tag:hover{transform:translateY(-1px);border-color:#6366f12e;background:#ffffffe6}.quiz-sidebar-status-tag:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f12e}.quiz-sidebar-status-tag.is-active{box-shadow:0 14px 30px -24px #0f172a6b}.quiz-sidebar-status-marker{width:10px;height:10px;flex-shrink:0;border-radius:3px;background:#cbd5e1;border:1px solid rgba(255,255,255,.96);box-shadow:0 0 0 1px #94a3b824}.quiz-sidebar-status-label{flex:1;min-width:0;font-size:12px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-sidebar-status-count{font-size:12px;font-weight:700;letter-spacing:-.01em;color:inherit;opacity:.9}.quiz-sidebar-status-tag--all .quiz-sidebar-status-marker{background:transparent;border-color:#94a3b885;box-shadow:none}.quiz-sidebar-status-tag--all.is-active{border-color:#94a3b866;background:#fffffff0;color:#0f172a}.quiz-sidebar-status-tag--unanswered{color:#64748b}.quiz-sidebar-status-tag--unanswered .quiz-sidebar-status-marker{background:#94a3b8}.quiz-sidebar-status-tag--unanswered.is-active{border-color:#64748b52;background:#f1f5f9f2;color:#334155}.quiz-sidebar-status-tag--answered{color:#047857}.quiz-sidebar-status-tag--answered .quiz-sidebar-status-marker{background:#10b981}.quiz-sidebar-status-tag--answered.is-active{border-color:#10b98152;background:#ecfdf5f5;color:#065f46}.quiz-sidebar-status-tag--flagged{color:#b45309}.quiz-sidebar-status-tag--flagged .quiz-sidebar-status-marker{background:#f59e0b}.quiz-sidebar-status-tag--flagged.is-active{border-color:#f59e0b57;background:#fffbebf5;color:#92400e}.dark .quiz-sidebar-status-tag{border-color:#6366f11f;background:#101018e6;color:#dbe4ff}.dark .quiz-sidebar-status-tag:hover{border-color:#818cf833;background:#13131efa}.dark .quiz-sidebar-status-tag:focus-visible{box-shadow:0 0 0 2px #818cf838}.dark .quiz-sidebar-status-tag.is-active{box-shadow:0 16px 30px -26px #0f172ad1}.dark .quiz-sidebar-status-marker{border-color:#0f172ae6;box-shadow:0 0 0 1px #3341555c}.dark .quiz-sidebar-status-tag--all .quiz-sidebar-status-marker{background:transparent;border-color:#94a3b899;box-shadow:none}.dark .quiz-sidebar-status-tag--all.is-active{border-color:#94a3b838;background:#1e293bd6;color:#f8fafc}.dark .quiz-sidebar-status-tag--unanswered{color:#cbd5e1}.dark .quiz-sidebar-status-tag--unanswered .quiz-sidebar-status-marker{background:#64748b}.dark .quiz-sidebar-status-tag--unanswered.is-active{border-color:#94a3b838;background:#1e293bd6;color:#f8fafc}.dark .quiz-sidebar-status-tag--answered{color:#6ee7b7}.dark .quiz-sidebar-status-tag--answered .quiz-sidebar-status-marker{background:#34d399}.dark .quiz-sidebar-status-tag--answered.is-active{border-color:#34d39947;background:#064e3b57;color:#d1fae5}.dark .quiz-sidebar-status-tag--flagged{color:#fbbf24}.dark .quiz-sidebar-status-tag--flagged .quiz-sidebar-status-marker{background:#f59e0b}.dark .quiz-sidebar-status-tag--flagged.is-active{border-color:#f59e0b4d;background:#78350f57;color:#fde68a}.quiz-sidebar-btn-compact{position:relative}.quiz-sidebar-btn-compact:hover{transform:translateY(-1px)}.quiz-section-btn{background:#6366f10a;transition:all .15s ease}.quiz-section-btn:hover,.dark .quiz-section-btn{background:#6366f114}.dark .quiz-section-btn:hover{background:#6366f11f}.quiz-progress-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#6366f11a;color:#6366f1}.dark .quiz-progress-badge{background:#6366f133;color:#a5b4fc}.quiz-question-item{position:relative}.quiz-sidebar .quiz-question-item,.quiz-sidebar .quiz-question-label{font-size:.95rem;font-weight:500;letter-spacing:-.012em}.quiz-sidebar .quiz-question-label--compact{font-size:.875rem}.quiz-question-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:1px;transition:height .2s ease}.quiz-question-item:hover:before,.quiz-question-item[class*=bg-indigo]:before{height:60%}.quiz-question-text{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-weight:500;letter-spacing:-.01em;line-height:1.6}.quiz-q-badge{transition:all .15s ease}.quiz-question-card{background:linear-gradient(145deg,#fff,#fafaff);border:1px solid rgba(99,102,241,.08);box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -5px #0000000a,0 0 0 1px #00000005;transition:box-shadow .3s ease,transform .2s ease}.dark .quiz-question-card{background:linear-gradient(145deg,#161620,#101018);border:1px solid rgba(99,102,241,.12);box-shadow:0 4px 6px -1px #00000040,0 10px 20px -5px #0003,0 0 0 1px #6366f10d,inset 0 1px #ffffff05}.quiz-option{position:relative;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.quiz-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f10f,#8b5cf60a);opacity:0;transition:opacity .25s ease}.quiz-option:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 25px #6366f11f,0 4px 12px #0000000a}.quiz-option:hover:before{opacity:1}.quiz-option.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f114,#8b5cf60d);box-shadow:0 0 0 4px #6366f11f,0 8px 25px #6366f12e,inset 0 0 20px #6366f108}.dark .quiz-option{background:linear-gradient(135deg,#161620,#12121c);border-color:#6366f126}.dark .quiz-option:hover{border-color:#6366f166;box-shadow:0 8px 25px #6366f126,0 4px 12px #00000040}.dark .quiz-option.selected{border-color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf61a);box-shadow:0 0 0 4px #6366f126,0 8px 25px #6366f133,inset 0 0 30px #6366f10d}.quiz-option-letter{background:linear-gradient(135deg,#eef2ff,#e0e7ff);font-weight:700;transition:all .25s ease;border:1px solid rgba(99,102,241,.1)}.quiz-option:hover .quiz-option-letter{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#6366f133}.quiz-option.selected .quiz-option-letter{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f166,inset 0 1px #fff3}.dark .quiz-option-letter{background:linear-gradient(135deg,#6366f126,#8b5cf61a);color:#a5b4fc;border-color:#6366f133}.dark .quiz-option:hover .quiz-option-letter{background:linear-gradient(135deg,#6366f140,#8b5cf626)}.dark .quiz-option.selected .quiz-option-letter{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.quiz-timer{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.05em;padding:.5rem 1rem;border-radius:.75rem;transition:all .3s ease}.quiz-timer-normal{color:#374151;background:linear-gradient(135deg,#6366f114,#8b5cf60a);border:1px solid rgba(99,102,241,.15)}.quiz-timer-warning{color:#b45309;background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid rgba(245,158,11,.3);animation:timer-pulse-warning 1.5s ease-in-out infinite}.quiz-timer-danger{color:#dc2626;background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid rgba(239,68,68,.4);animation:timer-pulse-danger .6s ease-in-out infinite;box-shadow:0 0 20px #ef444433}.dark .quiz-timer-normal{color:#c4b5fd;background:linear-gradient(135deg,#6366f126,#8b5cf614);border-color:#6366f140}.dark .quiz-timer-warning{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d977061a);border-color:#f59e0b66}.dark .quiz-timer-danger{color:#f87171;background:linear-gradient(135deg,#ef444433,#dc26261f);border-color:#ef444480;box-shadow:0 0 25px #ef444440}@keyframes timer-pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes timer-pulse-danger{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ef444433}50%{opacity:.9;transform:scale(1.03);box-shadow:0 0 30px #ef444466}}.quiz-progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.quiz-progress-ring-bg{stroke:#e0e7ff}.quiz-progress-ring-fill{stroke:url(#quiz-progress-gradient);stroke-linecap:round;transition:stroke-dashoffset .3s ease}@supports not (stroke: url(#quiz-progress-gradient)){.quiz-progress-ring-fill{stroke:#6366f1}}.dark .quiz-progress-ring-bg{stroke:#6366f133}.quiz-question-meta-row>*{max-width:100%}.quiz-question-pill{display:inline-flex;align-items:center;border-radius:9999px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(135deg,#eef2fff5,#f8fafcfa);color:#4338ca;box-shadow:0 10px 22px -20px #6366f17a;border:1px solid rgba(99,102,241,.16)}.dark .quiz-question-pill{background:linear-gradient(135deg,#312e81d1,#1e293bf5);color:#ddd6fe;border-color:#6366f147;box-shadow:0 12px 28px -24px #020617b3}.quiz-question-meta-chip{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;border:1px solid rgba(203,213,225,.9);background:#fffffff5;color:#475569;box-shadow:0 12px 24px -24px #0f172a38}.dark .quiz-question-meta-chip{border-color:#475569b8;background:#0f172ad1;color:#e2e8f0;box-shadow:0 12px 24px -24px #020617c7}.quiz-question-meta-chip--accent{border-color:#6366f129;background:linear-gradient(135deg,#eef2fff2,#e0e7ffe6);color:#4338ca}.dark .quiz-question-meta-chip--accent{border-color:#818cf842;background:linear-gradient(135deg,#4f46e52e,#4338ca1f);color:#c4b5fd}.quiz-question-meta-chip--warning{border-color:#f59e0b38;background:linear-gradient(135deg,#fffbebfc,#fef3c7f0);color:#b45309}.dark .quiz-question-meta-chip--warning{border-color:#f59e0b47;background:linear-gradient(135deg,#78350f4d,#92400e2e);color:#fcd34d}.quiz-mode-summary,.quiz-practice-summary{width:100%}.quiz-mode-summary--floating,.quiz-practice-summary--floating{position:fixed;right:1rem;z-index:40;width:min(calc(100vw - 1.5rem),18rem)}.quiz-mode-summary__card,.quiz-practice-summary__card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:#ffffffeb;padding:.625rem .75rem;box-shadow:0 12px 28px -24px #0f172a29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dark .quiz-mode-summary__card,.dark .quiz-practice-summary__card{border-color:#47556973;background:#0f172ae6;box-shadow:0 14px 30px -24px #020617b3}.quiz-mode-summary__icon,.quiz-practice-summary__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.95rem;height:1.95rem;border-radius:.875rem}.quiz-mode-summary__stat,.quiz-practice-summary__stat{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9999px;padding:.35rem .65rem;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}@media(max-width:639px){.quiz-question-pill,.quiz-question-meta-chip{min-height:1.875rem}.quiz-mode-summary__card,.quiz-practice-summary__card{border-radius:.9rem;padding:.55rem .7rem}.quiz-mode-summary__icon,.quiz-practice-summary__icon{width:1.85rem;height:1.85rem}.quiz-mode-summary__stat,.quiz-practice-summary__stat{padding:.32rem .58rem}}.quiz-question-section-banner{background:linear-gradient(135deg,#f8fafcfa,#fffffffa 58%,#f1f5f9fa);border-color:#94a3b829}.dark .quiz-question-section-banner{background:linear-gradient(135deg,#111827f5,#0f172afa 58%,#1e293bf0);border-color:#47556985}.quiz-question-prompt-card{border:0;background:transparent;padding:0 .15rem;box-shadow:none;border-radius:0}.dark .quiz-question-prompt-card{border:0;background:transparent;box-shadow:none}.quiz-question-guidance{color:#475569;border:1px solid rgba(203,213,225,.96);background:#fffffff0}.dark .quiz-question-guidance{color:#e2e8f0;border-color:#475569ad;background:#0f172ad1}@media(min-width:1024px){.quiz-question-section-banner{background:linear-gradient(180deg,#f8fafcfa,#f1f5f9f5);border-color:#cbd5e1e0;box-shadow:none}.dark .quiz-question-section-banner{background:#0f172af0;border-color:#47556985}.quiz-question-guidance{border-color:#cbd5e1e0;background:#f8fafcf0}.dark .quiz-question-guidance{border-color:#4755699e;background:#0f172ad6}}.quiz-sidebar-btn{transition:all .15s ease;position:relative}.quiz-sidebar-btn:hover{transform:translateY(-1px)}.quiz-sidebar-btn.active{box-shadow:0 0 0 2px #6366f14d}.quiz-nav-btn{position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.quiz-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.quiz-nav-btn:hover:before{left:100%}.quiz-nav-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.quiz-nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f140}.quiz-nav-btn:hover:after{opacity:1}.quiz-nav-btn:active{transform:scale(.98) translateY(0)}.quiz-submit-btn{background:linear-gradient(135deg,#10b981,#059669,#047857);box-shadow:0 4px 14px #10b98159,0 2px 6px #05966933,inset 0 1px #ffffff26;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.quiz-submit-btn:hover{box-shadow:0 8px 25px #10b98173,0 4px 12px #0596694d,inset 0 1px #fff3;transform:translateY(-2px)}.quiz-submit-btn:hover:before{left:100%}.quiz-submit-btn:active{transform:scale(.98) translateY(0);box-shadow:0 2px 8px #10b9814d,inset 0 2px 4px #0000001a}.quiz-hint-card{background:linear-gradient(135deg,#fefce8,#fef3c7,#fef9c3);border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 12px #fbbf2426,inset 0 1px #fffc}.dark .quiz-hint-card{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid rgba(251,191,36,.25);box-shadow:0 4px 12px #fbbf241a,inset 0 1px #ffffff08}.quiz-section-header{background:#6366f10f;border-radius:8px;transition:all .15s ease}.quiz-section-header:hover,.dark .quiz-section-header{background:#6366f11a}.dark .quiz-section-header:hover{background:#6366f126}.quiz-legend-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:.375rem}.quiz-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.quiz-legend-dot.answered{background:#10b981}.quiz-legend-dot.flagged{background:#f59e0b}.quiz-legend-dot.unanswered{background:#d1d5db}.dark .quiz-legend-dot.unanswered{background:#4b5563}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.quiz-checkmark{animation:checkmark-pop .3s cubic-bezier(.34,1.56,.64,1)}.quiz-content-area{animation:quiz-fade-in .25s ease-out}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-focus-mode{box-shadow:inset 0 0 150px #6366f108;background:linear-gradient(180deg,rgba(238,242,255,.3) 0%,transparent 30%)}.dark .quiz-focus-mode{box-shadow:inset 0 0 150px #6366f10d;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,transparent 30%)}.quiz-sidebar-btn.active{box-shadow:0 0 0 2px #6366f166}.quiz-fab{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f166,0 2px 6px #8b5cf64d,inset 0 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1)}.quiz-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #6366f180,0 4px 12px #8b5cf666}.quiz-fab:active{transform:scale(.95)}@keyframes answer-selected{0%{transform:scale(1)}15%{transform:scale(.97)}30%{transform:scale(1.02)}50%{transform:scale(.99)}to{transform:scale(1)}}.quiz-option.just-selected{animation:answer-selected .4s cubic-bezier(.4,0,.2,1)}
