.category-tile.is-active{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.quiz-card{display:block;position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease}.quiz-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-hero);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.quiz-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quiz-card:hover::before{transform:scaleX(1)}.quiz-card-top{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.quiz-card h3{margin:0 0 var(--space-2);font-size:1.05rem;color:var(--color-ink);line-height:1.4}.quiz-card .excerpt{color:var(--color-ink-muted);font-size:.88rem;line-height:1.65;margin:0 0 var(--space-4)}.quiz-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-ink-muted)}.quiz-card-cta{color:var(--color-primary);font-weight:700;display:inline-flex;align-items:center;gap:4px;transition:gap 0.2s ease}.quiz-card:hover .quiz-card-cta{gap:8px}.quiz-intro-card{text-align:center;padding:0;overflow:hidden}.quiz-intro-hero{background:var(--gradient-hero);padding:var(--space-7) var(--space-5) var(--space-6);color:#fff;position:relative}.quiz-intro-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgb(255 255 255 / .12),transparent 45%),radial-gradient(circle at 85% 80%,rgb(255 255 255 / .08),transparent 40%);pointer-events:none}.quiz-intro-hero .icon-badge{background:rgb(255 255 255 / .16)!important;color:#fff;position:relative}.quiz-intro-hero .badge{background:rgb(255 255 255 / .18);color:#fff;border:none}.quiz-intro-hero h1{margin:var(--space-3) 0 0;color:#fff;position:relative}.quiz-intro-hero .lead{color:rgb(255 255 255 / .88);margin:var(--space-2) 0 0;position:relative}.quiz-intro-body{padding:var(--space-6) var(--space-5)}.quiz-meta-grid{display:flex;justify-content:center;gap:var(--space-7);margin-bottom:var(--space-6);flex-wrap:wrap}.quiz-meta-grid>div{display:flex;flex-direction:column;align-items:center}.quiz-meta-grid .num{font-size:1.8rem;font-weight:800;color:var(--color-primary);line-height:1.1}.quiz-meta-grid .label{font-size:.82rem;color:var(--color-ink-muted);display:flex;align-items:center;gap:4px;justify-content:center;margin-top:4px}.quiz-take-header{margin-bottom:var(--space-5);position:sticky;top:0;background:var(--color-surface-alt);padding:var(--space-4) 0 var(--space-3);z-index:5;border-bottom:1px solid var(--color-border)}.quiz-take-header-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.quiz-take-header h1{margin:0;font-size:1.2rem}.quiz-timer{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1.05rem;color:var(--color-primary);background:var(--color-primary-light);padding:7px 14px;border-radius:var(--radius-full);flex-shrink:0;font-variant-numeric:tabular-nums}.quiz-timer.is-urgent{color:var(--color-accent);background:var(--color-accent-light);animation:quizTimerPulse 1s infinite}@keyframes quizTimerPulse{50%{opacity:.6}}.quiz-progress-row{display:flex;align-items:center;gap:var(--space-3)}.quiz-progress-track{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;width:0%;background:var(--gradient-hero);border-radius:var(--radius-full);transition:width 0.4s cubic-bezier(.34,1.56,.64,1)}.quiz-progress-text{font-size:.8rem;font-weight:700;color:var(--color-ink-muted);white-space:nowrap}.quiz-question-card{margin-bottom:var(--space-4);border:1px solid var(--color-border);transition:border-color 0.3s ease,box-shadow 0.3s ease}.quiz-question-card.is-correct:not(.quiz-review-card){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.quiz-question-card.is-wrong:not(.quiz-review-card){border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.quiz-question-num{font-size:.78rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.quiz-question-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-size:.75rem;flex-shrink:0}.quiz-question-text{font-size:1.08rem;font-weight:600;color:var(--color-ink);margin:0 0 var(--space-4);line-height:1.65}.quiz-options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color 0.18s ease,background 0.18s ease,transform 0.15s ease}.quiz-option:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateX(3px)}.quiz-option:active{transform:translateX(3px) scale(.99)}.quiz-option input[type="radio"]{accent-color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.quiz-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.quiz-option-key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-surface-alt);font-weight:700;font-size:.8rem;flex-shrink:0;transition:background 0.18s ease,color 0.18s ease,transform 0.25s cubic-bezier(.34,1.56,.64,1)}.quiz-submit-bar{margin-top:var(--space-5);text-align:center}.quiz-question-card.is-pending{opacity:.65}.quiz-option input[type="radio"]:disabled{cursor:default}.quiz-question-card.is-answered .quiz-option{cursor:default;transform:none!important}.quiz-question-card.is-answered .quiz-option:hover{border-color:var(--color-border);background:none;transform:none}.quiz-question-card.is-answered .quiz-option:has(input:checked):hover{background:var(--color-primary-light)}.quiz-option.is-correct-answer{border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600;animation:quizOptionPop 0.35s cubic-bezier(.34,1.56,.64,1)}.quiz-option.is-correct-answer .quiz-option-key{background:var(--color-primary);color:#fff}.quiz-option.is-correct-answer .quiz-option-mark:empty::after{content:"✓";color:var(--color-primary);font-weight:800;margin-left:auto;animation:quizMarkPop 0.4s cubic-bezier(.34,1.56,.64,1);display:inline-block}.quiz-option.is-wrong-answer{border-color:var(--color-accent);background:var(--color-accent-light);animation:quizOptionShake 0.4s ease}.quiz-option.is-wrong-answer .quiz-option-key{background:var(--color-accent);color:#fff}.quiz-option.is-wrong-answer .quiz-option-mark:empty::after{content:"✗";color:var(--color-accent);font-weight:800;margin-left:auto;animation:quizMarkPop 0.4s cubic-bezier(.34,1.56,.64,1);display:inline-block}.quiz-option-mark{margin-left:auto}@keyframes quizOptionPop{0%{transform:scale(1)}40%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes quizOptionShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes quizMarkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}100%{transform:scale(1)}}.quiz-feedback:empty{display:none}.quiz-feedback{margin-top:var(--space-4);animation:quizFeedbackIn 0.35s ease}@keyframes quizFeedbackIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.quiz-feedback-badge{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;padding:5px 14px;border-radius:var(--radius-full)}.quiz-feedback-badge.is-correct{background:var(--color-primary-light);color:var(--color-primary)}.quiz-feedback-badge.is-wrong{background:var(--color-accent-light);color:var(--color-accent)}.quiz-explanation-inline{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);font-size:.85rem;line-height:1.65;color:var(--color-ink-muted)}.quiz-explanation-inline strong{color:var(--color-ink)}.quiz-result-card{text-align:center;padding:var(--space-7) var(--space-5);overflow:hidden;position:relative}.quiz-score-ring-wrap{position:relative;width:168px;height:168px;margin:0 auto var(--space-5)}.quiz-score-ring{width:100%;height:100%;transform:rotate(-90deg)}.quiz-score-ring-bg{fill:none;stroke:var(--color-border);stroke-width:10}.quiz-score-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke 0.4s ease}.quiz-score-ring-fill.is-good{stroke:var(--color-primary)}.quiz-score-ring-fill.is-mid{stroke:var(--color-urgency-soon)}.quiz-score-ring-fill.is-low{stroke:var(--color-accent)}.quiz-score-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.1rem;font-weight:800;color:var(--color-ink)}.quiz-score-ring-label small{font-size:1.1rem;font-weight:700;margin-left:2px;color:var(--color-ink-muted)}.quiz-result-message{font-size:1.05rem;font-weight:700;color:var(--color-ink);margin:0 0 var(--space-2)}.quiz-result-card .lead{color:var(--color-ink-muted);margin-bottom:var(--space-5)}.quiz-confetti-piece{position:fixed;top:-20px;width:8px;height:14px;border-radius:2px;pointer-events:none;z-index:999;animation:quizConfettiFall linear forwards}@keyframes quizConfettiFall{to{transform:translateY(105vh) rotate(540deg);opacity:.3}}.quiz-review-card{transition:border-color 0.2s ease}.quiz-review-card.is-correct{border-left:4px solid var(--color-primary)}.quiz-review-card.is-wrong{border-left:4px solid var(--color-accent)}.quiz-review-badge{font-size:.72rem;font-weight:700;padding:3px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.quiz-review-badge.is-correct{background:var(--color-primary-light);color:var(--color-primary)}.quiz-review-badge.is-wrong{background:var(--color-accent-light);color:var(--color-accent)}.quiz-option-static{cursor:default;justify-content:flex-start}.quiz-option-static:hover{border-color:var(--color-border);background:none;transform:none}.quiz-option-static.is-correct-answer{border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.quiz-option-static.is-wrong-answer{border-color:var(--color-accent);background:var(--color-accent-light)}.quiz-option-mark{margin-left:auto;color:var(--color-primary)}.quiz-explanation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);font-size:.88rem;line-height:1.65;color:var(--color-ink-muted)}.quiz-explanation strong{color:var(--color-ink)}@media (prefers-reduced-motion:reduce){.quiz-option,.quiz-progress-fill,.quiz-score-ring-fill,.quiz-card,.quiz-feedback{transition:none!important;animation:none!important}}