body{font-family:system-ui,Arial,sans-serif;max-width:900px;margin:0 auto;padding:1rem;color:#1f2937;line-height:1.5}
header{border-bottom:3px solid #0f766e;padding-bottom:1rem}
h1{color:#0f766e;margin-bottom:0}
.subtitle{font-size:1.1rem;margin-top:0.25rem}
.note,.small{font-size:0.9rem;color:#4b5563}
button{background:#0f766e;color:#fff;border:0;padding:0.6rem 1rem;border-radius:6px;cursor:pointer;margin:0.25rem 0.25rem 0.25rem 0}
button:disabled{opacity:0.5;cursor:default}
button.secondary{background:#e5e7eb;color:#1f2937}
input[type=text],select{display:block;width:100%;max-width:520px;padding:0.6rem;margin:0.25rem 0 1rem;border:1px solid #9ca3af;border-radius:6px;box-sizing:border-box}
input[type=checkbox]{display:inline;width:auto}
label{font-weight:600}
label.inline{font-weight:400}
#tabs{display:flex;flex-wrap:wrap;gap:0.25rem;margin:1rem 0}
.tab{background:#e5e7eb;color:#1f2937}
.tab.active{background:#0f766e;color:#fff}
.tab.right{margin-left:auto}
.card{border:1px solid #d1d5db;border-radius:8px;padding:1rem;margin:1rem 0}
.error{color:#b91c1c;font-weight:600}
.success{color:#047857;font-weight:600}
.option{display:block;width:100%;text-align:left;background:#f9fafb;color:#1f2937;border:1px solid #9ca3af;margin:0.4rem 0}
.option.selected{border-color:#0f766e;background:#ccfbf1}
.option.correct{border-color:#047857;background:#d1fae5}
.option.wrong{border-color:#b91c1c;background:#fee2e2}
.illustration{border:1px dashed #9ca3af;border-radius:8px;padding:0.75rem;margin:1rem 0;background:#f9fafb}
.illustration img{max-width:100%;height:auto;display:block}
.illustration p{margin:0.5rem 0 0}
.badge{display:inline-block;background:#e0f2fe;color:#0c4a6e;border-radius:999px;padding:0.1rem 0.6rem;font-size:0.85rem;margin-left:0.5rem}
.timer{font-size:1.4rem;font-weight:700;color:#b91c1c}
.grid{display:flex;flex-wrap:wrap;gap:0.25rem;margin:1rem 0}
.grid button{min-width:2.5rem;padding:0.4rem}
.grid button.answered{background:#0f766e;color:#fff}