html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{-webkit-tap-highlight-color:transparent;appearance:none;font-optical-sizing:auto;color:#fff;outline:none;font-family:Inter,sans-serif;font-style:normal;font-weight:700}#root{font-optical-sizing:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;width:100%;height:100%;font-family:Inter,sans-serif;font-style:normal;font-weight:700}body{--background-color:#0d3d6e;--background-light:color-mix(in srgb, var(--background-color), white 20%);--background-dark:color-mix(in srgb, var(--background-color), black 20%);background:linear-gradient(150deg, var(--background-light) 20%, var(--background-color) 20% 80%, var(--background-dark) 80%);width:100%;height:100%;margin:0;padding:0}.centered-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden auto}.quiz{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:800px;height:100%;padding:10px;display:flex}@media (max-width:700px){.quiz{width:100%;height:100%;padding:7px}}.progressbar{box-sizing:border-box;background:#00000052;border-radius:40px;flex:1;width:100%;padding:6px;box-shadow:10px 10px #0002}.progressbar-inner{--progress-color:#a7d93e;background-color:#ff0;background:linear-gradient(150deg, color-mix(in srgb, var(--progress-color), white 20%) 20%, var(--progress-color) 20% 80%, color-mix(in srgb, var(--progress-color), black 20%) 80%);will-change:width;border-radius:100px;min-width:20px;height:100%;transition:width .7s ease-in-out}.box{box-sizing:border-box;background:#00000052;border-radius:10px;width:auto;padding:10px;box-shadow:10px 10px #0002}.verse{display:flex;overflow:hidden}.verse h1{-webkit-user-select:none;user-select:none;color:#c5e753;height:10px;margin-top:0;margin-left:4px;margin-right:4px;font-family:Inter,sans-serif;font-size:50px;font-weight:700}.verse p{text-wrap:text-wrap;font-size:20px;font-weight:400}.quiz-button-board{aspect-ratio:560/250;box-sizing:border-box;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}@media (max-width:700px){.quiz-button-board{aspect-ratio:unset;gap:10px;height:45%}}.quiz-question-header{gap:5px;width:100%;display:flex}.quiz-question-total{border-radius:100px;padding:8px}@property --button-color{syntax:"<color>";inherits:true;initial-value:#0000}.button:focus,.button:focus-visible{outline:none}.button{box-sizing:border-box;white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;background:linear-gradient(150deg, color-mix(in srgb, var(--button-color), white 20%) 20%, var(--button-color) 20% 80%, color-mix(in srgb, var(--button-color), black 25%) 80%);color:#fff;-webkit-user-select:none;user-select:none;background-origin:border-box;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:20px;font-size:clamp(.5rem,5cqi,1.5rem);transition:--button-color .3s;display:flex;box-shadow:inset 0 0 0 10px #00000045,10px 10px #00000038;container-type:inline-size}.button-active{cursor:pointer;transition:scale .2s}@media (min-width:700px){.button-active:hover{scale:1.02}}@media (max-width:700px){.button-active:active{filter:brightness(1.1)}}.button-active:active{scale:.98}.quiz-button-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-stats{width:100%;max-width:600px;height:100%}.quiz-stats-header{text-align:center;margin:100px 0}.quiz-stats-progress{-webkit-user-select:none;user-select:none;justify-content:center;padding:15px}.quiz-stats-box{width:100%;margin-bottom:30px;position:relative}.quiz-stats-verse-item{border-radius:15px;flex-direction:row;align-items:center;height:100%;padding:15px;font-weight:400;display:flex;box-shadow:inset 0 0 0 7px #00000038}.quiz-stats-verses{flex-direction:column;gap:15px;padding:15px;display:flex}.quiz-stats-item-icon{flex:0 0 60px}.circular-progress{display:flex;position:relative}.svg-progress{transform:rotate(-90deg)}.svg-progress-background{fill:none;stroke:#051729}.svg-progress-value{fill:none;stroke:#afda37;transition:stroke-dashoffset .5s ease-in-out}.svg-progress-text{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-family:sans-serif;font-size:2rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.floating-button{justify-content:center;width:100%;display:flex;position:absolute;bottom:0;right:0;transform:translateY(-20px)}.menu{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:20px;width:100%;max-width:500px;height:100%;padding:10px;display:flex}.menu h1{text-align:center}.select-container{width:100%;font-family:Inter,sans-serif;position:relative}.select{background:linear-gradient(150deg, color-mix(in srgb, var(--select-color), white 10%) 20%, var(--select-color) 20% 80%, color-mix(in srgb, var(--select-color), black 20%) 80%);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex;box-shadow:inset 0 0 0 5px #00000038}.select-text{white-space:nowrap;text-overflow:ellipsis;margin-right:8px;overflow:hidden}.select-dropdown{z-index:2;box-sizing:border-box;background:#0b1e30eb;border-radius:10px;width:auto;max-height:300px;margin-top:5px;padding:10px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:10px 10px #0002}.select-option{cursor:pointer;padding:10px 13px}.select-option:hover{background:#ffffff1a}@media (max-width:700px){.select-dropdown{width:90%;max-width:400px;height:fit-content;max-height:90%;margin:auto;position:fixed;inset:0}}.select-arrow{transition:transform .2s ease-in-out}.select-arrow.open{transform:rotate(180deg)}.loader-spinning-boy{animation:1.5s linear infinite loading;transform:scaleX(-1)}@keyframes loading{0%{transform:rotate(0)scaleX(-1)}to{transform:rotate(360deg)scaleX(-1)}}.loader{flex-direction:column;justify-content:center;align-items:center;display:flex}