:root{--ink:#27223b;--muted:#706b78;--accent:#6242ce;--accent-dark:#4d31ad;--paper:#fffdf8;--line:#e6e1da;--green:#286a4d;--app-height:100dvh;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#faf7ef}
*{box-sizing:border-box}html{height:100%;overflow:clip}body{position:fixed;inset:0;height:var(--app-height);margin:0;display:flex;flex-direction:column;overflow:clip;background:radial-gradient(ellipse at 85% 12%,#f1e9ff 0,transparent 48%),#faf7ef}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9779ff;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}.site-header{flex:0 0 60px;width:min(1040px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:10px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand>span:first-child{color:var(--accent);font-size:26px}.brand-topic{font-size:9px;letter-spacing:2px;font-weight:700;padding:5px 0 5px 9px;border-left:1px solid var(--line);margin-left:3px}.text-button{border:0;background:none;font-size:13px;font-weight:700;padding:8px 2px;color:var(--muted);text-align:center}.text-button:hover{color:var(--accent)}#quiz-app{width:min(980px,100%);margin:0 auto;flex:1;min-height:0;padding:12px 26px;outline:0;display:flex}.site-footer{flex:0 0 30px;text-align:center;font-size:11px;color:var(--muted);padding:5px 12px}.screen{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:28px;gap:18px;box-shadow:0 10px 40px #2a224008}.screen-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:0 0 auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent)}.button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:13px;padding:11px 18px;font-size:15px;font-weight:750;background:#fff;color:var(--ink);text-align:center}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{background:#f4f0fe;border-color:#e5ddfb;color:var(--accent)}.action-row{display:flex;gap:10px}.action-row>*{flex:1}.landing-content{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px}.landing-copy{display:flex;flex-direction:column;gap:21px;min-height:0}.landing-copy h1{font-size:clamp(30px,4.8vw,55px);line-height:1.08;letter-spacing:-2px;max-width:560px}.landing-copy>p{font-size:19px;line-height:1.5;color:var(--muted);max-width:440px}.landing-copy .button{align-self:flex-start;min-width:230px}.free-caption{font-size:12px;color:var(--green);font-weight:700}.book-art{height:270px;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#f0ebfb;border-radius:50%;aspect-ratio:1;margin:auto;width:min(100%,300px)}.book-art .book{width:135px;height:172px;border-radius:8px 18px 18px 8px;background:var(--accent);box-shadow:9px 9px 0 #dfd6f8;border-left:10px solid #49309e;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;color:#fff6cd;font-family:Georgia,serif;font-size:55px}.book-art .art-badge{position:absolute;bottom:25px;right:12px;background:#fff;padding:11px 16px;border-radius:13px;box-shadow:0 7px 20px #2a224016;font-size:12px;font-weight:700;transform:rotate(4deg)}.landing-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;gap:12px;font-size:12px;color:var(--muted)}.progress-label{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}.progress{flex:0 0 5px;background:#ede8f7;border-radius:10px;overflow:hidden}.progress>span{height:100%;display:block;background:var(--accent);transition:width .15s}.question-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:22px}.question-body h2{font-size:clamp(22px,3vw,33px);line-height:1.2;max-width:750px;letter-spacing:-.5px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;cursor:pointer;min-height:70px;font-size:16px;line-height:1.3}.option:has(input:checked){border-color:var(--accent);background:#f2ecff;box-shadow:inset 0 0 0 1px var(--accent)}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:focus-within{outline:3px solid #b7a4f5;outline-offset:2px}.option-letter{flex:0 0 31px;height:31px;border-radius:50%;background:#f5f2fa;display:grid;place-items:center;font-size:12px;font-weight:800}.option:has(input:checked) .option-letter{background:var(--accent);color:white}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.question-footer .button{min-width:170px}.result-body{flex:1;min-height:0;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.score-card{background:#f2ecff;border-radius:21px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;height:100%;max-height:320px;text-align:center}.score{font-size:88px;line-height:.95;color:var(--accent);font-weight:800;letter-spacing:-5px}.score small{font-size:24px;letter-spacing:-1px;color:#9785c0}.correct-count{font-size:15px;font-weight:700}.score-card .round-label{font-size:11px;color:var(--muted)}.result-copy{display:flex;flex-direction:column;gap:15px;min-height:0}.result-copy h2{font-size:33px;letter-spacing:-1px}.result-copy>p{font-size:16px;line-height:1.5;color:var(--muted)}.result-actions{display:flex;flex-direction:column;gap:9px}.result-actions .text-button{font-size:12px}.tabs{display:flex;gap:5px;background:#f3f0f8;padding:4px;border-radius:12px;flex:0 0 auto}.tabs button{flex:1;border:0;border-radius:8px;background:none;min-height:36px;font-size:12px;font-weight:700;color:var(--muted);padding:7px}.tabs button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 2px 7px #2920390b}.guide-page{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:15px}.guide-page h2{font-size:27px;line-height:1.2;letter-spacing:-.5px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;min-height:0}.guide-section{display:flex;flex-direction:column;gap:10px;min-height:0}.guide-page p{font-size:16px;line-height:1.5}.guide-section .reference{font-size:13px;color:var(--accent);font-weight:700}.guide-label{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--muted)}.answer-box{padding:15px;border-radius:13px;background:#f4f0fc;font-size:15px;line-height:1.5}.review-status{font-size:12px;color:var(--green);font-weight:700}.review-status.revisit{color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;font-size:12px;color:var(--muted)}.pagination .button{min-height:42px;width:50px;padding:7px;font-size:18px}.guide-overview{display:flex;flex-direction:column;gap:12px}.topic-list{display:flex;flex-direction:column;gap:12px}.name-screen{justify-content:center;align-items:center}.name-form{display:flex;flex-direction:column;gap:14px;width:min(440px,100%)}.name-form h2{font-size:30px;letter-spacing:-.7px}.name-form p{font-size:15px;line-height:1.5;color:var(--muted)}.name-form label{font-size:13px;font-weight:700}.name-form input{font-size:16px;width:100%;min-height:50px;border:1px solid #d8d0e2;border-radius:12px;padding:12px;background:white;color:var(--ink)}.name-form .name-help{font-size:12px}.files-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.file-preview{display:flex;align-items:center;justify-content:center;min-height:0;height:100%;max-height:370px}.file-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:15px;border:1px solid var(--line)}.pdf-cover{width:230px;max-height:100%;aspect-ratio:4/5;background:#f4f0fc;border:1px solid #e5dbfa;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;gap:20px;box-shadow:8px 8px 0 #ebe3f8}.pdf-cover strong{font-family:Georgia,serif;font-size:32px;line-height:1.1}.pdf-cover span{font-size:12px;color:var(--muted)}.files-copy{display:flex;flex-direction:column;gap:14px;min-height:0}.files-copy h2{font-size:28px;letter-spacing:-.5px}.files-copy p{font-size:15px;line-height:1.5;color:var(--muted)}.files-copy .text-button{font-size:11px}.error{font-size:13px!important;color:#a73546!important}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:27px;height:27px;border:3px solid #e5def6;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(570px,calc(100% - 24px));height:min(700px,calc(var(--app-height) - 24px));max-height:calc(var(--app-height) - 24px);margin:auto;border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--paper);color:var(--ink);overflow:clip}dialog[open]{display:flex;flex-direction:column;gap:12px}dialog::backdrop{background:#1b1236aa}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}.dialog-heading h2{font-size:21px}.icon-button{width:35px;height:35px;flex:0 0 35px;border:0;border-radius:50%;background:#f0ebf7;color:var(--ink)}.video-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#eee8f8;border-radius:12px;overflow:clip}.video-frame video{width:100%;height:100%;max-height:100%;object-fit:contain}dialog>.button,dialog>.text-button{flex:0 0 auto}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:var(--ink);color:white;font-size:12px;line-height:1.4;max-width:min(440px,calc(100% - 24px));z-index:10;text-align:center}.keyboard-open .site-header,.keyboard-open .site-footer{display:none}.keyboard-open #quiz-app{padding:8px}.keyboard-open .name-screen{padding:16px}.keyboard-open .name-form{gap:9px}.keyboard-open .name-help{display:none}
@media(max-width:600px){.site-header{flex-basis:50px;padding:0 18px}.brand{font-size:21px}.brand-topic{font-size:8px}.site-header>.text-button{font-size:11px}#quiz-app{padding:5px 12px 10px}.site-footer{flex-basis:24px;font-size:10px}.screen{padding:20px;gap:15px;border-radius:20px}.landing-content{display:flex;flex-direction:column;gap:15px;justify-content:center}.landing-copy{gap:15px;align-items:center;text-align:center;order:2}.landing-copy h1{font-size:35px;letter-spacing:-1.2px;max-width:360px}.landing-copy>p{font-size:16px}.landing-copy .button{align-self:stretch;min-width:0}.book-art{height:125px;width:160px;flex:0 0 125px}.book-art .book{width:65px;height:85px;border-left-width:5px;font-size:29px;border-radius:5px 10px 10px 5px;box-shadow:5px 5px 0 #dfd6f8}.book-art .art-badge{padding:7px 10px;font-size:9px;bottom:4px;right:0}.landing-bottom{font-size:10px;gap:8px;padding-top:11px}.landing-bottom .text-button{font-size:11px;white-space:nowrap}.question-body{gap:20px}.question-body h2{font-size:26px}.options{gap:9px;grid-template-columns:1fr}.option{padding:11px 12px;min-height:55px;font-size:15px;gap:10px}.option-letter{flex-basis:27px;height:27px}.question-footer{font-size:11px;gap:9px}.question-footer .button{min-width:125px;font-size:13px;padding:10px}.result-body{display:flex;flex-direction:column;gap:18px;justify-content:center}.score-card{width:100%;height:auto;max-height:170px;padding:20px;gap:8px}.score{font-size:67px}.score small{font-size:20px}.correct-count{font-size:13px}.result-copy{gap:12px;width:100%}.result-copy h2{font-size:27px;text-align:center}.result-copy>p{font-size:14px;text-align:center;line-height:1.45}.guide-page{gap:13px}.guide-page h2{font-size:22px}.guide-columns{display:flex;flex-direction:column;gap:14px}.guide-page p{font-size:14px;line-height:1.45}.answer-box{font-size:14px;padding:12px}.guide-section{gap:8px}.guide-section .reference{font-size:12px}.tabs button{font-size:11px;padding:7px 3px}.name-form h2{font-size:26px}.files-body{display:flex;flex-direction:column;gap:18px;justify-content:center}.file-preview{height:175px;flex:0 1 175px;width:100%}.pdf-cover{height:170px;width:140px;padding:17px;gap:13px;box-shadow:5px 5px 0 #ebe3f8}.pdf-cover strong{font-size:23px}.pdf-cover span{font-size:10px}.files-copy{width:100%;gap:11px}.files-copy h2{font-size:24px}.files-copy p{font-size:13px}.files-copy .button{min-height:44px;font-size:13px}.files-copy .action-row{flex-direction:column}.dialog-heading h2{font-size:19px}}
@media(max-width:360px){.screen{padding:16px;gap:12px}.landing-copy h1{font-size:31px}.landing-copy>p{font-size:14px}.landing-copy{gap:13px}.book-art{height:96px;flex-basis:96px;width:130px}.book-art .book{width:55px;height:72px}.landing-bottom>span{max-width:132px}.question-body h2{font-size:22px}.question-body{gap:16px}.option{min-height:52px;font-size:14px}.result-body{gap:13px}.score-card{max-height:140px;padding:15px}.score{font-size:60px}.result-copy{gap:9px}.result-copy h2{font-size:24px}.result-copy>p{font-size:13px}.result-actions{gap:7px}.result-actions .button{font-size:13px;min-height:43px;padding:10px}.guide-page h2{font-size:20px}.guide-page{gap:10px}.guide-columns{gap:10px}.guide-page p,.answer-box{font-size:13px}.guide-section .reference{font-size:11px}.file-preview{height:125px;flex-basis:125px}.pdf-cover{height:120px;width:100px;padding:11px;gap:9px}.pdf-cover strong{font-size:19px}.pdf-cover span{font-size:8px}.files-copy{gap:9px}.files-copy h2{font-size:21px}.files-copy .text-button{font-size:10px}}
@media(max-height:500px) and (min-width:601px){.site-header{flex-basis:43px;padding:0 22px}.brand{font-size:20px}#quiz-app{padding:4px 16px 7px}.site-footer{flex-basis:20px;font-size:10px;padding:3px}.screen{padding:15px 20px;gap:10px;border-radius:18px}.landing-content{gap:22px}.landing-copy{gap:12px}.landing-copy h1{font-size:32px;letter-spacing:-1px}.landing-copy>p{font-size:15px;line-height:1.3}.landing-copy .button{min-height:42px}.book-art{height:160px;width:180px}.book-art .book{height:110px;width:88px;font-size:38px;border-left-width:7px}.book-art .art-badge{bottom:4px;font-size:9px;padding:8px 10px}.landing-bottom{padding-top:7px;font-size:10px}.landing-bottom .text-button{font-size:11px;padding:4px}.question-body{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:20px}.question-body h2{font-size:23px}.options{gap:8px}.option{min-height:58px;padding:9px;font-size:13px;gap:7px}.option-letter{flex-basis:24px;height:24px;font-size:10px}.question-footer .button{min-height:39px;font-size:13px;min-width:135px}.question-footer{font-size:10px}.result-body{gap:25px;grid-template-columns:.65fr 1.35fr}.score-card{padding:15px;gap:9px;max-height:210px}.score{font-size:70px}.score small{font-size:19px}.correct-count{font-size:12px}.result-copy{gap:8px}.result-copy h2{font-size:24px}.result-copy>p{font-size:13px;line-height:1.35}.result-actions{gap:6px;display:grid;grid-template-columns:1fr 1fr}.result-actions>.primary{grid-column:1/-1}.result-actions .button{min-height:37px;padding:7px 10px;font-size:12px}.result-actions .text-button{grid-column:1/-1;padding:2px}.tabs button{min-height:29px;padding:4px;font-size:11px}.guide-page{gap:8px}.guide-page h2{font-size:21px}.guide-columns{gap:20px}.guide-page p{font-size:13px;line-height:1.4}.guide-section{gap:7px}.answer-box{font-size:13px;padding:10px}.guide-label{font-size:9px}.guide-section .reference{font-size:11px}.pagination .button{min-height:32px;width:40px;padding:3px}.name-form{gap:9px;max-width:570px}.name-form h2{font-size:23px}.name-form p{font-size:13px;line-height:1.3}.name-form input{min-height:42px;padding:8px 12px}.name-form .button{min-height:40px}.name-help{display:none}.files-body{gap:25px;grid-template-columns:.65fr 1.35fr}.file-preview{max-height:175px}.pdf-cover{width:140px;padding:17px;gap:13px}.pdf-cover strong{font-size:24px}.pdf-cover span{font-size:10px}.files-copy{gap:8px}.files-copy h2{font-size:22px}.files-copy p{font-size:12px;line-height:1.3}.files-copy .button{min-height:38px;padding:7px;font-size:12px}.files-copy .text-button{font-size:10px;padding:3px}.dialog-heading h2{font-size:18px}dialog{padding:12px;gap:8px}dialog[open]{gap:8px}dialog>.button{min-height:35px;padding:6px;font-size:12px}dialog>.text-button{padding:3px;font-size:11px}}
@media(max-width:360px){.question-body .options{grid-template-columns:1fr 1fr}.question-body{gap:12px}.option{padding:9px;gap:7px;font-size:13px}.option-letter{flex-basis:23px;height:23px;font-size:10px}}
.keyboard-open .name-form>p:not(.error){display:none}
@media(max-width:360px){.file-preview{height:95px;flex-basis:95px}.files-copy .action-row{flex-direction:row}.files-copy .action-row .button{font-size:12px;min-height:48px;padding:8px}.files-copy p{font-size:12px}.files-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Primeira tela com texto para ler (SEO e GEO, servidor/biblia_idiomas.py): só ela rola; o quiz segue em tela cheia. */
html[data-stage=landing]{height:auto;overflow:visible}
body[data-stage=landing]{position:static;height:auto;min-height:var(--app-height);overflow:visible;display:block}
body[data-stage=landing] #quiz-app{min-height:calc(var(--app-height) - 90px)}
body:not([data-stage=landing]) .conteudo-seo{display:none}
.conteudo-seo{width:min(980px,100%);margin:0 auto;padding:6px 26px 18px;display:flex;flex-direction:column;gap:14px}
.seo-bloco{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:26px 28px;box-shadow:0 10px 40px #2a224008}
.seo-bloco h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px}
.seo-bloco h3{font-size:16px;line-height:1.35;margin:18px 0 6px}
.seo-bloco p,.seo-bloco li{font-size:16px;line-height:1.55;color:var(--muted)}
.seo-bloco ol,.seo-bloco ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.seo-colunas{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.seo-bloco .extras{padding-left:0;list-style:none;gap:9px;margin-top:14px}
.extras details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px}
.extras details[open]{background:#faf7ff;border-color:#e5ddfb}
.extras summary{cursor:pointer;padding:14px 0;font-size:16px;font-weight:700;color:var(--ink);line-height:1.35}
.extras summary::marker{color:var(--accent)}
.extras details p{padding-bottom:12px}
.seo-bloco .extra-resposta{font-weight:800;color:var(--accent);padding-bottom:4px}
.seo-fim{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:10px 0 4px}
.seo-fim p,.seo-idiomas{font-size:12px;line-height:1.5;color:var(--muted);max-width:640px}
.seo-idiomas a{color:var(--accent);font-weight:700}
body[data-stage=landing] .site-footer{padding:10px 12px 18px}
body[data-stage=landing] .site-header{height:60px}
@media(max-height:500px) and (min-width:601px){body[data-stage=landing] .site-header{height:43px}body[data-stage=landing] #quiz-app{min-height:calc(var(--app-height) - 63px)}body[data-stage=landing] .landing-copy h1{font-size:min(32px,calc(var(--app-height)*.075))}}
@media(max-width:600px){body[data-stage=landing] .site-header{height:50px}.conteudo-seo{padding:4px 12px 14px;gap:12px}.seo-bloco{padding:20px;border-radius:20px}.seo-bloco h2{font-size:21px}.seo-bloco p,.seo-bloco li{font-size:15px}.seo-colunas{grid-template-columns:1fr;gap:12px}.extras summary{font-size:15px}body[data-stage=landing] #quiz-app{min-height:calc(var(--app-height) - 74px)}}