:root{font-family:system-ui,sans-serif;color:#102a43;--frame-width: 100vw}*{box-sizing:border-box}body{background:#f0f4f8;margin:0}#app{background:#fff;min-height:100vh;min-height:100dvh;position:relative}@media(min-width:768px){:root{--frame-width: 480px;font-size:70%}body{background:#102a43;display:flex;justify-content:center;min-height:100vh}#app{width:480px}}header{align-items:center;background:#102a43;color:#fff;display:flex;justify-content:space-between;padding:1rem}.sticky-top{position:sticky;top:0;z-index:5}.sticky-top--with-title{margin-bottom:1rem}.brand{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand span{color:#f6ad55}.home{display:grid;gap:1rem;padding-top:1rem}.home h1{margin-bottom:0;text-align:center}.home p{font-weight:700;line-height:1.5;text-align:center}.home-links{font-size:.9rem}.home-links a{color:#0b69a3}.home-club{display:grid;gap:.1rem;text-align:center}.home-club span{color:#627d98;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.home-club strong{font-size:2rem;font-weight:800;line-height:1.1}.home-completed{display:grid;gap:.75rem;justify-items:center;text-align:center}.home-completed h2{margin:0}.home-review{text-decoration:none}nav{display:flex;gap:.35rem}button{border:0;border-radius:.5rem;cursor:pointer;font:inherit}nav button{background:transparent;color:#d9e2ec;padding:.5rem}.install{background:#f6ad55;color:#102a43}.page{background:#fff;margin:0 auto;max-width:40rem;overflow-x:hidden;padding:0rem 1rem 4rem}h1{font-size:clamp(1.36rem,5.6vw,2.08rem);font-weight:800;line-height:1.1;margin:.5rem 0 1.5rem}.eyebrow,.muted,small{color:#627d98}.quiz-title{background:#fff;border-bottom:1px solid #d9e2ec;box-shadow:0 2px 5px #102a4314;margin:0;padding:.75rem 1rem}.quiz-title h2,h1.quiz-title{font-size:clamp(1.5rem,6vw,2.25rem);font-weight:800;line-height:1.1;margin:0;overflow-wrap:anywhere;text-align:center}.question-card{background:#fff;border:1px solid #d9e2ec;border-radius:1rem;box-shadow:0 8px 24px #102a4314;padding:1.25rem;transition:background .15s}.question-card--correct{background:#e3fcef}.question-card--incorrect{background:#fff1f0}.question-card .eyebrow{font-weight:700;margin:0}.question-card h1{margin-top:.75rem}.choices{display:grid;gap:.75rem}.choice{background:#f8fafc;border:1px solid #d9e2ec;font-weight:700;padding:1.1rem 1rem;text-align:left;transition:background .15s,border-color .15s,transform .15s}.choice:hover:not(:disabled){border-color:#f6ad55;outline:2px solid #f6ad55;transform:translateY(-1px)}.choice:disabled{cursor:default;opacity:1}.choice--correct{background:#e3fcef;border-color:#1f9d68;color:#12633f}.choice--incorrect{background:#fff1f0;border-color:#d64545;color:#8f1d1d}.feedback{font-weight:800;min-height:1.5rem;margin:1rem 0 0}.feedback--correct{color:#12633f}.feedback--incorrect{color:#8f1d1d}.primary{background:#d45d18;color:#fff;padding:.8rem 1.2rem}.result,.result-body{text-align:center}.countdown{color:#627d98;font-weight:700;margin:.75rem 0;text-align:center}.next-up{font-size:1.5rem;font-weight:700;margin:-.5rem -1.5rem .75rem;text-align:center}.rollover-status{font-weight:700;min-height:1.5rem;text-align:center}.rollover-status--error{color:#b42318}.today-stats{margin-top:2rem}.today-stats h2{margin-bottom:0}.grid{font-size:1.45rem;letter-spacing:.15rem;margin-bottom:2rem}.records{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem}.record{background:#fff;border-radius:.75rem;display:grid;gap:.35rem;padding:1rem;text-align:center}.record span{color:#627d98;font-weight:700}.stats{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem}.stat{background:#fff;border-radius:.75rem;display:grid;gap:.35rem;justify-items:center;padding:0rem;text-align:center}.stat span{font-weight:700}.stat--streak{gap:.5rem;margin-top:.75rem;padding:1rem}.stat--streak strong{color:#d45d18;font-size:2.75rem;line-height:1}.stat--overall{margin-top:.75rem;padding:1rem}.stat--overall .pie{width:5.5rem}.stats-version{margin:1.5rem 0 0;text-align:center}.stats-version small{font-size:.75rem}.pie{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;width:4rem}.pie-center{align-items:center;aspect-ratio:1;background:#fff;border-radius:50%;display:flex;font-size:1.1rem;font-weight:800;justify-content:center;width:70%}.error{color:#b42318}.loading{text-align:center}img{border-radius:.75rem;display:block;margin-bottom:1.25rem;max-width:100%}.analytics-consent{background:#102a43;bottom:0;color:#fff;left:0;padding:1rem;position:fixed;right:0;z-index:30}.analytics-consent p{margin:0 0 .75rem}.analytics-consent div{display:flex;gap:.5rem}.analytics-consent button:not(.primary),.analytics-footer button{background:#d9e2ec;color:#102a43;padding:.8rem 1.2rem}.analytics-footer{background:#fff;border-top:1px solid #d9e2ec;padding:.75rem 1rem;text-align:center}.analytics-footer p{margin:.75rem 0}.seo-fallback{margin:0 auto;max-width:40rem;padding:2rem 1rem}.seo-fallback nav{display:flex;flex-wrap:wrap;gap:.75rem}.progress-bar{background:#fff;border-top:1px solid #d9e2ec;bottom:0;display:flex;gap:.35rem;left:0;padding:.6rem .75rem;position:fixed;right:0;z-index:10}.progress-box{aspect-ratio:1;background:#d9e2ec;border-radius:.25rem;flex:1 1 0;min-width:0;transition:background .2s,box-shadow .2s}.progress-box--current{box-shadow:0 0 0 2px #f6ad55}.progress-box--correct{background:#1f9d68}.progress-box--incorrect{background:#d64545}.progress-box--reviewable{-webkit-touch-callout:none;cursor:pointer;-webkit-user-select:none;user-select:none}.progress-box--reviewable:focus-visible{outline:2px solid #102a43;outline-offset:2px}.question-preview{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:20}.question-preview__backdrop{background:#102a4399;top:0;right:0;bottom:0;left:0;position:absolute}.question-preview__panel{max-height:100%;max-width:40rem;overflow-y:auto;position:relative;width:100%}.question-preview__panel:focus{outline:none}.question-preview .question-card{pointer-events:none}.question-preview--animate{animation:preview-fade .12s ease-out}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}.question-card--exit{animation:slide-out-bottom .4s ease-in forwards}.slide-in{animation:slide-in-left .3s ease-out}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(var(--card-exit-distance, 100vh))}}@keyframes slide-in-left{0%{transform:translate(calc(-1 * var(--frame-width) - 100%))}to{transform:translate(0)}}@media(min-width:768px){.analytics-consent,.progress-bar,.question-preview{left:50%;right:auto;transform:translate(-50%);width:480px}}@media(prefers-reduced-motion:reduce){.question-card--exit,.slide-in,.question-preview--animate{animation:none}}
