*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7E840;--surface: #FFFFFF;--surface-hover: #F0EEB0;--red: #C8102E;--navy: #1E1B5E;--green: #3AAA35;--text: #1E1B5E;--text-muted: #5A5880;--border: #C8C6E0}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Merriweather,serif;font-size:16px;line-height:1.5}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.start-content{text-align:center;max-width:420px}.start-logo{width:100%;max-width:320px;margin-bottom:1.75rem}.start-description{font-size:1.05rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.question-screen{justify-content:flex-start;padding-top:0}.progress-bar{width:100%;height:5px;background-color:var(--border);flex-shrink:0}.progress-fill{height:100%;background-color:var(--red);transition:width .4s ease}.question-header{width:100%;max-width:680px;padding:1rem 1.5rem 0}.question-counter{font-family:Oswald,sans-serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.question-body{width:100%;max-width:680px;padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.question-text{font-family:Oswald,sans-serif;font-size:clamp(1.3rem,3.5vw,1.75rem);font-weight:600;line-height:1.3;color:var(--navy)}.options{display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;background-color:var(--surface);border:2px solid var(--border);border-radius:6px;color:var(--text);font-family:Merriweather,serif;font-size:1.05rem;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.option:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--navy)}.option-letter{font-family:Oswald,sans-serif;font-weight:600;font-size:.9rem;color:var(--red);min-width:1.25rem;padding-top:1px}.option-text{font-size:1.05rem;line-height:1.65}.option.correct{background-color:#3aaa351f;border-color:var(--green)}.option.correct .option-letter{color:var(--green)}.option.wrong{background-color:#c8102e1a;border-color:var(--red)}.option.wrong .option-letter{color:var(--red)}.option.dim{opacity:.4}.option:disabled{cursor:default}.answer-feedback{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-top:.5rem}.feedback-text{font-family:Oswald,sans-serif;font-size:1.1rem;letter-spacing:.05em;color:var(--navy)}.results-content{text-align:center;max-width:480px}.results-label{font-family:Oswald,sans-serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:var(--red);text-transform:uppercase;margin-bottom:1.5rem}.results-score{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.score-number{font-family:Oswald,sans-serif;font-size:clamp(4rem,15vw,7rem);font-weight:700;color:var(--navy);line-height:1}.score-divider,.score-total{font-family:Oswald,sans-serif;font-size:3rem;color:var(--text-muted)}.results-blurb{font-size:1.05rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.btn-primary{font-family:Oswald,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--surface);background-color:var(--navy);border:2px solid var(--navy);padding:.75rem 2rem;border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-primary:hover{background-color:transparent;color:var(--navy)}