:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#182a40;background:#edf2f8}*{box-sizing:border-box}body{margin:0}.shell{max-width:840px;margin:auto;padding:24px 16px 48px}header{background:#102b4c;color:#fff;padding:32px;border-radius:20px 20px 0 0}.eyebrow{font-size:12px;letter-spacing:1.4px;color:#dcc28d;font-weight:700}h1{font-size:clamp(27px,6vw,42px);margin:12px 0}header p{color:#d9e3ef;margin:0}.panel{background:#fff;padding:clamp(20px,5vw,36px);border-radius:0 0 20px 20px;box-shadow:0 12px 32px #1c38561a}h2{line-height:1.25}label{display:block;font-weight:650;margin:24px 0 8px}input{width:100%;padding:14px 16px;border:1px solid #bcc8d5;border-radius:10px;font:inherit}.muted{color:#637186;font-size:14px;line-height:1.6}.hidden{display:none!important}.meta{display:flex;justify-content:space-between;color:#526174;font-size:14px;font-weight:600}.progress{background:#e5eaf0;border-radius:100px;height:8px;margin:16px 0 26px;overflow:hidden}.progress span{display:block;background:#ae8c45;height:100%;transition:width .25s}.choices{display:grid;gap:12px;margin:28px 0}.choice{width:100%;text-align:left;background:#f8fafc;border:2px solid #dbe3eb;color:#182a40;padding:16px;border-radius:12px;cursor:pointer;font:inherit;line-height:1.4}.choice[aria-pressed="true"]{border-color:#204c7c;background:#e6f0fa;font-weight:650}.choice:focus-visible,button:focus-visible{outline:3px solid #be9d5b;outline-offset:3px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}button{border:0;border-radius:11px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#173c68;color:white}.secondary{background:#e9eef4;color:#16314e}.score{font-size:48px;font-weight:800;color:#173c68}.reviewItem{border-top:1px solid #e3e7ee;padding:18px 0}.reviewItem strong{display:block}.correct{color:#176341}.wrong{color:#9b3535}footer{text-align:center;color:#596a7d;font-size:12px;line-height:1.6;padding:20px}@media(min-width:640px){.shell{padding-top:46px}}

.feedback-panel{text-align:center}.feedback-icon{font-size:80px;line-height:1.4;animation:pop .7s ease both}.is-correct .feedback-icon{animation:clap .75s ease-in-out 2}.is-wrong .feedback-icon{animation:pop .65s ease both}.feedback-panel h2{font-size:clamp(25px,5vw,34px);margin:.2em 0}.is-correct h2{color:#176341}.is-wrong h2{color:#9b3535}.pastoral-answer{text-align:left;background:#f5f8fc;border:1px solid #dde5ee;border-radius:16px;padding:20px;margin:24px 0}.answer-label{text-transform:uppercase;letter-spacing:1px;color:#536983;font-size:12px;font-weight:800;margin:0 0 8px}.right-answer{font-size:18px;color:#153d67;font-weight:800;line-height:1.5}.pastoral-answer p{line-height:1.65}.feedback-panel .actions{justify-content:center}.feedback-panel .primary{min-width:200px}@keyframes clap{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-14deg) scale(1.15)}50%{transform:rotate(10deg) scale(1.15)}75%{transform:rotate(-10deg) scale(1.1)}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.feedback-icon{animation:none!important}}

.sound-label{display:flex;align-items:center;gap:10px;margin:12px 0 22px;font-size:15px}.sound-label input{width:18px;height:18px}.end-icon{font-size:62px}#results{text-align:center}#results .actions{justify-content:center}