:root{
  --bg:#f7f3e8; --paper:#fffdf7; --ink:#24221e; --muted:#69645c; --line:#e5decf;
  --context:#2f6f9f; --theme:#c76d1d; --connection:#7652a5; --practice:#2f7d4a;
  --god:#a77a16; --alert:#a94747; --keyword:#b86f16; --dark:#29313a;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
.topbar{background:#1f2a31;color:#fff;padding:18px 20px;box-shadow:0 2px 10px #0002}
.brand{max-width:980px;margin:auto;display:flex;gap:14px;align-items:center}
.brand-mark{width:42px;height:42px;border-radius:12px;background:#d5ae4e;color:#1f2a31;display:grid;place-items:center;font-size:24px;font-weight:800}
.brand h1{font-size:20px;margin:0}.brand p{margin:1px 0 0;color:#dbe2e6;font-size:13px}
.shell{max-width:980px;margin:auto;padding:24px 16px 48px}
.hero{padding:26px 4px 18px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#8a6b23}
.hero h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;margin:8px 0 12px;max-width:820px}
.hero p{color:var(--muted);max-width:780px}
.prayer-card,.selector-card,.legend,.study-block,.version-note,.progress-card,.favorites-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #503d1b0b}
.prayer-card{display:flex;gap:16px;padding:22px;margin:14px 0 20px;border-left:6px solid #d5ae4e}
.prayer-card .icon{font-size:28px}.prayer-card h3{margin:0 0 6px}
blockquote{margin:12px 0 0;padding:12px 14px;background:#f8f1dc;border-radius:12px;font-family:Georgia,serif}
.selector-card{padding:16px;display:grid;grid-template-columns:1fr 120px 1.3fr 160px;gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:800;color:var(--muted)}
select,button{height:46px;border-radius:12px;border:1px solid #d7cfbf;padding:0 12px;font-size:16px;background:white}
button{border:0;background:#263b45;color:white;font-weight:800;cursor:pointer}
.version-note{padding:14px 16px;margin-top:12px;color:#5b5449;font-size:14px}
.version-note:empty{display:none}
#study{margin-top:22px;display:grid;gap:16px}
.study-title{background:#263b45;color:white;border-radius:18px;padding:22px}
.study-title h2{font-family:Georgia,serif;font-size:30px;margin:0 0 6px}.study-title p{margin:0;color:#dbe4e8}
.study-block{padding:20px;border-left:6px solid var(--line)}
.study-block h3{margin:0 0 8px;font-size:20px}.study-block h4{margin:16px 0 4px}
.study-block p{margin:7px 0}.study-block ul,.study-block ol{padding-left:22px}
.study-block.context{border-left-color:var(--context)}.study-block.theme{border-left-color:var(--theme)}
.study-block.connection{border-left-color:var(--connection)}.study-block.practice{border-left-color:var(--practice)}
.study-block.god{border-left-color:var(--god)}.study-block.alert{border-left-color:var(--alert)}
.study-block.keyword{border-left-color:var(--keyword)}.study-block.write{border-left-color:#8b7253;background:#fffaf0}
.badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#eee;margin-bottom:8px}
.context .badge{background:#e7f1f8;color:#225b81}.theme .badge{background:#fff0df;color:#9a4e0e}
.connection .badge{background:#efe9f7;color:#62428d}.practice .badge{background:#e8f4eb;color:#28673e}
.god .badge{background:#fbf0ce;color:#80600e}.alert .badge{background:#fae7e7;color:#883838}
.keyword .badge{background:#fff0df;color:#95540c}.write .badge{background:#efe8db;color:#66513b}
.word-btn{border:0;background:#fff2d8;color:#7b4d0f;height:auto;padding:2px 6px;border-radius:7px;font:inherit;font-weight:800;text-decoration:underline;text-decoration-style:dotted}
.legend{padding:18px;margin-top:24px}.legend h3{margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:6px 10px;border-radius:999px;color:white;font-size:12px;font-weight:800}
.chip.context{background:var(--context)}.chip.theme{background:var(--theme)}.chip.connection{background:var(--connection)}
.chip.practice{background:var(--practice)}.chip.god{background:var(--god)}.chip.alert{background:var(--alert)}.chip.keyword{background:var(--keyword)}
.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}
.modal.open{display:flex}.modal-card{position:relative;max-width:540px;width:100%;background:#fffdf7;border-radius:20px;padding:24px;box-shadow:0 18px 60px #0005}
.modal-card h3{font-family:Georgia,serif;font-size:28px;margin:5px 0 8px}.modal-card p{margin:0 0 10px}
.modal-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;font-size:24px;padding:0}
footer{text-align:center;color:#6e685f;padding:20px 12px 40px;font-size:13px}
@media(max-width:760px){
  .hero h2{font-size:28px}
  .selector-card{grid-template-columns:1fr 1fr}
  .selector-card .field:nth-child(3){grid-column:1/-1}
  .selector-card button{grid-column:1/-1}
  .prayer-card{display:block}.prayer-card .icon{margin-bottom:6px}
}

/* ===== V3: Bíblia completa + estudo ===== */
.chapter-nav{display:grid;grid-template-columns:130px 1fr 130px;gap:10px;align-items:center;margin:14px 0 16px}
.chapter-nav span{text-align:center;font-family:Georgia,serif;font-weight:800;font-size:18px}
.nav-btn{height:42px;background:#fffdf7;color:#263b45;border:1px solid var(--line);box-shadow:none}
.nav-btn:disabled{opacity:.35;cursor:not-allowed}
.bible-wrap{margin-top:4px}
.bible-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px #503d1b0b;border-top:5px solid #d5ae4e}
.bible-card.loading{color:var(--muted)}
.bible-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
.bible-heading h2,.bible-card h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;margin:7px 0 0}
.bible-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;padding:4px 9px;border-radius:999px;background:#f4e8c5;color:#745719}
.testament{font-size:12px;color:var(--muted);font-weight:800;text-align:right}
.verses{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.78}
.verse{margin:0 0 12px}
.verse sup{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:900;color:#9a7624;margin-right:7px;vertical-align:super}
.license-card{border-top-color:#9a7624}.error-card{border-top-color:var(--alert)}
.muted{color:var(--muted)}
.study-divider{display:flex;align-items:center;gap:14px;margin:32px 0 18px;color:#8a6b23;font-size:12px;font-weight:900;letter-spacing:.12em}
.study-divider::before,.study-divider::after{content:"";height:1px;background:#d8cfbd;flex:1}
.study-pending{border-left-color:#d5ae4e;background:#fffaf0}
.source-note{max-width:760px;margin:4px auto 0;font-size:11px;color:#817b73}
@media(max-width:760px){
  .chapter-nav{grid-template-columns:96px 1fr 96px;gap:6px}
  .nav-btn{font-size:13px;padding:0 6px}
  .chapter-nav span{font-size:16px}
  .bible-card{padding:18px 16px}
  .bible-heading{display:block}.testament{display:block;text-align:left;margin-top:6px}
  .bible-heading h2,.bible-card h2{font-size:27px}
  .verses{font-size:18px;line-height:1.75}
}


/* ===== V4: Progresso de leitura ===== */
.progress-card{padding:18px;margin:14px 0 4px}
.progress-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.progress-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.progress-percent{font-size:26px;color:#8a6b23;line-height:1}
.progress-track{height:12px;border-radius:999px;background:#e9e1d1;overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:inherit;background:#2f7d4a;transition:width .28s ease}
.progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 14px;color:var(--muted);font-size:13px}
.progress-btn{width:100%;min-height:46px;height:auto;padding:11px 14px;background:#263b45}
.progress-btn.is-complete{background:#2f7d4a}
.progress-note{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){
  .progress-heading h3{font-size:20px}
  .progress-percent{font-size:23px}
  .progress-meta{display:grid;gap:2px}
}


/* ===== V5: Favoritos ===== */
.favorites-card{padding:18px;margin:14px 0 4px}
.favorites-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.favorites-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.favorite-count{min-width:42px;height:42px;padding:0 10px;border-radius:999px;background:#f4e8c5;color:#8a6b23;display:grid;place-items:center;font-size:20px;line-height:1}
.favorite-btn{width:100%;min-height:46px;height:auto;padding:11px 14px;background:#263b45}
.favorite-btn.is-favorite{background:#a77a16}
.favorites-list{display:grid;gap:8px;margin-top:12px;max-height:280px;overflow:auto;padding-right:2px}
.favorites-empty{margin:0;padding:12px 14px;border:1px dashed #d8cfbd;border-radius:12px;color:var(--muted);font-size:13px;background:#fffaf0}
.favorite-row{display:grid;grid-template-columns:1fr 42px;gap:7px}
.favorite-open{min-height:42px;height:auto;padding:8px 12px;text-align:left;background:#fffaf0;color:#5d4919;border:1px solid #e5d4a4;font-size:14px}
.favorite-remove{height:42px;padding:0;background:#f3ece0;color:#6e5a46;border:1px solid #dfd3c1;font-size:22px;font-weight:500}
.favorites-note{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){
  .favorites-heading h3{font-size:20px}
  .favorite-count{min-width:38px;height:38px;font-size:18px}
}


/* ===== V6: Busca inteligente ===== */
.search-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #503d1b0b;padding:18px;margin:14px 0 4px}
.search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.search-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.search-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f4e8c5;color:#8a6b23;font-size:26px;font-weight:800;line-height:1}
.search-intro{margin:10px 0 12px;color:var(--muted);font-size:13px}
.search-box{display:grid;grid-template-columns:1fr 126px;gap:8px}
.search-box input{height:48px;width:100%;border:1px solid #d7cfbf;border-radius:12px;padding:0 14px;background:#fff;font:inherit;font-size:16px;color:var(--ink);outline:none}
.search-box input:focus{border-color:#a77a16;box-shadow:0 0 0 3px #d5ae4e2c}
.search-box button{height:48px;background:#263b45}
.quick-search{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.quick-search-btn{height:32px;padding:0 11px;border-radius:999px;background:#f7f0dc;color:#73581b;border:1px solid #e5d4a4;font-size:12px;font-weight:800}
.search-status{margin:11px 0 0;color:var(--muted);font-size:12px}
.search-results{display:grid;gap:9px;margin-top:12px;max-height:560px;overflow:auto;padding-right:2px}
.search-results:empty{display:none}
.search-result{border:1px solid #e4dccd;background:#fffaf0;border-radius:14px;padding:13px}
.search-result-top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.search-ref{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8a6b23}
.search-result h4{font-family:Georgia,serif;font-size:18px;line-height:1.25;margin:3px 0 0}
.search-result p{margin:8px 0 0;color:#5f594f;font-size:13px;line-height:1.5}
.search-open{height:36px;padding:0 13px;background:#263b45;border-radius:10px;font-size:13px}
.search-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.search-tags span{padding:3px 7px;border-radius:999px;background:#efe8d6;color:#6b5625;font-size:10px;font-weight:800}
@media(max-width:760px){
  .search-heading h3{font-size:20px}
  .search-box{grid-template-columns:1fr}
  .search-box button{width:100%}
  .search-results{max-height:520px}
}


/* ===== V7: Continuar de onde parei ===== */
.continue-card{background:linear-gradient(135deg,#fffaf0 0%,#fffdf7 100%);border:1px solid #e3d7bd;border-left:5px solid #d5ae4e;border-radius:18px;box-shadow:0 8px 24px #503d1b0b;padding:18px;margin:14px 0 4px}
.continue-card.is-empty{border-left-color:#c9c1b3}
.continue-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.continue-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.continue-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f4e8c5;color:#8a6b23;font-size:25px;font-weight:800;line-height:1}
.continue-text{margin:10px 0 0;color:#5f594f;font-size:14px;line-height:1.5}
.continue-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.continue-meta[hidden]{display:none}
.continue-meta span{padding:5px 9px;border-radius:999px;background:#efe8d6;color:#6b5625;font-size:11px;font-weight:800}
.continue-btn{width:100%;min-height:46px;height:auto;margin-top:12px;padding:11px 14px;background:#a77a16;color:#fff}
.continue-btn[hidden]{display:none}
@media(max-width:760px){
  .continue-heading h3{font-size:20px}
  .continue-icon{width:38px;height:38px;font-size:22px}
}


/* ===== V8: Meu Caderno ===== */
.notes-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #503d1b0b;padding:18px;margin:14px 0 4px}
.notes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.notes-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.note-count{min-width:42px;height:42px;padding:0 10px;border-radius:999px;background:#e8efe9;color:#2f6e45;display:grid;place-items:center;font-size:20px;line-height:1}
.notes-intro{margin:8px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
.note-label{display:block;margin:0 0 7px;font-size:12px;font-weight:900;color:#5d554a}
.chapter-note{width:100%;min-height:150px;resize:vertical;border:1px solid #d7cfbf;border-radius:14px;padding:13px 14px;background:#fffdf8;color:var(--ink);font:inherit;font-size:15px;line-height:1.55;outline:none}
.chapter-note:focus{border-color:#a77a16;box-shadow:0 0 0 3px #d5ae4e2c}
.notes-actions{display:grid;grid-template-columns:1fr 100px;gap:8px;margin-top:9px}
.note-save{min-height:44px;height:auto;background:#263b45}
.note-clear{min-height:44px;height:auto;background:#f3ece0;color:#6e5a46;border:1px solid #dfd3c1}
.note-clear:disabled{opacity:.45;cursor:not-allowed}
.note-status{margin:9px 0 0;color:#6a645b;font-size:11px;line-height:1.4}
.notes-list-toggle{width:100%;min-height:40px;height:auto;margin-top:12px;padding:8px 12px;background:#fffaf0;color:#73581b;border:1px solid #e5d4a4;font-size:12px}
.notes-list{display:grid;gap:8px;margin-top:9px;max-height:360px;overflow:auto;padding-right:2px}
.notes-list[hidden]{display:none}
.notes-empty{margin:0;padding:12px 14px;border:1px dashed #d8cfbd;border-radius:12px;color:var(--muted);font-size:13px;background:#fffaf0}
.note-row{display:grid;grid-template-columns:1fr 42px;gap:7px}
.note-open{min-height:52px;height:auto;padding:9px 12px;text-align:left;background:#fffaf0;color:#5d4919;border:1px solid #e5d4a4;font-size:13px;display:grid;gap:3px}
.note-open strong{font-size:13px}
.note-open span{font-weight:500;color:#766b5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.note-remove{height:52px;padding:0;background:#f3ece0;color:#6e5a46;border:1px solid #dfd3c1;font-size:22px;font-weight:500}
.notes-note{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){
  .notes-heading h3{font-size:20px}
  .note-count{min-width:38px;height:38px;font-size:18px}
  .notes-actions{grid-template-columns:1fr 88px}
}


/* ===== V9: Meus Dados / Backup ===== */
.data-card{background:linear-gradient(180deg,#fffdf8 0%,#faf6ec 100%);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #503d1b0b;padding:18px;margin:14px 0 4px}
.data-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.data-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.data-shield{min-width:42px;height:42px;border-radius:999px;background:#e8efe9;color:#2f6e45;display:grid;place-items:center;font-size:22px;font-weight:800}
.data-intro{margin:10px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
.data-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 12px}
.data-summary>div{background:#fff;border:1px solid #e4dccd;border-radius:12px;padding:10px 8px;min-width:0;text-align:center}
.data-summary strong{display:block;font-size:19px;line-height:1.1;color:#334b42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-summary strong.data-last{font-size:12px;padding-top:4px}
.data-summary span{display:block;margin-top:4px;font-size:10px;color:#7a7165}
.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.data-export,.data-import{min-height:46px;height:auto;padding:10px 12px}
.data-export{background:#263b45}
.data-import{background:#fffaf0;color:#73581b;border:1px solid #dfc98c}
.data-status{margin:10px 0 0;color:#5f655e;font-size:11px;line-height:1.45}
.data-note{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){
  .data-heading h3{font-size:20px}
  .data-shield{min-width:38px;height:38px;font-size:20px}
  .data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== V10: Plano de Leitura ===== */
.reading-plan-card{background:linear-gradient(145deg,#fffdf7 0%,#f8f1df 100%);border:1px solid #dfd1ad;border-left:5px solid #7c8f78;border-radius:18px;box-shadow:0 8px 24px #503d1b0b;padding:18px;margin:14px 0 4px}
.reading-plan-card.is-inactive{border-left-color:#c9c1b3}
.plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.plan-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.plan-today-count{min-width:48px;height:42px;padding:0 10px;border-radius:999px;background:#e8efe9;color:#2f6e45;display:grid;place-items:center;font-size:17px;line-height:1}
.plan-intro{margin:10px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
.plan-settings{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:end}
.plan-goal-field{display:grid;gap:6px}
.plan-goal-field label{font-size:12px;font-weight:900;color:#5d554a}
.plan-goal-field select{width:100%;height:46px;border:1px solid #d7cfbf;border-radius:12px;padding:0 12px;background:#fff;font:inherit;font-size:14px;color:var(--ink)}
.plan-start-btn{min-height:46px;height:auto;padding:10px 12px;background:#263b45}
.plan-active[hidden]{display:none}
.plan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 10px}
.plan-summary>div{background:#fff;border:1px solid #e4dccd;border-radius:12px;padding:9px 7px;min-width:0;text-align:center}
.plan-summary strong{display:block;font-size:17px;line-height:1.1;color:#334b42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-summary span{display:block;margin-top:4px;font-size:9px;color:#7a7165;line-height:1.2}
.plan-today-list{display:grid;gap:7px;margin-top:8px}
.plan-reading-row{width:100%;min-height:54px;height:auto;padding:8px 10px;display:grid;grid-template-columns:32px 1fr 24px;gap:8px;align-items:center;text-align:left;background:#fffaf0;color:#554b3e;border:1px solid #e5d8b8;border-radius:12px}
.plan-reading-row.is-done{background:#eef5ef;border-color:#c8dbc9;color:#385a42}
.plan-reading-check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0e6ca;color:#83661f;font-size:16px;font-weight:900}
.plan-reading-row.is-done .plan-reading-check{background:#d8eadc;color:#2f6e45}
.plan-reading-ref{display:grid;gap:2px;min-width:0}
.plan-reading-ref strong{font-size:14px;line-height:1.2}
.plan-reading-ref small{font-size:10px;font-weight:700;color:#7a7165}
.plan-reading-arrow{font-size:24px;line-height:1;color:#9b8a6d;text-align:right}
.plan-status{margin:10px 0 0;color:#5d665d;font-size:12px;line-height:1.45}
.plan-note{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.plan-complete-bible{display:grid;gap:3px;padding:13px 14px;border:1px solid #c9ddcc;border-radius:12px;background:#eef6ef;color:#35563f}
.plan-complete-bible strong{font-size:14px}
.plan-complete-bible span{font-size:11px}
@media(max-width:760px){
  .plan-heading h3{font-size:20px}
  .plan-settings{grid-template-columns:1fr 120px}
  .plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-today-count{min-width:42px;height:38px;font-size:15px}
}

/* ===== V11: Conta e sincronização ===== */
.account-card{background:linear-gradient(145deg,#fffef9 0%,#f1f5f0 100%);border:1px solid #d9dfd4;border-left:5px solid #607b69;border-radius:18px;box-shadow:0 8px 24px #334b420c;padding:18px;margin:14px 0 4px}
.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.account-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;line-height:1.2}
.account-cloud{min-width:42px;height:42px;border-radius:999px;background:#e5eee7;color:#3f6850;display:grid;place-items:center;font-size:22px}
.account-intro{margin:10px 0 13px;color:var(--muted);font-size:13px;line-height:1.5}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;padding:4px;background:#edf1ec;border:1px solid #dce3da;border-radius:13px}
.account-tab{height:40px;background:transparent;color:#657069;border:0;font-size:13px}
.account-tab.is-active{background:#fff;color:#314b3c;box-shadow:0 2px 8px #314b3c12}
.account-form{display:grid;gap:7px}
.account-form[hidden]{display:none}
.account-form label{font-size:12px;font-weight:900;color:#565f59;margin-top:2px}
.account-form input{width:100%;min-height:46px;border:1px solid #d4dcd2;border-radius:12px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit;font-size:14px;outline:none}
.account-form input:focus{border-color:#6b8a76;box-shadow:0 0 0 3px #6b8a7624}
.account-form button[type="submit"]{min-height:47px;height:auto;margin-top:4px;background:#2f4b3a}
.account-user{display:grid;gap:11px}
.account-user[hidden]{display:none}
.account-user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #dce3da;border-radius:14px;padding:12px}
.account-user-row>div{min-width:0;display:grid;gap:3px}
.account-user-row strong{font-size:15px;color:#2d4034;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-user-row span:not(.account-sync-badge){font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-sync-badge{flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;background:#e7f2e9;color:#2f6e45}
.account-sync-badge[data-state="working"]{background:#f4ecd2;color:#7a5d18}
.account-sync-badge[data-state="pending"]{background:#fff0dc;color:#8a5d25}
.account-actions{display:grid;grid-template-columns:1fr 90px;gap:8px}
.account-sync-btn,.account-logout-btn{min-height:44px;height:auto;padding:9px 11px}
.account-sync-btn{background:#2f4b3a}
.account-logout-btn{background:#f3ece0;color:#6e5a46;border:1px solid #dfd3c1}
.account-status{margin:10px 0 0;font-size:11px;line-height:1.45;color:#626a64}
.account-status[data-state="ok"]{color:#2f6e45}
.account-status[data-state="error"]{color:#9a473d}
.account-status[data-state="working"]{color:#7a5d18}
.account-note{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){.account-heading h3{font-size:20px}.account-cloud{min-width:38px;height:38px;font-size:20px}.account-actions{grid-template-columns:1fr 82px}}



/* ===== V12: Cadastro somente por convite ===== */
.invite-help{margin:-2px 0 2px;color:#766b5a;font-size:11px;line-height:1.45}
#registerInvite{text-transform:uppercase;letter-spacing:.04em}


/* ===== V13: Licença individual ===== */
#registerInvite{text-transform:uppercase;letter-spacing:.055em;font-weight:800}


/* ===== V14: Exclusão de conta e dados ===== */
.account-delete-link{margin-top:10px;width:100%;min-height:40px;height:auto;background:transparent;color:#9a3f36;border:1px solid #e6c7c2;font-size:12px}
.delete-account-box{margin-top:10px;padding:14px;border:1px solid #e2bbb5;border-radius:14px;background:#fff7f5}
.delete-account-box[hidden]{display:none}
.delete-account-box>strong{display:block;color:#8d3028;font-size:15px}
.delete-account-box>p{margin:6px 0 10px;color:#6f615d;font-size:12px;line-height:1.5}
.delete-account-box label{display:block;margin:7px 0 5px;font-size:12px;font-weight:800;color:#5d554a}
.delete-account-box input[type="password"]{width:100%;min-height:44px;border:1px solid #d9c9c5;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}
.delete-confirm-row{display:flex!important;align-items:flex-start;gap:8px;margin:10px 0!important;font-weight:600!important}
.delete-confirm-row input{margin-top:2px}
.delete-account-actions{display:grid;grid-template-columns:1fr 92px;gap:8px}
.danger-button{min-height:44px;height:auto;background:#9b3f35;color:#fff}
.soft-button{min-height:44px;height:auto;background:#f3ece0;color:#6e5a46;border:1px solid #dfd3c1}
.account-note a{color:#73581b;text-decoration:underline}

.legal-links{margin:8px 0}.legal-links a{color:#73581b;text-decoration:underline;font-weight:700}

/* ===== V20: Identidade oficial + tema claro como padrão ===== */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

.topbar{
  background:#1f2a31;
  border-bottom:1px solid rgba(215,170,62,.45);
  box-shadow:0 5px 22px #0003;
  position:sticky;
  top:0;
  z-index:50;
}
.brand{
  max-width:980px;
  margin:auto;
  display:flex;
  gap:12px;
  align-items:center;
}
.brand-logo{
  width:50px;
  height:50px;
  object-fit:contain;
  border-radius:14px;
  flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(215,170,62,.42),0 8px 20px #0004;
}
.brand-copy{min-width:0}
.brand h1{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  color:#fff8e9;
  letter-spacing:.02em;
  font-size:22px;
}
.brand p{
  margin:1px 0 0;
  color:#d7aa3e;
  font-size:10px;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.theme-toggle{
  margin-left:auto;
  flex:0 0 auto;
  height:38px;
  min-width:82px;
  padding:0 10px;
  border:1px solid rgba(215,170,62,.45);
  border-radius:999px;
  background:#fffaf0;
  color:#4c3a16;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:12px;
  font-weight:900;
}
.theme-toggle:hover{filter:none}
.theme-toggle-icon{font-size:16px;line-height:1}

html[data-theme="dark"] .theme-toggle{
  background:#17140e;
  color:#f0c95d;
  border-color:#4a3918;
}

@media(max-width:760px){
  .topbar{padding:12px 13px}
  .brand{gap:9px}
  .brand-logo{width:43px;height:43px;border-radius:12px}
  .brand h1{font-size:18px}
  .brand p{font-size:8px;letter-spacing:.035em;white-space:nowrap}
  .theme-toggle{min-width:68px;height:35px;padding:0 8px;font-size:11px}
}

/* ===== V20: Tema escuro opcional (visual V19 preservado) ===== */
html[data-theme="dark"]{
  --bg:#080b0d;
  --paper:#111518;
  --ink:#f4eee2;
  --muted:#b8b1a5;
  --line:#2b2b27;
  --gold:#d7aa3e;
  --gold-soft:#f1d77a;
  --gold-deep:#9a6d16;
  --dark:#080b0d;
  --context:#6da8cf;
  --theme:#d7aa3e;
  --connection:#a98bd4;
  --practice:#74b58a;
  --god:#e3bd56;
  --alert:#d77970;
  --keyword:#dfad4d;
}html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 50% -10%,rgba(215,170,62,.13),transparent 34rem),
    linear-gradient(180deg,#080b0d 0%,#0d1113 44%,#080b0d 100%);
  color:var(--ink);
}html[data-theme="dark"] .topbar{
  background:rgba(7,10,12,.96);
  border-bottom:1px solid rgba(215,170,62,.35);
  box-shadow:0 8px 28px #0008;
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(12px);
}html[data-theme="dark"] .brand-logo{
  width:50px;height:50px;object-fit:contain;border-radius:14px;
  box-shadow:0 0 0 1px rgba(215,170,62,.35),0 8px 24px #0008;
}html[data-theme="dark"] .brand h1{font-family:Georgia,'Times New Roman',serif;color:#fff8e9;letter-spacing:.02em;font-size:22px}html[data-theme="dark"] .brand p{color:#d7aa3e;font-size:11px;letter-spacing:.06em;text-transform:uppercase}html[data-theme="dark"] .hero{padding-top:34px}html[data-theme="dark"] .hero::before{content:"";display:block;width:68px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:16px}html[data-theme="dark"] .eyebrow{color:var(--gold);letter-spacing:.14em}html[data-theme="dark"] .hero h2{color:#fff7e7;text-shadow:0 2px 16px #0006}html[data-theme="dark"] .hero p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .source-note{color:var(--muted)}html[data-theme="dark"] .prayer-card,
html[data-theme="dark"] .selector-card,
html[data-theme="dark"] .legend,
html[data-theme="dark"] .study-block,
html[data-theme="dark"] .version-note,
html[data-theme="dark"] .progress-card,
html[data-theme="dark"] .favorites-card,
html[data-theme="dark"] .search-card,
html[data-theme="dark"] .continue-card,
html[data-theme="dark"] .notes-card,
html[data-theme="dark"] .data-card,
html[data-theme="dark"] .reading-plan-card,
html[data-theme="dark"] .account-card,
html[data-theme="dark"] .bible-card{
  background:linear-gradient(145deg,rgba(21,25,27,.98),rgba(12,15,17,.98));
  border-color:#2d2b25;
  box-shadow:0 14px 36px #0005;
  color:var(--ink);
}html[data-theme="dark"] .prayer-card{border-left-color:var(--gold);background:linear-gradient(145deg,#161918,#0e1112)}html[data-theme="dark"] blockquote{background:#18160f;border:1px solid #3d3420;color:#f1e4c6}html[data-theme="dark"] .selector-card{border-top:1px solid rgba(215,170,62,.42)}html[data-theme="dark"] select,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea{
  background:#0c1012!important;color:#f2eadb!important;border-color:#3b3932!important;
}html[data-theme="dark"] select:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(215,170,62,.14)!important}html[data-theme="dark"] button{background:linear-gradient(180deg,#b98a25,#906414);color:#fff8e7;box-shadow:0 6px 18px #0003}html[data-theme="dark"] button:hover{filter:brightness(1.06)}html[data-theme="dark"] .nav-btn,
html[data-theme="dark"] .quick-search-btn,
html[data-theme="dark"] .notes-list-toggle,
html[data-theme="dark"] .favorite-open,
html[data-theme="dark"] .data-import,
html[data-theme="dark"] .soft-button,
html[data-theme="dark"] .account-logout-btn,
html[data-theme="dark"] .note-clear{
  background:#15191b;color:#e9d7a5;border:1px solid #3d3525;box-shadow:none;
}html[data-theme="dark"] .study-title{background:linear-gradient(135deg,#0b0e10,#18150e);border:1px solid rgba(215,170,62,.42);box-shadow:0 16px 40px #0006}html[data-theme="dark"] .study-title h2{color:#fff6e3}html[data-theme="dark"] .study-title p{color:#c9c1b5}html[data-theme="dark"] .bible-card{border-top-color:var(--gold)}html[data-theme="dark"] .bible-badge,
html[data-theme="dark"] .favorite-count,
html[data-theme="dark"] .search-icon,
html[data-theme="dark"] .continue-icon,
html[data-theme="dark"] .plan-today-count{
  background:#201b0f;color:#f0c95d;border:1px solid #49391a;
}html[data-theme="dark"] .verses{color:#f1eadf}html[data-theme="dark"] .verse sup{color:#e5b94b}html[data-theme="dark"] .progress-track{background:#232425}html[data-theme="dark"] .progress-fill{background:linear-gradient(90deg,#9b6c17,#e0b84e)}html[data-theme="dark"] .progress-percent{color:#edc75d}html[data-theme="dark"] .progress-btn,
html[data-theme="dark"] .favorite-btn,
html[data-theme="dark"] .search-box button,
html[data-theme="dark"] .search-open,
html[data-theme="dark"] .note-save,
html[data-theme="dark"] .data-export,
html[data-theme="dark"] .plan-start-btn,
html[data-theme="dark"] .account-sync-btn,
html[data-theme="dark"] .account-form button[type="submit"]{
  background:linear-gradient(180deg,#b98a25,#8b6114);color:#fff8e7;
}html[data-theme="dark"] .favorite-btn.is-favorite{background:linear-gradient(180deg,#d1a439,#9b6c17)}html[data-theme="dark"] .favorites-empty,
html[data-theme="dark"] .notes-empty,
html[data-theme="dark"] .search-result,
html[data-theme="dark"] .delete-account-box,
html[data-theme="dark"] .plan-complete-bible{
  background:#121618;color:#d7d0c5;border-color:#38362f;
}html[data-theme="dark"] .favorite-remove,
html[data-theme="dark"] .note-remove{background:#17191a;color:#c6aa6b;border-color:#3d3525}html[data-theme="dark"] .search-result h4,
html[data-theme="dark"] .notes-heading h3,
html[data-theme="dark"] .favorites-heading h3,
html[data-theme="dark"] .progress-heading h3,
html[data-theme="dark"] .continue-heading h3,
html[data-theme="dark"] .data-heading h3,
html[data-theme="dark"] .plan-heading h3,
html[data-theme="dark"] .account-heading h3{color:#fff5df}html[data-theme="dark"] .search-result p,
html[data-theme="dark"] .search-intro,
html[data-theme="dark"] .notes-intro,
html[data-theme="dark"] .favorites-note,
html[data-theme="dark"] .progress-note,
html[data-theme="dark"] .continue-text,
html[data-theme="dark"] .data-intro,
html[data-theme="dark"] .data-note,
html[data-theme="dark"] .plan-intro,
html[data-theme="dark"] .plan-note,
html[data-theme="dark"] .account-intro,
html[data-theme="dark"] .account-note{color:var(--muted)}html[data-theme="dark"] .search-tags span,
html[data-theme="dark"] .continue-meta span{background:#211c11;color:#e7c35f;border:1px solid #463817}html[data-theme="dark"] .chapter-note{background:#0c1012}html[data-theme="dark"] .data-summary>div,
html[data-theme="dark"] .plan-summary>div,
html[data-theme="dark"] .account-user-row{background:#0e1214;border-color:#32312b}html[data-theme="dark"] .data-summary strong,
html[data-theme="dark"] .plan-summary strong,
html[data-theme="dark"] .account-user-row strong{color:#f3dfaa}html[data-theme="dark"] .data-summary span,
html[data-theme="dark"] .plan-summary span,
html[data-theme="dark"] .account-user-row span:not(.account-sync-badge){color:#aaa397}html[data-theme="dark"] .data-shield,
html[data-theme="dark"] .account-cloud{background:#171d19;color:#e0bc56;border:1px solid #34392f}html[data-theme="dark"] .plan-reading-row{background:#111517;color:#eee4d0;border-color:#34332d}html[data-theme="dark"] .plan-reading-row.is-done{background:#111a15;border-color:#33483a;color:#cce3d2}html[data-theme="dark"] .plan-reading-check{background:#211c11;color:#e0b94d}html[data-theme="dark"] .account-tabs{background:#0b0e10;border-color:#2f302b}html[data-theme="dark"] .account-tab{color:#aaa397}html[data-theme="dark"] .account-tab.is-active{background:#1a1710;color:#f1cb67;box-shadow:inset 0 0 0 1px #4c3a17}html[data-theme="dark"] .account-form label,
html[data-theme="dark"] .plan-goal-field label,
html[data-theme="dark"] .note-label,
html[data-theme="dark"] .delete-account-box label{color:#c8c0b3}html[data-theme="dark"] .account-sync-badge{background:#152219;color:#8fd1a0}html[data-theme="dark"] .account-sync-badge[data-state="working"]{background:#211d11;color:#e2bd55}html[data-theme="dark"] .account-sync-badge[data-state="pending"]{background:#261a11;color:#e5a45a}html[data-theme="dark"] .account-delete-link{color:#e08b82;border-color:#5d302c;background:#120d0d}html[data-theme="dark"] .delete-account-box{border-color:#57302c;background:#150f0f}html[data-theme="dark"] .delete-account-box>strong{color:#f0a29a}html[data-theme="dark"] .delete-account-box>p{color:#c1b1ad}html[data-theme="dark"] .danger-button{background:#8d362f}html[data-theme="dark"] .legal-links a,
html[data-theme="dark"] .account-note a{color:#e1bb55}html[data-theme="dark"] .modal-card{background:#101416;color:var(--ink);border:1px solid #3b3527}html[data-theme="dark"] footer{color:#8f887d;border-top:1px solid #262622;margin-top:28px}html[data-theme="dark"] .word-btn{background:#201a0d;color:#e7bd54}html[data-theme="dark"] .study-block.write{background:#15130e}html[data-theme="dark"] .study-pending{background:#17140e}@media(max-width:760px){html[data-theme="dark"] .topbar{padding:13px 14px}html[data-theme="dark"] .brand{gap:11px}html[data-theme="dark"] .brand-logo{width:44px;height:44px}html[data-theme="dark"] .brand h1{font-size:19px}html[data-theme="dark"] .brand p{font-size:9px}html[data-theme="dark"] .shell{padding-top:18px}html[data-theme="dark"] .hero{padding-top:20px}html[data-theme="dark"] .hero h2{font-size:29px}
}


/* ===== V21: Área protegida — login obrigatório ===== */
html[data-auth="checking"] .shell > section:not(#accountCard),
html[data-auth="no"] .shell > section:not(#accountCard){display:none!important}
html[data-auth="checking"] #glossaryModal,
html[data-auth="no"] #glossaryModal{display:none!important}

html[data-auth="checking"] .shell,
html[data-auth="no"] .shell{max-width:580px;min-height:calc(100vh - 210px);padding-top:42px}
html[data-auth="checking"] #accountCard,
html[data-auth="no"] #accountCard{margin:0 auto;border-top:4px solid #d5ae4e;box-shadow:0 18px 48px #0002}
html[data-auth="checking"] #accountLoggedOut{display:none!important}
html[data-auth="checking"] #accountLoggedIn{display:none!important}
html[data-auth="checking"] #accountStatus{padding:18px;text-align:center;font-weight:800}
html[data-auth="no"] #accountLoggedIn{display:none!important}
html[data-auth="no"] .account-note{display:none}
html[data-auth="checking"] footer>p:first-child,
html[data-auth="checking"] footer .source-note,
html[data-auth="no"] footer>p:first-child,
html[data-auth="no"] footer .source-note{display:none}
html[data-auth="checking"] footer,
html[data-auth="no"] footer{padding-top:8px}
html[data-auth="checking"] .topbar,
html[data-auth="no"] .topbar{position:relative}
html[data-auth="checking"] .theme-toggle,
html[data-auth="no"] .theme-toggle{display:flex}

html[data-theme="dark"][data-auth="checking"] #accountCard,
html[data-theme="dark"][data-auth="no"] #accountCard{box-shadow:0 18px 55px #0008}

@media(max-width:760px){
  html[data-auth="checking"] .shell,
  html[data-auth="no"] .shell{padding:24px 13px 32px;min-height:calc(100vh - 185px)}
  html[data-auth="checking"] #accountCard,
  html[data-auth="no"] #accountCard{border-radius:18px}
}

/* ===== V22: Estudo bíblico em opções / acordeão ===== */
.study-menu{
  margin-top:16px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 8px 24px #503d1b0b;
  padding:18px;
}
.study-menu-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding-bottom:15px;
  border-bottom:1px solid var(--line);
}
.study-menu-heading h3{
  margin:4px 0 4px;
  font-family:Georgia,serif;
  font-size:23px;
  line-height:1.2;
}
.study-menu-heading p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  max-width:560px;
}
.study-all-btn{
  flex:0 0 auto;
  min-width:164px;
  height:42px;
  padding:0 14px;
  background:#263b45;
  color:#fff;
  font-size:13px;
}
.study-options{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.study-accordion{
  background:#fffdf7;
  border:1px solid #e3dccd;
  border-radius:14px;
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.study-accordion[open]{
  border-color:#d7c38d;
  box-shadow:0 5px 18px #503d1b10;
}
.study-accordion summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:42px 1fr 30px;
  gap:10px;
  align-items:center;
  min-height:66px;
  padding:10px 13px;
  user-select:none;
}
.study-accordion summary::-webkit-details-marker{display:none}
.study-option-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:#f5edd7;
  display:grid;
  place-items:center;
  font-size:19px;
}
.study-option-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.study-option-copy strong{
  color:#302d27;
  font-size:15px;
  line-height:1.25;
}
.study-option-copy small{
  color:#7a7368;
  font-size:11px;
  line-height:1.3;
}
.study-option-chevron{
  color:#8a6b23;
  font-size:22px;
  text-align:center;
  transform:rotate(0deg);
  transition:transform .18s ease;
}
.study-accordion[open] .study-option-chevron{transform:rotate(180deg)}
.study-option-content{
  border-top:1px solid #eee6d8;
  padding:15px 16px 17px;
  color:var(--ink);
}
.study-option-content>p:first-child,
.study-option-content>h4:first-child{margin-top:0}
.study-option-content>p:last-child,
.study-option-content>ul:last-child,
.study-option-content>ol:last-child,
.study-option-content>blockquote:last-child{margin-bottom:0}
.study-subsection{
  padding:0 0 14px;
  margin:0 0 14px;
  border-bottom:1px dashed #ddd3c2;
}
.study-subsection:last-child{
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:0;
}
.study-subsection h4{
  margin:5px 0 5px;
  font-size:17px;
}
.study-subsection p{margin:5px 0}
.study-ref{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  background:#f5edd7;
  color:#73581b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.study-rich-list{margin:0;padding-left:21px}
.study-rich-list li{margin:0 0 11px}
.study-rich-list li:last-child{margin-bottom:0}
.study-from{
  display:block;
  margin-top:3px;
  color:#8a8277;
  font-size:10px;
  font-weight:700;
}
.study-final-reflection{
  margin-top:3px;
  padding:14px;
  border:1px solid #eadcaf;
  border-radius:12px;
  background:#fffaf0;
}
.study-final-reflection:last-child{padding:14px}

.study-accordion.context[open]{border-left:4px solid var(--context)}
.study-accordion.theme[open]{border-left:4px solid var(--theme)}
.study-accordion.connection[open]{border-left:4px solid var(--connection)}
.study-accordion.practice[open]{border-left:4px solid var(--practice)}
.study-accordion.god[open]{border-left:4px solid var(--god)}
.study-accordion.alert[open]{border-left:4px solid var(--alert)}
.study-accordion.keyword[open]{border-left:4px solid var(--keyword)}
.study-accordion.write[open]{border-left:4px solid #8b7253}

/* Tema escuro */
html[data-theme="dark"] .study-menu{
  background:linear-gradient(145deg,#111516,#0c0f10);
  border-color:#35342f;
  box-shadow:0 14px 38px #0005;
}
html[data-theme="dark"] .study-menu-heading{
  border-bottom-color:#34332e;
}
html[data-theme="dark"] .study-menu-heading h3{color:#fff5df}
html[data-theme="dark"] .study-menu-heading p{color:#aaa397}
html[data-theme="dark"] .study-all-btn{
  background:linear-gradient(180deg,#b98a25,#906414);
  color:#fff8e7;
}
html[data-theme="dark"] .study-accordion{
  background:#101416;
  border-color:#32322d;
}
html[data-theme="dark"] .study-accordion[open]{
  border-color:#514421;
  box-shadow:0 8px 24px #0004;
}
html[data-theme="dark"] .study-option-icon{
  background:#211c11;
  color:#e7c35f;
}
html[data-theme="dark"] .study-option-copy strong{color:#f3ead9}
html[data-theme="dark"] .study-option-copy small{color:#aaa397}
html[data-theme="dark"] .study-option-chevron{color:#e1bb55}
html[data-theme="dark"] .study-option-content{
  border-top-color:#2f302b;
  color:#e9e1d2;
}
html[data-theme="dark"] .study-subsection{border-bottom-color:#34342f}
html[data-theme="dark"] .study-ref{
  background:#211c11;
  color:#e7c35f;
}
html[data-theme="dark"] .study-from{color:#948e84}
html[data-theme="dark"] .study-final-reflection{
  background:#15130e;
  border-color:#40361e;
}

@media(max-width:760px){
  .study-menu{padding:14px}
  .study-menu-heading{
    display:grid;
    gap:11px;
  }
  .study-menu-heading h3{font-size:21px}
  .study-all-btn{
    width:100%;
    min-width:0;
  }
  .study-accordion summary{
    grid-template-columns:39px 1fr 25px;
    gap:8px;
    min-height:63px;
    padding:9px 10px;
  }
  .study-option-icon{
    width:37px;
    height:37px;
    font-size:18px;
  }
  .study-option-copy strong{font-size:14px}
  .study-option-copy small{font-size:10px}
  .study-option-content{padding:14px 13px 15px}
}

/* ===== V23: Ações compactas + ferramentas em acordeão ===== */
.chapter-quick-actions{
  margin:10px 0 14px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:11px;
  box-shadow:0 6px 18px #503d1b08;
}
.quick-actions-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:baseline;
  padding:0 3px 8px;
}
.quick-actions-title>span{
  font-size:12px;
  font-weight:900;
  color:#5c5549;
  letter-spacing:.04em;
}
.quick-actions-title small{
  color:var(--muted);
  font-size:10px;
}
.quick-actions-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}
.chapter-action-btn{
  min-width:0;
  min-height:54px;
  height:auto;
  padding:7px 4px;
  border:1px solid #e1d8c8;
  border-radius:12px;
  background:#fffaf0;
  color:#5f5542;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  box-shadow:none;
}
.chapter-action-btn:hover{filter:none}
.chapter-action-icon{
  font-size:18px;
  line-height:1.05;
  color:#8a6b23;
}
.chapter-action-label{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9.5px;
  font-weight:900;
}
.chapter-action-btn.is-active{
  background:#f4e8c5;
  color:#684f16;
  border-color:#d8bd70;
}
.chapter-action-btn.is-active .chapter-action-icon{color:#9d7418}

.personal-tools-hub{
  margin:22px 0 8px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  box-shadow:0 8px 24px #503d1b0b;
}
.personal-tools-heading{
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.personal-tools-heading h3{
  margin:4px 0 4px;
  font-family:Georgia,serif;
  font-size:23px;
  line-height:1.2;
}
.personal-tools-heading p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.personal-tools-list{
  display:grid;
  gap:8px;
  margin-top:13px;
}
.personal-tool{
  background:#fffdf7;
  border:1px solid #e3dccd;
  border-radius:14px;
  overflow:hidden;
}
.personal-tool[open]{
  border-color:#d7c38d;
  box-shadow:0 5px 18px #503d1b10;
}
.personal-tool>summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:42px 1fr 28px;
  gap:10px;
  align-items:center;
  min-height:64px;
  padding:9px 12px;
  user-select:none;
}
.personal-tool>summary::-webkit-details-marker{display:none}
.personal-tool-icon{
  width:39px;
  height:39px;
  border-radius:12px;
  background:#f5edd7;
  color:#7d6020;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
}
.personal-tool-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.personal-tool-copy strong{
  color:#302d27;
  font-size:14px;
}
.personal-tool-copy small{
  color:#7a7368;
  font-size:10.5px;
  line-height:1.3;
}
.personal-tool-chevron{
  color:#8a6b23;
  font-size:21px;
  text-align:center;
  transition:transform .18s ease;
}
.personal-tool[open] .personal-tool-chevron{transform:rotate(180deg)}
.personal-tool-content{
  padding:0 11px 11px;
  border-top:1px solid #eee6d8;
}
.personal-tool-content>.continue-card,
.personal-tool-content>.reading-plan-card,
.personal-tool-content>.search-card,
.personal-tool-content>.progress-card,
.personal-tool-content>.favorites-card,
.personal-tool-content>.notes-card,
.personal-tool-content>.data-card{
  margin:11px 0 0;
  box-shadow:none;
}

/* A leitura passa a ser o foco logo depois do seletor */
.chapter-nav{margin-top:8px}

/* Tema escuro */
html[data-theme="dark"] .chapter-quick-actions,
html[data-theme="dark"] .personal-tools-hub{
  background:linear-gradient(145deg,#111516,#0c0f10);
  border-color:#35342f;
  box-shadow:0 14px 38px #0005;
}
html[data-theme="dark"] .quick-actions-title>span,
html[data-theme="dark"] .personal-tools-heading h3{color:#f3ead9}
html[data-theme="dark"] .quick-actions-title small,
html[data-theme="dark"] .personal-tools-heading p{color:#aaa397}
html[data-theme="dark"] .chapter-action-btn{
  background:#101416;
  color:#c7c0b5;
  border-color:#34342f;
}
html[data-theme="dark"] .chapter-action-icon{color:#e1bb55}
html[data-theme="dark"] .chapter-action-btn.is-active{
  background:#211c11;
  color:#f0c95d;
  border-color:#5d4a20;
}
html[data-theme="dark"] .personal-tools-heading,
html[data-theme="dark"] .personal-tool-content{border-color:#34332e}
html[data-theme="dark"] .personal-tool{
  background:#101416;
  border-color:#32322d;
}
html[data-theme="dark"] .personal-tool[open]{border-color:#514421}
html[data-theme="dark"] .personal-tool-icon{
  background:#211c11;
  color:#e7c35f;
}
html[data-theme="dark"] .personal-tool-copy strong{color:#f3ead9}
html[data-theme="dark"] .personal-tool-copy small{color:#aaa397}
html[data-theme="dark"] .personal-tool-chevron{color:#e1bb55}

@media(max-width:760px){
  .chapter-quick-actions{padding:9px 8px;margin-top:8px}
  .quick-actions-title small{display:none}
  .quick-actions-grid{gap:4px}
  .chapter-action-btn{
    min-height:51px;
    border-radius:10px;
    padding:6px 2px;
  }
  .chapter-action-icon{font-size:17px}
  .chapter-action-label{font-size:8.5px}
  .personal-tools-hub{padding:14px}
  .personal-tools-heading h3{font-size:21px}
  .personal-tool>summary{
    grid-template-columns:39px 1fr 25px;
    gap:8px;
    min-height:61px;
    padding:8px 10px;
  }
  .personal-tool-icon{width:37px;height:37px;font-size:17px}
  .personal-tool-copy strong{font-size:13.5px}
  .personal-tool-copy small{font-size:10px}
  .personal-tool-content{padding:0 8px 8px}
}



/* ===== V24: Conta sincronizada em modo compacto ===== */
.account-compact{
  margin-top:6px;
}
.account-compact-toggle{
  width:100%;
  min-height:66px;
  height:auto;
  padding:12px 14px;
  border:1px solid #e0d7c8;
  border-radius:16px;
  background:#fffaf0;
  color:#564b39;
  display:grid;
  grid-template-columns:1fr auto 24px;
  gap:10px;
  align-items:center;
  box-shadow:none;
}
.account-compact-copy{
  display:grid;
  gap:3px;
  min-width:0;
  text-align:left;
}
.account-compact-copy strong{
  color:#302d27;
  font-size:15px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-compact-copy small{
  color:#7a7368;
  font-size:11px;
  line-height:1.35;
}
.account-compact-chevron{
  color:#8a6b23;
  font-size:22px;
  text-align:center;
  transition:transform .18s ease;
}
.account-compact.is-open .account-compact-chevron{transform:rotate(180deg)}
.account-compact-body{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.account-compact .account-note{margin-top:10px}
.account-compact .account-status{margin-top:8px}

html[data-theme="dark"] .account-compact-toggle{
  background:#101416;
  color:#d8d0c3;
  border-color:#34342f;
}
html[data-theme="dark"] .account-compact-copy strong{color:#f3ead9}
html[data-theme="dark"] .account-compact-copy small{color:#aaa397}
html[data-theme="dark"] .account-compact-chevron{color:#e1bb55}
html[data-theme="dark"] .account-compact-body{border-top-color:#34332e}

@media(max-width:760px){
  .account-compact-toggle{
    min-height:62px;
    padding:10px 12px;
    grid-template-columns:1fr auto 20px;
    gap:8px;
  }
  .account-compact-copy strong{font-size:14px}
  .account-compact-copy small{font-size:10px}
  .account-compact-chevron{font-size:20px}
}

/* ===== V25: Marca-texto temático por versículo ===== */
.verse-highlight-hint{
  margin:10px 2px 6px;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}
.verse{
  cursor:pointer;
  border-left:4px solid transparent;
  border-radius:8px;
  padding:5px 8px;
  margin-left:-8px;
  margin-right:-8px;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
  outline:none;
}
.verse:hover{background:#f8f2e4}
.verse:focus-visible{box-shadow:0 0 0 3px #d5ae4e45}
.verse[data-highlight="context"]{background:rgba(47,111,159,.16);border-left-color:var(--context)}
.verse[data-highlight="theme"]{background:rgba(199,109,29,.16);border-left-color:var(--theme)}
.verse[data-highlight="connection"]{background:rgba(118,82,165,.16);border-left-color:var(--connection)}
.verse[data-highlight="practice"]{background:rgba(47,125,74,.16);border-left-color:var(--practice)}
.verse[data-highlight="god"]{background:rgba(167,122,22,.18);border-left-color:var(--god)}
.verse[data-highlight="alert"]{background:rgba(169,71,71,.15);border-left-color:var(--alert)}
.verse[data-highlight="keyword"]{background:rgba(184,111,22,.16);border-left-color:var(--keyword)}

.verse-highlight-card{max-width:520px}
.verse-highlight-card h3{margin-bottom:4px}
.verse-highlight-ref{
  margin:0;
  font-family:Georgia,serif;
  font-weight:800;
  color:#8a6b23;
}
.verse-highlight-help{
  margin:7px 0 13px;
  color:var(--muted);
  font-size:12px;
}
.highlight-palette{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.highlight-choice{
  min-height:44px;
  height:auto;
  padding:8px 11px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  border:1px solid #dfd5c2;
  background:#fffdf8;
  color:#51493e;
  font-size:12px;
  box-shadow:none;
}
.highlight-choice:hover{filter:none}
.highlight-choice>span{
  width:15px;
  height:15px;
  border-radius:50%;
  flex:0 0 auto;
}
.highlight-choice.context>span{background:var(--context)}
.highlight-choice.theme>span{background:var(--theme)}
.highlight-choice.connection>span{background:var(--connection)}
.highlight-choice.practice>span{background:var(--practice)}
.highlight-choice.god>span{background:var(--god)}
.highlight-choice.alert>span{background:var(--alert)}
.highlight-choice.keyword>span{background:var(--keyword)}
.highlight-choice.is-selected{
  border-color:#9d7a2d;
  box-shadow:0 0 0 2px #d5ae4e32;
  background:#fff8e7;
}
.remove-highlight-btn{
  width:100%;
  min-height:42px;
  height:auto;
  margin-top:10px;
  padding:9px 12px;
  background:#f3ece0;
  color:#7a4f44;
  border:1px solid #dfd3c1;
}
.remove-highlight-btn[hidden]{display:none}

html[data-theme="dark"] .verse:hover{background:#171918}
html[data-theme="dark"] .verse[data-highlight="context"]{background:rgba(47,111,159,.26)}
html[data-theme="dark"] .verse[data-highlight="theme"]{background:rgba(199,109,29,.24)}
html[data-theme="dark"] .verse[data-highlight="connection"]{background:rgba(118,82,165,.26)}
html[data-theme="dark"] .verse[data-highlight="practice"]{background:rgba(47,125,74,.26)}
html[data-theme="dark"] .verse[data-highlight="god"]{background:rgba(167,122,22,.27)}
html[data-theme="dark"] .verse[data-highlight="alert"]{background:rgba(169,71,71,.24)}
html[data-theme="dark"] .verse[data-highlight="keyword"]{background:rgba(184,111,22,.25)}
html[data-theme="dark"] .highlight-choice{
  background:#101416;
  color:#ded6c8;
  border-color:#34342f;
}
html[data-theme="dark"] .highlight-choice.is-selected{
  background:#211c11;
  border-color:#6a5523;
  box-shadow:0 0 0 2px #d5ae4e20;
}
html[data-theme="dark"] .verse-highlight-ref{color:#e1bb55}
html[data-theme="dark"] .remove-highlight-btn{
  background:#1b1715;
  color:#e0afa5;
  border-color:#4d3632;
}

@media(max-width:560px){
  .verse-highlight-modal{align-items:flex-end;padding:10px}
  .verse-highlight-card{
    max-width:none;
    width:100%;
    border-radius:20px 20px 14px 14px;
    padding:20px 16px 16px;
  }
  .highlight-palette{grid-template-columns:1fr}
  .highlight-choice{min-height:42px}
  .verse{padding:6px 7px;margin-left:-7px;margin-right:-7px}
}

/* ===== V26: Bíblia em áudio ===== */
.quick-actions-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.bible-audio-panel{
  margin:10px 0 12px;
  padding:15px;
  background:linear-gradient(180deg,#fffdf8 0%,#faf6ec 100%);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 8px 24px #503d1b0b;
}
.bible-audio-panel[hidden]{display:none}
.audio-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.audio-heading h3{
  margin:3px 0 2px;
  font-family:Georgia,serif;
  font-size:21px;
  line-height:1.2;
}
.audio-heading p{
  margin:0;
  color:var(--muted);
  font-size:11px;
}
.audio-close{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border-radius:50%;
  background:#f1eadc;
  color:#6a5b43;
  font-size:22px;
  font-weight:500;
}
.audio-main-controls{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px 48px;
  gap:7px;
  margin-top:12px;
}
.audio-control,
.audio-play{
  height:46px;
  border-radius:12px;
}
.audio-control{
  padding:0;
  background:#f4ead2;
  color:#725719;
  border:1px solid #e3d2a2;
  font-size:18px;
}
.audio-play{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#263b45;
  color:#fff;
  padding:0 12px;
  font-size:13px;
}
.audio-stop{
  color:#8c4949;
}
.audio-settings{
  display:grid;
  grid-template-columns:minmax(0,1fr) 130px;
  gap:9px;
  margin-top:10px;
}
.audio-field{
  display:grid;
  gap:4px;
}
.audio-field>span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.audio-field select{
  width:100%;
  height:42px;
  min-width:0;
  font-size:13px;
}
.audio-note{
  margin:10px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.verse.is-audio-current{
  position:relative;
  box-shadow:inset 0 0 0 2px rgba(213,174,78,.72),0 3px 12px rgba(104,79,22,.10);
}
.verse.is-audio-current::after{
  content:"🔊";
  position:absolute;
  right:7px;
  top:5px;
  font-family:system-ui,sans-serif;
  font-size:12px;
  opacity:.82;
}

html[data-theme="dark"] .bible-audio-panel{
  background:linear-gradient(145deg,#111516,#0c0f10);
  border-color:#35342f;
  box-shadow:0 14px 38px #0005;
}
html[data-theme="dark"] .audio-heading{
  border-bottom-color:#34332e;
}
html[data-theme="dark"] .audio-heading h3{color:#f3ead9}
html[data-theme="dark"] .audio-heading p,
html[data-theme="dark"] .audio-note,
html[data-theme="dark"] .audio-field>span{color:#aaa397}
html[data-theme="dark"] .audio-close,
html[data-theme="dark"] .audio-control{
  background:#211c11;
  color:#e7c35f;
  border-color:#4a3918;
}
html[data-theme="dark"] .audio-stop{color:#e3aaa1}
html[data-theme="dark"] .audio-play{
  background:linear-gradient(180deg,#b98a25,#906414);
  color:#fff8e7;
}
html[data-theme="dark"] .audio-field select{
  background:#101416;
  color:#e7e0d4;
  border-color:#34342f;
}
html[data-theme="dark"] .verse.is-audio-current{
  box-shadow:inset 0 0 0 2px rgba(225,187,85,.82),0 5px 18px #0004;
}

@media(max-width:760px){
  .chapter-action-label{font-size:8px}
  .bible-audio-panel{padding:12px}
  .audio-main-controls{
    grid-template-columns:42px minmax(0,1fr) 42px 42px;
    gap:5px;
  }
  .audio-control,.audio-play{height:44px}
  .audio-play{font-size:12px;padding:0 8px}
  .audio-settings{grid-template-columns:1fr 105px}
  .audio-field select{font-size:12px}
}
@media(max-width:390px){
  .quick-actions-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .chapter-action-btn{min-height:48px}
  .chapter-action-label{font-size:9px}
  .audio-settings{grid-template-columns:1fr}
}



/* ===== V30: lembretes de estudo ===== */
.study-reminder-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper,#fffdf8);
  padding:15px;
}
.reminder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.reminder-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:21px;color:var(--ink)}
.reminder-status-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#ece7dd;color:var(--muted);font-size:11px;font-weight:900}
.reminder-status-badge[data-state="on"]{background:#e8f3eb;color:#2f6849}
.reminder-intro{margin:10px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}
.reminder-enable-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.reminder-enable-row span{display:flex;flex-direction:column;gap:3px}
.reminder-enable-row strong{color:var(--ink);font-size:14px}
.reminder-enable-row small{color:var(--muted);font-size:11px;line-height:1.35}
.reminder-enable-row input{appearance:none;width:46px;height:27px;border-radius:999px;background:#d7d2c8;position:relative;flex:0 0 auto;transition:.18s}
.reminder-enable-row input::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0002;transition:.18s}
.reminder-enable-row input:checked{background:#b88826}
.reminder-enable-row input:checked::after{transform:translateX(19px)}
.reminder-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px}
.reminder-time-row label,.reminder-field-label{font-size:12px;font-weight:900;color:var(--ink)}
.reminder-time-row input{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.reminder-days-block{margin-top:12px}
.reminder-field-label{display:block;margin-bottom:8px}
.reminder-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.reminder-days label{cursor:pointer}
.reminder-days input{position:absolute;opacity:0;pointer-events:none}
.reminder-days span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:12px;font-weight:900}
.reminder-days input:checked+span{background:#263b45;border-color:#263b45;color:#fff}
.reminder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.reminder-save-btn,.reminder-test-btn{padding:10px 14px;border-radius:12px;font-weight:900;font-size:12px}
.reminder-save-btn{background:#b88826;color:#fff;border:1px solid #b88826}
.reminder-test-btn{background:#fff;color:#7a5f1f;border:1px solid #ddcfb4}
.reminder-actions button:disabled{opacity:.55;cursor:not-allowed}
.reminder-status{margin:12px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.reminder-status[data-state="ok"]{color:#2f6849}
.reminder-status[data-state="error"]{color:#a33d34}
.reminder-status[data-state="working"],.reminder-status[data-state="pending"]{color:#8b6b20}
.reminder-timezone,.reminder-note{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
html[data-theme="dark"] .study-reminder-card{background:#111518;border-color:#34393d}
html[data-theme="dark"] .reminder-heading h3,html[data-theme="dark"] .reminder-enable-row strong,html[data-theme="dark"] .reminder-time-row label,html[data-theme="dark"] .reminder-field-label{color:#f3ead9}
html[data-theme="dark"] .reminder-enable-row,html[data-theme="dark"] .reminder-time-row,html[data-theme="dark"] .reminder-days span,html[data-theme="dark"] .reminder-test-btn{background:#14191c;border-color:#353a3d;color:#d8d0c1}
html[data-theme="dark"] .reminder-time-row input{background:#0f1416;color:#f3ead9;border-color:#353a3d}
html[data-theme="dark"] .reminder-days input:checked+span{background:#b88826;border-color:#b88826;color:#fff8ea}
@media(max-width:440px){.reminder-heading{align-items:center}.reminder-actions button{flex:1}.reminder-enable-row small{max-width:230px}}