.quiz-progress-wrap{position:sticky;top:64px;z-index:10;background:linear-gradient(180deg,var(--color-bg-primary),rgba(10,15,26,.95));padding:16px 0 12px;margin-bottom:32px}.quiz-progress-bar{height:4px;border-radius:2px;background:var(--color-border);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-accent);border-radius:2px;width:0%;transition:width .4s ease}.quiz-progress-text{font-size:.78rem;color:var(--color-text-secondary);font-weight:600;letter-spacing:.06em;margin-top:8px;text-align:right}.quiz-card{border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-secondary);padding:36px 32px;animation:quizFadeIn .35s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--color-accent);margin:0 0 10px;font-weight:700}.quiz-question{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);line-height:1.5;margin:0 0 28px}.quiz-options{display:grid;gap:10px}.quiz-option{display:block;width:100%;text-align:left;padding:14px 18px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.95rem;line-height:1.55;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;font-family:var(--font-sans)}.quiz-option:hover:not(.quiz-locked){border-color:var(--color-accent);box-shadow:0 0 16px #22d3ee1a;background:#22d3ee0a}.quiz-option.quiz-correct{border-color:var(--color-accent-green)!important;background:#34d3991f!important;opacity:1!important}.quiz-option.quiz-wrong{border-color:#ef4444!important;background:#ef44441a!important;opacity:1!important}.quiz-option.quiz-locked{cursor:default;opacity:.4}.quiz-feedback{margin-top:20px;padding:16px 18px;border-radius:12px;font-size:.9rem;line-height:1.6;color:var(--color-text-primary);display:none}.quiz-feedback.quiz-fb-correct{background:#34d39914;border:1px solid rgba(52,211,153,.2);display:block}.quiz-feedback.quiz-fb-wrong{background:#ef44440f;border:1px solid rgba(239,68,68,.2);display:block}.quiz-fb-label{font-weight:800;margin:0 0 4px}.quiz-fb-body{margin:0;color:var(--color-text-secondary)}.quiz-fb-correct .quiz-fb-label{color:var(--color-accent-green)}.quiz-fb-wrong .quiz-fb-label{color:#ef4444}.quiz-next{display:none;margin-top:24px;padding:11px 26px;border-radius:999px;border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s;font-family:var(--font-sans)}.quiz-next:hover{background:var(--color-accent);color:var(--color-bg-primary)}.quiz-next.quiz-visible{display:inline-block}.quiz-results{text-align:center;animation:quizFadeIn .5s ease}.quiz-ring-wrap{width:180px;height:180px;margin:36px auto;position:relative}.quiz-ring-wrap svg{transform:rotate(-90deg)}.quiz-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.quiz-ring-fill{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.2s ease}.quiz-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:800;color:var(--color-text-primary)}.quiz-breakdown{display:flex;justify-content:center;gap:48px;margin:28px 0 40px}.quiz-breakdown-num{font-size:1.8rem;font-weight:800;color:var(--color-text-primary)}.quiz-breakdown-label{font-size:.72rem;color:var(--color-text-secondary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.quiz-retry{display:inline-flex;align-items:center;gap:8px;padding:13px 36px;border-radius:999px;border:none;background:var(--color-accent);color:var(--color-bg-primary);font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s;font-family:var(--font-sans)}.quiz-retry:hover{opacity:.85}.quiz-verdict{color:var(--color-text-secondary);font-size:.95rem;max-width:420px;margin:0 auto 32px;line-height:1.65}.quiz-header-title{font-size:2.2rem;font-weight:800;color:var(--color-text-primary);margin:0 0 6px}.quiz-header-sub{font-size:.92rem;color:var(--color-text-secondary);margin:0}@media(max-width:640px){.quiz-card{padding:24px 18px}.quiz-question{font-size:1.05rem}.quiz-option{padding:12px 14px;font-size:.9rem}.quiz-header-title{font-size:1.7rem}}