:root{font-family:system-ui,Inter,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#293264;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-1: #FFF3B8;--bg-2: #D9E7FF;--ink: #3a3f82;--ink-weak: #6e77a5;--ring: #b7c5ff}body{margin:0;display:flex;justify-content:center;align-items:center;align-content:center;position:relative;background-color:#f5f7fb;min-width:320px;min-height:100dvh}.bg-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#f5f7fb;pointer-events:none;isolation:isolate}.bg-blobs:before,.bg-blobs:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.bg-blobs:before{right:-18vw;top:-14vh;width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);background:var(--bg-1)}.bg-blobs:after{left:-20vw;bottom:-20vh;width:clamp(240px,35vw,460px);height:clamp(240px,35vw,460px);background:var(--bg-2)}@media (max-width: 640px){.bg-blobs:before{right:-28vw;top:-18vh;width:70vw;height:70vw}.bg-blobs:after{left:-30vw;bottom:-24vh;width:80vw;height:80vw}}.start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.start-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.start-subtitle{font-size:1.25rem;margin-bottom:2rem;color:#555;text-align:center}.start-button{background-color:#4d5b9e;color:#f5f7fb;border:none;padding:.75rem 1.5rem;font-size:1.25rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}:root{--ink: #3a3f82;--ink-weak: #6e77a5;--ring: #b7c5ff;--pill-bg-checked: #e7ecff;--pill-bg-correct: #94D7A2}.question-container{display:flex;flex-direction:column;gap:.75rem}.question-text{font-size:1.25rem;margin:0;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem;font-weight:600}.sr-only-vis{position:absolute;left:-9999px}.sr-only{position:absolute!important;opacity:0;width:0;height:0;margin:0;pointer-events:none}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.choice{display:flex;align-items:center;justify-content:center;height:28px;padding:5px 7px;border:2px solid var(--ink);border-radius:9999px;background:transparent;color:var(--ink);text-align:center;white-space:normal;line-height:1.2;word-break:break-word;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.choice:hover{border-color:var(--ink-weak)}.sr-only:focus-visible+.choice{outline:0;box-shadow:0 0 0 3px var(--ring)}.sr-only:checked+.choice{background:var(--pill-bg-checked);border-color:var(--pill-bg-checked);font-weight:600}.choice-correct{background:var(--pill-bg-correct);border-color:var(--pill-bg-correct);font-weight:600}.sr-only:disabled+.choice{opacity:.55;cursor:not-allowed}@media (max-width: 640px){.choices{grid-template-columns:repeat(2,1fr)}.choice{min-height:40px;padding:9px 12px}}@media (max-width: 1280px) and (max-height: 820px){.question-container{gap:.4rem}.question-text{font-size:clamp(.95rem,1.6vw,1rem);-webkit-line-clamp:2}.choices{gap:8px}.choice{min-height:32px;padding:5px 9px;font-size:clamp(.82rem,1.2vw,.9rem)}hr{margin:8px 0}}@media (max-height: 700px){.choice{min-height:30px;padding:4px 8px}.question-text{-webkit-line-clamp:2}hr{margin:6px 0}}.quiz-container{display:flex;flex-direction:column;gap:1.5rem;width:80%}.quiz-button{background-color:#4d5b9e;color:#f5f7fb;border:none;padding:.75rem 1.5rem;align-self:center;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.quiz-results{display:flex;flex-direction:row;justify-content:center;gap:1rem}@media (max-width: 640px){.quiz-container{width:100%}}@media (max-width: 1280px) and (max-height: 820px){.quiz-container{gap:.9rem}.quiz-button{padding:.4rem .8rem;font-size:.95rem}}@media (max-height: 700px){.quiz-container{gap:.75rem}}#root{margin:0 auto;padding:2rem;position:relative;z-index:0}h1{font-size:3.2em;line-height:1.1;font-weight:600}hr{border:none;height:1.3px;width:100%;background:linear-gradient(to right,#d1d9e6,#e0e0f5,#d1d9e6);margin:20px 0}input{cursor:pointer}.start-container,.quiz-container{position:relative;z-index:0;margin:0 auto}