.image-grid,.reaction-quiz{background-color:hsl(0 0% 0%)}.reaction-quiz{color:hsl(0 0% 100%);padding:100px;border-radius:10px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.figure-container{width:210px;aspect-ratio:1;border:2px solid hsl(0 0% 20%);background-color:hsl(0 0% 0%);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:hsl(0 0% 0%)}.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:hsl(0 100% 50%);color:hsl(0 0% 100%)}.reaction-button.green{background-color:hsl(120 100% 50%);color:hsl(0 0% 0%)}.reaction-button.selected{outline:3px solid hsl(0 0% 100%);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:hsl(var(--muted));border-radius:8px}.reference-figures h4,.target-figure-container h4{margin-bottom:10px;color:hsl(var(--foreground));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:hsl(var(--card));border-radius:8px}.figure-wrapper{padding:10px;border:2px solid transparent}.figure-wrapper.matching-figure{border-color:hsl(var(--success))}.response-details{padding:15px;border:1px solid hsl(var(--border))}.actual-match,.user-response{margin-bottom:10px;padding:8px;border-radius:6px}.actual-match{background-color:hsl(var(--muted))}.figure-wrapper.matching-figure,.user-response.correct-response{background-color:hsl(var(--success)/.15)}.user-response.incorrect-response{background-color:hsl(var(--destructive)/.15)}.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:hsl(var(--success)/.2);color:hsl(var(--success))}.incorrect-streak{background-color:hsl(var(--destructive)/.2);color:hsl(var(--destructive))}.review-stats{background-color:hsl(var(--muted));border-radius:10px;padding:20px;margin-bottom:30px;margin-top:30px;box-shadow:0 1px 3px hsl(var(--foreground)/.1)}.review-stats h3{font-size:1.3rem;margin-bottom:20px;color:hsl(var(--foreground));text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background-color:hsl(var(--card));border-radius:8px;padding:15px;text-align:center;box-shadow:0 1px 2px hsl(var(--foreground)/.05);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px hsl(var(--foreground)/.05)}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:5px}.stat-card .stat-label{font-size:.9rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:10px;background-color:hsl(var(--muted));border-radius:8px}.pagination-button{background-color:hsl(var(--info));color:hsl(var(--info-foreground));border:0;border-radius:5px;padding:8px 16px;cursor:pointer;font-weight:600;transition:background-color .2s}.pagination-button:hover:not([disabled]){background-color:hsl(201 96% 40%)}.pagination-button:disabled{background-color:hsl(var(--border));cursor:not-allowed}.page-indicator{font-size:.95rem;color:hsl(var(--muted-foreground))}.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 hsl(var(--foreground)/.1);overflow:hidden;transition:transform .2s ease}.question-review:hover{transform:translateY(-2px);box-shadow:0 4px 8px hsl(var(--foreground)/.1)}.question-review.correct{border-left:4px solid hsl(var(--success))}.question-review.incorrect{border-left:4px solid hsl(var(--destructive))}.question-review.skipped{border-left:4px solid hsl(var(--warning))}.question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:hsl(var(--muted));border-bottom:1px solid hsl(var(--border))}.question-number{font-size:1.1rem;font-weight:600;color:hsl(var(--foreground))}.question-summary{display:flex;flex-direction:column;align-items:flex-end}.expand-question{background-color:hsl(var(--border));border:0;border-radius:4px;padding:5px 10px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.expand-question:hover{background-color:hsl(var(--muted-foreground)/.3)}.question-preview{padding:12px 15px;background-color:hsl(var(--card));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:hsl(var(--muted-foreground))}.preview-value{padding:3px 8px;border-radius:4px;background-color:hsl(var(--muted))}.preview-value.correct-value{background-color:hsl(var(--success)/.2);color:hsl(var(--success))}.preview-value.incorrect-value{background-color:hsl(var(--destructive)/.2);color:hsl(var(--destructive))}.question-content{border-top:1px solid hsl(var(--border))}.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:hsl(var(--success)/.2);color:hsl(var(--success))}.incorrect .status{background-color:hsl(var(--destructive)/.2);color:hsl(var(--destructive))}.skipped .status{background-color:hsl(var(--warning)/.2);color:hsl(var(--warning))}.filter-controls{background-color:hsl(var(--muted));border-radius:10px;padding:15px 20px;margin-bottom:20px;box-shadow:0 1px 3px hsl(var(--foreground)/.1)}.filter-controls h4{font-size:1rem;margin-bottom:12px;color:hsl(var(--foreground))}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-button{padding:8px 16px;border:1px solid hsl(var(--border));background-color:hsl(var(--card));border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-button:hover,.no-results{background-color:hsl(var(--muted))}.filter-button.active{background-color:hsl(var(--info));color:hsl(var(--info-foreground));border-color:hsl(var(--info))}.filter-button[data-filter=correct].active{background-color:hsl(var(--success));border-color:hsl(var(--success))}.filter-button[data-filter=incorrect].active{background-color:hsl(var(--destructive));border-color:hsl(var(--destructive))}.filter-button[data-filter=skipped].active{background-color:hsl(var(--warning));border-color:hsl(var(--warning))}.no-results{text-align:center;padding:40px 20px;border-radius:8px;margin:20px 0}