.reaction-quiz{background-color:#000;color:#fff;padding:100px;border-radius:10px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background-color:#000;max-width:1000px;margin:0 auto}.figure-container{width:210px;aspect-ratio:1;border:2px solid #333;background-color:#000;display:flex;align-items:center;justify-content:center;padding:0}.figure-container svg{width:100%;height:100%}.bottom-image{max-width:200px;margin:40px auto;background-color:#000}.bottom-image .figure-container{width:200px;aspect-ratio:1}.button-container{display:flex;justify-content:center;gap:20px;margin-top:20px}.reaction-button{padding:15px 30px;border:0;border-radius:5px;font-size:18px;cursor:pointer;transition:transform .1s;min-width:200px;position:relative}.reaction-button:active{transform:scale(.95)}.reaction-button.red{background-color:red;color:#fff}.reaction-button.green{background-color:#0f0;color:#000}.reaction-button.selected{outline:3px solid #fff;opacity:.8}.figures-review{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0}.top-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:600px}.figure-wrapper svg,.target-figure svg,.top-figures svg{width:100%;height:auto}.target-figure{width:200px;margin:0 auto}.figures-container{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:8px}.reference-figures h4,.target-figure-container h4{margin-bottom:10px;color:#1f2937;font-size:.9em;text-transform:uppercase;letter-spacing:.05em}.top-figures-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.figure-wrapper,.response-details{background:#fff;padding:10px;border-radius:8px;border:2px solid transparent}.figure-wrapper.matching-figure{border-color:#22c55e;background-color:#dcfce7}.response-details{padding:15px;border:1px solid #e5e7eb}.actual-match,.user-response{margin-bottom:10px;padding:8px;border-radius:6px}.actual-match{background-color:#f8fafc}.user-response.correct-response{background-color:#dcfce7}.user-response.incorrect-response{background-color:#fee2e2}.match-status,.response-text{margin-left:5px;font-weight:500}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);max-width:600px;gap:10px}.figures-container{grid-template-columns:1fr}.top-figures-grid{grid-template-columns:repeat(2,1fr)}.question-review{padding:15px}}.streak{display:inline-block;margin-top:5px;font-size:.85em;padding:2px 5px;border-radius:3px}.correct-streak{background-color:rgba(0,200,0,.2);color:#060}.incorrect-streak{background-color:rgba(255,0,0,.2);color:#900}.review-stats{background-color:#f8fafc;border-radius:10px;padding:20px;margin-bottom:30px;margin-top:30px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.review-stats h3{font-size:1.3rem;margin-bottom:20px;color:#1e293b;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background-color:#fff;border-radius:8px;padding:15px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.05)}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:#334155;margin-bottom:5px}.stat-card .stat-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:10px;background-color:#f8fafc;border-radius:8px}.pagination-button{background-color:#0ea5e9;color:#fff;border:0;border-radius:5px;padding:8px 16px;cursor:pointer;font-weight:600;transition:background-color .2s}.pagination-button:hover:not([disabled]){background-color:#0284c7}.pagination-button:disabled{background-color:#cbd5e1;cursor:not-allowed}.page-indicator{font-size:.95rem;color:#64748b}.questions-container{display:flex;flex-direction:column;gap:15px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.pagination-controls{flex-direction:column;gap:10px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.question-review{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease}.question-review:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.question-review.correct{border-left:4px solid #22c55e}.question-review.incorrect{border-left:4px solid #ef4444}.question-review.skipped{border-left:4px solid #f59e0b}.question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.question-number{font-size:1.1rem;font-weight:600;color:#334155}.question-summary{display:flex;flex-direction:column;align-items:flex-end}.expand-question{background-color:#e2e8f0;border:0;border-radius:4px;padding:5px 10px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.expand-question:hover{background-color:#cbd5e1}.question-preview{padding:12px 15px;background-color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center}.preview-info-container{margin-left:10px;display:block;text-align:start}.preview-label{font-weight:600;color:#475569}.preview-value{padding:3px 8px;border-radius:4px;background-color:#f1f5f9}.preview-value.correct-value{background-color:rgba(34,197,94,.2);color:#166534}.preview-value.incorrect-value{background-color:rgba(239,68,68,.2);color:#991b1b}.question-content{border-top:1px solid #e2e8f0}.question-review.collapsed{max-height:280px}.question-review.expanded{max-height:1000px}.status{display:inline-block;padding:2px 8px;border-radius:4px;font-weight:600}.correct .status{background-color:rgba(34,197,94,.2);color:#166534}.incorrect .status{background-color:rgba(239,68,68,.2);color:#991b1b}.skipped .status{background-color:rgba(245,158,11,.2);color:#92400e}.filter-controls{background-color:#f8fafc;border-radius:10px;padding:15px 20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-controls h4{font-size:1rem;margin-bottom:12px;color:#1e293b}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-button{padding:8px 16px;border:1px solid #cbd5e1;background-color:#fff;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-button:hover{background-color:#f1f5f9}.filter-button.active{background-color:#0ea5e9;color:#fff;border-color:#0ea5e9}.filter-button[data-filter=correct].active{background-color:#22c55e;border-color:#22c55e}.filter-button[data-filter=incorrect].active{background-color:#ef4444;border-color:#ef4444}.filter-button[data-filter=skipped].active{background-color:#f59e0b;border-color:#f59e0b}.no-results{text-align:center;padding:40px 20px;background-color:#f8fafc;border-radius:8px;margin:20px 0}