*,*:before,*:after{box-sizing:border-box}body{background:#f6f7f9;color:#1c1e21;font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;min-height:100vh}.quiz-page{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem}.quiz-topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.quiz-topbar a,.quiz-topbar button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1.5px solid #d0d5dd;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;background:#fff;color:#374151;transition:background .15s}.quiz-topbar a:hover,.quiz-topbar button:hover{background:#e9ecef}.quiz-page h1{font-size:1.9rem;font-weight:700;color:#111827;margin:0 0 .3rem}.quiz-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 .5rem}.quiz-instructions{color:#374151;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;padding:.75rem 1rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0}.set-selector{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.75rem}.set-tab{padding:.45rem .9rem;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;color:#374151;transition:all .15s}.set-tab:hover{background:#f3f4f6}.set-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.question-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;transition:box-shadow .15s}.question-card:hover{box-shadow:0 2px 8px #00000014}.question-card.correct{background:#f0fdf4;border-color:#22c55e}.question-card.incorrect{background:#fef2f2;border-color:#ef4444}.question-number{display:inline-block;background:#2563eb;color:#fff;padding:.2rem .75rem;border-radius:20px;font-size:.82rem;font-weight:700;margin-bottom:.6rem}.question-text{font-size:1.5rem;font-weight:700;color:#111827;margin:.5rem 0 .75rem;font-family:Courier New,monospace}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.75rem}.option-input{display:none}.option-label{display:block;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem .5rem;cursor:pointer;text-align:center;font-size:1.2rem;font-weight:700;color:#374151;transition:all .15s}.option-label:hover{background:#eff6ff;border-color:#3b82f6}.option-input:checked+.option-label{background:#2563eb;color:#fff;border-color:#2563eb}.option-label.correct-answer{background:#16a34a;color:#fff;border-color:#16a34a}.option-label.wrong-answer{background:#dc2626;color:#fff;border-color:#dc2626}.option-input:checked+.option-label.correct-answer{background:#15803d;border-color:#15803d}.option-input:checked+.option-label.wrong-answer{background:#b91c1c;border-color:#b91c1c}.button-group{display:flex;gap:.75rem;justify-content:center;margin-top:1.75rem;flex-wrap:wrap}.action-button{padding:.7rem 1.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;min-width:140px}.check-button{background:#2563eb;color:#fff}.reset-button{background:#6b7280;color:#fff}.retry-button{background:#d97706;color:#fff}.action-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.score-container{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:1.75rem;margin-top:1.75rem;text-align:center}.score-display{font-size:2.8rem;font-weight:800;margin:.5rem 0}.score-excellent{color:#16a34a}.score-good{color:#2563eb}.score-fair{color:#d97706}.score-needs-practice{color:#dc2626}.score-message{font-size:1.2rem;color:#374151;font-weight:600;margin:.5rem 0}.quiz-info-title{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:.25rem}.hidden{display:none!important}.alert-message{background:#fefce8;color:#854d0e;border:1.5px solid #fbbf24;border-radius:8px;padding:.75rem 1rem;margin-top:.75rem;text-align:center;font-size:.95rem;font-weight:600}.progress-indicator{background:#eff6ff;color:#1d4ed8;border:1.5px solid #93c5fd;border-radius:8px;padding:.6rem 1rem;margin-bottom:1.25rem;text-align:center;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.clear-progress-btn{background:#dc2626;color:#fff;padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:.75rem}.clear-progress-btn:hover{filter:brightness(1.1)}@media(max-width:640px){.options{grid-template-columns:repeat(2,1fr)}.set-tab{padding:.4rem .65rem;font-size:.8rem}.quiz-page h1{font-size:1.4rem}.question-text{font-size:1.1rem}}