.quiz-container{max-width:680px;margin:0 auto;padding:1.5rem}.quiz-intro{text-align:center;margin-bottom:2.5rem}.quiz-intro h2{margin-bottom:.5rem;font-size:1.8rem}.quiz-intro p{color:var(--text-secondary)}.count-picker{justify-content:center;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.count-picker label{color:var(--text-secondary);font-size:.85rem}.count-picker input{text-align:center;width:100px}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.difficulty-btn{color:var(--text-primary);cursor:pointer;background:#141e1480;border:1px solid #78b82a1f;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;font-family:inherit;transition:all .3s;display:flex}.difficulty-btn:hover{border-color:var(--accent-color);background:#78b82a0f;transform:translateY(-2px);box-shadow:0 8px 24px #78b82a1a}.diff-emoji{font-size:2rem}.diff-label{letter-spacing:.5px;font-size:1.1rem;font-weight:600}.diff-desc{color:var(--text-secondary);text-align:center;font-size:.75rem;line-height:1.4}.quiz-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}.spinner{border:3px solid #78b82a33;border-top-color:var(--accent-color);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.progress-wrapper{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.progress-track{background:#ffffff0f;border-radius:4px;flex:1;height:5px;overflow:hidden}.progress-fill{background:var(--accent-color);border-radius:4px;width:20%;height:100%;transition:width .4s}#progressLabel{color:var(--text-secondary);white-space:nowrap;letter-spacing:1px;font-size:.8rem}.question-card{background:#141e1499;border:1px solid #78b82a1f;border-radius:16px;margin-bottom:1.5rem;padding:2rem;position:relative}.q-number{background:var(--accent-color);color:#0a0f0a;letter-spacing:1px;border-radius:6px;padding:2px 10px;font-size:.7rem;font-weight:700;position:absolute;top:-10px;left:1.5rem}.q-text{margin:0;font-size:1.15rem;line-height:1.6}.options-grid{flex-direction:column;gap:.65rem;display:flex}.quiz-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.25rem;font-family:inherit;font-size:.95rem;transition:all .25s;display:block}.quiz-option:hover:not(:disabled){border-color:var(--accent-color);background:#78b82a0f}.quiz-option.correct{background:#4ade801f;border-color:#4ade80;box-shadow:0 0 12px #4ade801a}.quiz-option.wrong{background:#f871711f;border-color:#f87171}.quiz-option:disabled{cursor:default;opacity:.85}.results-card{text-align:center;background:#141e1480;border:1px solid #78b82a1f;border-radius:20px;padding:3rem 2rem;animation:.4s fadeIn}.result-emoji{margin-bottom:.5rem;font-size:3.5rem;display:block}.results-card h2{margin-bottom:1rem;font-size:1.6rem}.result-score{color:var(--accent-color);font-size:2.5rem;font-weight:700}.result-percent{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=600px){.difficulty-grid{grid-template-columns:1fr}}