:root{color:#1f2937;background:#f8fafc;font-family:system-ui,sans-serif}body{min-width:320px;margin:0}.app{width:min(100% - 2rem,42rem);margin:0 auto;padding:3rem 0}h1,h2,h3{margin-top:0}.question-form,.answer{gap:.75rem;margin-top:2rem;display:grid}.image-results{margin-top:1.5rem}.image-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}figure{margin:0}figure img{aspect-ratio:4/3;object-fit:cover;background:#e5e7eb;border-radius:.5rem;width:100%;display:block}figcaption{color:#4b5563;margin-top:.5rem;font-size:.875rem}input,button{font:inherit;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem}button{color:#fff;cursor:pointer;background:#2563eb}button:disabled{cursor:not-allowed;opacity:.5}.answer{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem}.error{color:#b91c1c}