@import "https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-top-bar:#9bb791;--bg-sub-bar:#fff;--bg-main:#fcfbe3;--text-main:#000;--text-link:#3b82f6;--border-color:#ccc;--success-color:#10b981;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{color:var(--text-main);background-color:#d1d5db;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}#root{background-color:var(--bg-main);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;width:100%;max-width:1000px;min-height:100vh;display:flex;box-shadow:0 0 20px #0000001a}.top-bar{background-color:var(--bg-top-bar);border-bottom:1px solid #7a9372;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.top-bar-left{flex:1}.top-bar-center{text-align:center;color:#1e3a8a;letter-spacing:1px;flex:1;font-family:Caveat,cursive;font-size:2rem}.top-bar-right{text-align:right;color:var(--text-link);flex:1;font-weight:500}.sub-bar{background-color:var(--bg-sub-bar);border-bottom:1px solid #7a9372;justify-content:space-between;padding:1rem 1.5rem;display:flex}.sub-bar-left strong{margin-bottom:.25rem;font-size:1.1rem;display:block}.sub-bar-left span{color:#4b5563;font-size:.9rem}.sub-bar-right{text-align:right;flex-direction:column;gap:.25rem;font-size:.95rem;display:flex}.sub-bar-right .stat-row{justify-content:flex-end;gap:.5rem;display:flex}.main-content{flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex}.question-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.question-layout{grid-template-columns:1fr;gap:1.5rem}.top-bar{text-align:center;flex-direction:column;gap:.5rem}.top-bar-left,.top-bar-center,.top-bar-right{text-align:center;flex:none}.sub-bar{flex-direction:column;gap:1rem}.sub-bar-right .stat-row{justify-content:space-between}}.question-left{flex-direction:column;gap:1.5rem;display:flex}.question-header{gap:1rem;display:flex}.question-meta-col{width:max-content;min-width:80px;font-size:.95rem;font-weight:600}.question-points{color:#4b5563;margin-top:.25rem;font-size:.9rem;font-weight:400}.question-text{flex:1;font-size:1.1rem;font-weight:700;line-height:1.5}.question-image-container{justify-content:center;margin-top:1rem;display:flex}.question-image{border:1px solid var(--border-color);object-fit:contain;max-width:100%;max-height:400px}.question-right{flex-direction:column;gap:1.5rem;padding-top:.5rem;display:flex}.options-grid{flex-direction:column;gap:1.5rem;display:flex}.option-btn{text-align:left;cursor:pointer;color:var(--text-main);background:0 0;border:none;align-items:center;gap:1rem;padding:0;font-size:1rem;font-weight:600;transition:opacity .2s;display:flex}.option-btn:hover:not(:disabled){opacity:.7}.option-letter{color:#374151;background:#f3f4f6;border:1px solid #9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.2rem;min-height:2.2rem;font-weight:400;display:flex}.option-btn.selected .option-letter{background:#bfdbfe;border-color:#3b82f6;font-weight:600}.option-btn.correct .option-letter{background:#a7f3d0;border-color:#10b981;font-weight:600}.option-btn.incorrect .option-letter{background:#fecaca;border-color:#ef4444;font-weight:600}.option-btn:disabled{cursor:default}.skip-container{justify-content:flex-end;margin-top:.5rem;display:flex}.skip-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.skip-btn:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.feedback-panel{background:#fff;border:1px solid #7a9372;border-radius:.5rem;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.feedback-title{font-size:1.1rem;font-weight:700}.feedback-panel.success .feedback-title{color:var(--success-color)}.feedback-panel.error .feedback-title{color:var(--error-color)}.explanation{font-size:.95rem;line-height:1.5}.next-btn{cursor:pointer;background:#f3f4f6;border:1px solid #9ca3af;align-self:flex-start;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.next-btn:hover{background:#e5e7eb}.app-footer{background-color:var(--bg-top-bar);text-align:center;color:#1f2937;border-top:1px solid #7a9372;padding:.75rem;font-size:.85rem}.reset-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.reset-btn:hover{color:#111827}