:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background-color:#f3f4f6}body{margin:0}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.quiz-card{width:100%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0f172a14;padding:24px 28px;box-sizing:border-box}.quiz-header{margin-bottom:16px}.quiz-title{margin:0 0 8px;font-size:1.5rem;font-weight:600}.controls-row{display:flex;flex-wrap:wrap;gap:12px;font-size:.95rem}.controls-row label{display:flex;align-items:center;gap:6px}.controls-row select{padding:4px 8px;border-radius:6px;border:1px solid #d1d5db;background-color:#f9fafb}.question-container{margin-top:12px}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background-color:#22c55e;transition:width .25s ease}.question-progress{margin:0 0 8px;font-size:.9rem;color:#6b7280}.question-text{margin:0 0 16px;font-size:1.1rem;font-weight:500}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-button{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background-color:#f9fafb;cursor:pointer;font-size:.95rem;text-align:left;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.answer-button:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.answer-button:disabled{cursor:default;opacity:.9}.answer-button.correct{background-color:#22c55e;border-color:#16a34a;color:#fff}.answer-button.wrong{background-color:#ef4444;border-color:#b91c1c;color:#fff}.result-container{text-align:center}.result-score{font-size:1.1rem;margin-bottom:16px}.primary-button{padding:10px 16px;border-radius:999px;border:none;background-color:#2563eb;color:#fff;font-size:.95rem;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.primary-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}