.quiz-loading{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#fff;color:#212529;font:400 17px/1.5 Arial,Helvetica,sans-serif;text-align:center}
.quiz-loading[hidden]{display:none}
.quiz-spinner{display:block;width:34px;height:34px;border:3px solid #f0dddd;border-top-color:#d32f2f;border-right-color:#d32f2f;border-radius:50%;animation:quiz-spin .8s linear infinite}
@keyframes quiz-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.quiz-spinner{animation:none}}
/* All three views share one document and one loader. Visibility swaps atomically. */
html:not([data-view="entry"]) #entry,html:not([data-view="entry"]) #entry-footer{display:none!important}
html:not([data-view="quiz"]) #quiz,html:not([data-view="quiz"]) #quiz-footer{display:none!important}
html:not([data-view="loading"]) #entry-loading{display:none!important}
html[data-view="loading"] #entry-loading{display:flex}