/* ============ Design tokens ============ */
:root{
  --petrol:#0A2F4A;--petrol-dark:#061E30;--petrol-deep:#04141F;--petrol-light:#0D3B66;--petrol-mid:#134E7A;
  --gold:#D4AF37;--gold-light:#F0D77B;--gold-dark:#B8860B;--gold-soft:rgba(212,175,55,.13);
  --bg:#061A29;--bg-grad:radial-gradient(1200px 600px at 85% -10%,rgba(212,175,55,.08),transparent 60%),linear-gradient(170deg,#05182A 0%,#0A2F4A 55%,#0B3553 100%);
  --surface:rgba(12,52,86,.55);--surface-2:rgba(5,24,40,.6);--surface-solid:#0B3150;--elev:#0E3858;
  --text:#EAF1F7;--text-muted:#A9C0D3;--text-faint:#7F9AB0;
  --card-bg:var(--surface);--border:rgba(212,175,55,.22);--border-strong:rgba(212,175,55,.5);--hair:rgba(255,255,255,.06);
  --success:#2FBF71;--danger:#E05A4C;
  --shadow:0 10px 30px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.2);--shadow-lg:0 24px 60px -20px rgba(0,0,0,.65);
  --r-sm:8px;--r:14px;--r-lg:20px;
  --appbar:60px;--tabbar:66px;--side:272px;
  --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-title:'Cinzel',Georgia,serif;--font-serif:'Playfair Display',Georgia,serif;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#F3EEE3;--bg-grad:radial-gradient(1000px 500px at 90% -10%,rgba(184,134,11,.10),transparent 60%),linear-gradient(180deg,#F6F2EA,#EFE8DA);
  --surface:#FFFFFF;--surface-2:#F8F4EC;--surface-solid:#FFFFFF;--elev:#FFFFFF;
  --text:#132433;--text-muted:#4C5F70;--text-faint:#6E7F8E;
  --gold:#94700F;--gold-light:#0A2F4A;--gold-dark:#7A5C0A;--gold-soft:rgba(184,134,11,.12);
  --border:rgba(10,47,74,.14);--border-strong:rgba(148,112,15,.55);--hair:rgba(10,47,74,.07);
  --shadow:0 8px 24px -14px rgba(10,47,74,.35),0 1px 3px rgba(10,47,74,.08);--shadow-lg:0 24px 60px -24px rgba(10,47,74,.45);
  color-scheme:light;
}
/* ============ Base ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--appbar) + var(--sat) + 12px)}
body{font-family:var(--font-ui);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden;
  padding-top:calc(var(--appbar) + var(--sat));padding-bottom:calc(var(--tabbar) + var(--sab) + 8px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:var(--gold)}
strong,b{font-weight:600}
::selection{background:rgba(212,175,55,.35)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,.6);background-clip:padding-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============ App bar ============ */
.appbar{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(var(--appbar) + var(--sat));padding:var(--sat) .75rem 0;display:flex;align-items:center;gap:.6rem;
  background:linear-gradient(90deg,rgba(4,20,31,.92),rgba(10,47,74,.92));backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}
.appbar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.brand{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1;text-decoration:none;background:none;border:0;text-align:left;padding:0}
.brand-mark{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#E2C35A,#B8860B);box-shadow:0 4px 14px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.35)}
.brand-mark svg{width:22px;height:22px;stroke:#061E30;stroke-width:2.2;fill:none;stroke-linecap:round}
.brand-txt{min-width:0}
.brand-txt b{display:block;font:600 1.02rem/1.15 var(--font-title);color:#F0D77B;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-txt small{display:block;font-size:.7rem;color:#A9C0D3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}
.ab-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;border:1px solid rgba(212,175,55,.3);background:rgba(212,175,55,.08);color:#F0D77B;transition:background .2s,border-color .2s,transform .15s}
.ab-btn:hover{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.6)}.ab-btn:active{transform:scale(.95)}
.av{display:none;align-items:center;gap:.5rem;border:1px solid rgba(212,175,55,.35);color:#F0D77B;font-size:.78rem;font-weight:500;padding:.3rem .8rem .3rem .3rem;border-radius:50px;background:rgba(212,175,55,.08);white-space:nowrap}
.av i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#E2C35A,#B8860B);color:#061E30;font:700 .72rem var(--font-ui);font-style:normal}
.theme-btn .moon{display:none}[data-theme="light"] .theme-btn .sun{display:none}[data-theme="light"] .theme-btn .moon{display:block}
.hb{display:grid}

/* ============ Drawer / sidebar ============ */
.scrim{position:fixed;inset:0;background:rgba(2,10,16,.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:60}
.drawer{position:fixed;top:0;bottom:0;right:0;width:86%;max-width:330px;z-index:70;transform:translateX(104%);transition:transform .32s var(--ease);overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(180deg,#071F33,#04141F);border-left:1px solid var(--border);padding-bottom:calc(1.5rem + var(--sab));box-shadow:var(--shadow-lg);color:#EAF1F7}
.menu-open .scrim{opacity:1;pointer-events:auto}.menu-open .drawer{transform:none}
.dh{position:relative;padding:calc(1.4rem + var(--sat)) 1.2rem 1.1rem;overflow:hidden;border-bottom:1px solid rgba(212,175,55,.2);
  background:linear-gradient(180deg,rgba(4,20,31,.2),rgba(4,20,31,.95)),url(art/hero.svg) center 30%/cover,#0A2F4A}
.dh b{display:block;font:600 1.1rem var(--font-title);color:#F0D77B;letter-spacing:.03em}.dh small{color:#A9C0D3;font-size:.8rem}
.dh .dh-x{position:absolute;top:calc(.7rem + var(--sat));right:.7rem;width:36px;height:36px;border-radius:10px;border:1px solid rgba(212,175,55,.3);background:rgba(4,20,31,.5);color:#F0D77B;display:grid;place-items:center}
.dg{padding:1.1rem 1.3rem .35rem;font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#C9A646;opacity:.9}
.drawer button[data-go]{display:flex;gap:.8rem;align-items:center;width:calc(100% - 1rem);margin:.08rem .5rem;padding:.62rem .8rem;border:0;background:transparent;border-radius:10px;font:500 .92rem var(--font-ui);color:#C9D7E3;text-align:left;transition:background .15s,color .15s;position:relative}
.drawer button[data-go] .ic{color:#C9A646;opacity:.85}
.drawer button[data-go]:hover{background:rgba(212,175,55,.08);color:#fff}
.drawer button[data-go].on{background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(212,175,55,.05));color:#F0D77B}
.drawer button[data-go].on::before{content:'';position:absolute;left:-.5rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:#D4AF37}
.drawer button[data-go].on .ic{opacity:1;color:#F0D77B}
.drawer-foot{margin:1.2rem 1rem 0;padding:1rem;border:1px solid rgba(212,175,55,.2);border-radius:14px;background:rgba(212,175,55,.05);font-size:.78rem;color:#A9C0D3}
.drawer-foot .row{margin-top:.6rem}
.drawer-foot .btn{font-size:.78rem}

/* ============ Bottom tab bar ============ */
.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;padding:.35rem .4rem calc(.35rem + var(--sab));height:calc(var(--tabbar) + var(--sab));
  background:rgba(4,20,31,.94);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--border)}
.tabbar button{flex:1;border:0;background:transparent;font:600 .64rem var(--font-ui);letter-spacing:.02em;color:#8FA9BE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;border-radius:12px;position:relative;transition:color .2s}
.tabbar button .ic{width:22px;height:22px}
.tabbar button.on{color:#F0D77B}
.tabbar button.on::before{content:'';position:absolute;top:-.36rem;width:28px;height:3px;border-radius:0 0 3px 3px;background:#D4AF37}
.tabbar button.on .ic{filter:drop-shadow(0 0 6px rgba(212,175,55,.45))}

/* ============ Main ============ */
.main{max-width:980px;margin:0 auto;padding:1.1rem .95rem 2rem}
.tab-content{display:none}
.tab-content.active{display:block;animation:fadeIn .4s var(--ease)}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (min-width:1024px){
  body{padding-bottom:0}
  .tabbar,.hb,.dh .dh-x{display:none!important}
  .av{display:inline-flex}
  .scrim{display:none}
  .drawer{top:calc(var(--appbar) + var(--sat));left:0;right:auto;width:var(--side);max-width:none;transform:none;border-left:0;border-right:1px solid var(--border);box-shadow:none;background:linear-gradient(180deg,rgba(4,20,31,.85),rgba(4,20,31,.98));padding-top:.4rem}
  .dh{display:none}
  .main{margin-left:var(--side);margin-right:0;max-width:none;padding:1.8rem 2.2rem 3rem}
  .main>section{max-width:1080px;margin-inline:auto}
  .footer-note{margin-left:var(--side)}
}

/* ============ Typography ============ */
.section-title{font:600 1.5rem/1.2 var(--font-title);color:var(--gold-light);letter-spacing:.02em;margin:.2rem 0 .7rem}
.lead{color:var(--text-muted);margin-bottom:1rem;font-size:.97rem;max-width:72ch}
.mt{font:600 1.05rem var(--font-title);color:var(--gold);margin:1.6rem 0 .25rem;letter-spacing:.03em;display:flex;align-items:center;gap:.6rem}
.mt::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.sub{margin:.5rem 0;color:var(--text-muted);font-size:.93rem}
h4{font-family:var(--font-ui);font-weight:600;letter-spacing:.01em}

/* ============ Banner (section header) ============ */
.banner{position:relative;border-radius:var(--r-lg);overflow:hidden;margin:0 0 1.2rem;min-height:168px;display:flex;align-items:flex-end;padding:1.2rem 1.2rem 1.1rem;isolation:isolate;
  background:#061E30;border:1px solid var(--border);box-shadow:var(--shadow)}
.banner::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--img) var(--pos,72% 50%)/cover no-repeat;transform:scale(1.02);transition:transform 6s ease}
.tab-content.active .banner::before{transform:scale(1.07)}
.banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,20,31,.97) 0%,rgba(4,20,31,.75) 45%,rgba(4,20,31,.15) 100%),linear-gradient(90deg,rgba(4,20,31,.6),transparent 70%)}
.banner .eyebrow{display:inline-flex;align-items:center;gap:.45rem;font:700 .66rem var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#E2C35A;margin-bottom:.35rem}
.banner .eyebrow .ic{width:15px;height:15px}
.banner .section-title{color:#F4E3A6;margin:0 0 .3rem;font-size:1.45rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.banner .lead{color:#C9D7E3;margin:0;font-size:.92rem;max-width:62ch}
.banner-in{max-width:760px}
@media (min-width:760px){.banner{min-height:210px;padding:1.8rem 2rem 1.6rem}.banner .section-title{font-size:1.85rem}}
.plain-head{margin:.2rem 0 1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}
.plain-head .eyebrow{display:inline-flex;align-items:center;gap:.45rem;font:700 .66rem var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.plain-head .eyebrow .ic{width:15px;height:15px}

/* ============ Cards ============ */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.15rem 1.2rem;margin-bottom:1rem;box-shadow:var(--shadow);position:relative}
.card-title{font:600 1.15rem/1.3 var(--font-serif);color:var(--gold);margin-bottom:.75rem;display:flex;align-items:center;gap:.55rem}
.card-title .ic{width:20px;height:20px}
.card ul,.card ol{padding-left:1.2rem}
.card li{margin:.25rem 0}
.card li::marker{color:var(--gold)}
@media (min-width:760px){.card{padding:1.4rem 1.5rem}}

/* ============ Buttons ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.55rem 1.15rem;border-radius:10px;border:1px solid transparent;
  background:linear-gradient(145deg,#E2C35A,#C9A33A 50%,#B8860B);color:#061E30;font:600 .88rem var(--font-ui);letter-spacing:.01em;cursor:pointer;
  box-shadow:0 6px 16px -8px rgba(212,175,55,.7),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .2s,filter .2s;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.06);box-shadow:0 10px 22px -10px rgba(212,175,55,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn .ic{width:17px;height:17px}
.btn-outline{background:transparent;border:1px solid var(--border-strong);color:var(--gold);box-shadow:none}
.btn-outline:hover{background:var(--gold-soft);box-shadow:none;filter:none}
.btn-sm{min-height:36px;padding:.35rem .85rem;font-size:.8rem;border-radius:9px}
.btn-ghost{background:transparent;border:0;color:var(--gold);box-shadow:none}
.row{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}

/* ============ Progress ============ */
.progress-bar{height:8px;background:rgba(0,0,0,.28);border-radius:99px;overflow:hidden;margin:.55rem 0;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
[data-theme="light"] .progress-bar{background:rgba(10,47,74,.09);box-shadow:none}
.progress-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#B8860B,#D4AF37,#F0D77B);transition:width .6s var(--ease);position:relative}

/* ============ Accordion ============ */
.accordion-item{border:1px solid var(--border);border-radius:12px;margin-bottom:.6rem;overflow:hidden;background:var(--surface-2);transition:border-color .2s}
.accordion-item.open{border-color:var(--border-strong)}
.accordion-header{padding:.9rem 1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s;user-select:none}
.accordion-header:hover{background:var(--gold-soft)}
.accordion-header h3{font:600 1rem var(--font-ui);color:var(--gold-light);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.accordion-header>span{color:var(--gold);font-size:.75rem;transition:transform .25s var(--ease);flex:none}
.accordion-item.open .accordion-header>span{transform:rotate(180deg)}
.accordion-item.open .accordion-header{background:var(--gold-soft)}
.accordion-body{display:none;padding:1.05rem 1.1rem 1.15rem;border-top:1px solid var(--border)}
.accordion-item.open .accordion-body{display:block;animation:fadeIn .3s var(--ease)}

/* ============ Verses & quotes ============ */
.verse{background:var(--surface-2);border:1px solid var(--hair);border-left:3px solid var(--gold);padding:.8rem 1rem;margin:.6rem 0;border-radius:4px 10px 10px 4px;font-size:.93rem}
.verse-ref{color:var(--gold);font-weight:600;font-size:.8rem;margin-bottom:.25rem;letter-spacing:.02em}
.quote{position:relative;padding:1rem 1.2rem 1rem 2.6rem;margin:1rem 0;background:var(--surface-2);border:1px solid var(--hair);border-radius:12px;font:italic 400 1rem/1.65 var(--font-serif)}
.quote::before{content:'“';position:absolute;left:.7rem;top:.1rem;font:700 2.6rem var(--font-serif);color:var(--gold);opacity:.7}
.quote-author{display:block;margin-top:.5rem;font:500 .82rem var(--font-ui);color:var(--gold)}
.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:99px;font-size:.7rem;font-weight:600;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border)}

/* ============ Grid helpers ============ */
.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:680px){.grid-2{grid-template-columns:1fr 1fr}}
.grid-2>.card{margin-bottom:0}

/* ============ Inputs ============ */
.search-box,.field{width:100%;padding:.72rem 1rem .72rem 2.6rem;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A646' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") .85rem center/17px no-repeat;
  border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.95rem;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s}
.search-box::placeholder,textarea::placeholder{color:var(--text-faint)}
.search-box:focus,.field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.notes-area textarea,#recNote,#desafioNotes{width:100%;min-height:160px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:1rem;font:400 .97rem/1.65 var(--font-ui);resize:vertical;transition:border-color .2s,box-shadow .2s}
.notes-area textarea:focus,#recNote:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}

/* ============ Pills ============ */
.pills{display:flex;gap:.45rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;flex-wrap:nowrap;-webkit-mask:linear-gradient(90deg,#000 92%,transparent)}
.pills::-webkit-scrollbar{display:none}
@media (min-width:760px){.pills{flex-wrap:wrap;-webkit-mask:none}}
.pill{flex:none;padding:.48rem .95rem;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font:500 .82rem var(--font-ui);cursor:pointer;transition:all .2s;white-space:nowrap}
.pill:hover{border-color:var(--border-strong);color:var(--gold)}
.pill.active{background:linear-gradient(145deg,#E2C35A,#B8860B);border-color:transparent;color:#061E30;font-weight:600;box-shadow:0 4px 12px -6px rgba(212,175,55,.8)}
#verseBank .pill{flex:none}

/* ============ Home ============ */
.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);margin-bottom:1rem;isolation:isolate;
  padding:2.2rem 1.3rem 1.4rem;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;background:#04141F}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url(art/hero.svg) 68% center/cover no-repeat}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,20,31,.98) 8%,rgba(4,20,31,.7) 50%,rgba(4,20,31,.15) 100%),linear-gradient(90deg,rgba(4,20,31,.85),rgba(4,20,31,0) 75%)}
.hero .greet{font:700 .7rem var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#E2C35A;display:flex;align-items:center;gap:.5rem}
.hero .greet::before{content:'';width:22px;height:1px;background:#E2C35A}
.hero h2{font:600 1.75rem/1.15 var(--font-title);color:#F4E3A6;margin:.45rem 0 .5rem;letter-spacing:.02em;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.hero .hero-sub{color:#F0D77B;font:italic 400 1.02rem var(--font-serif);margin-bottom:.4rem}
.hero p.hero-txt{color:#C3D2DE;font-size:.92rem;max-width:56ch;margin-bottom:1.1rem}
.hero .row{margin-top:0}
.hero .btn-outline{color:#F0D77B;border-color:rgba(212,175,55,.55);background:rgba(4,20,31,.35);backdrop-filter:blur(6px)}
@media (min-width:760px){.hero{min-height:400px;padding:3rem 2.4rem 2.2rem}.hero h2{font-size:2.4rem}.hero::before{background-position:center}}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1rem}
@media (min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat-box{position:relative;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:.1rem;cursor:default}
.stat-box[data-go]{cursor:pointer;transition:border-color .2s,transform .2s}.stat-box[data-go]:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.stat-box .ic{position:absolute;right:.8rem;top:.8rem;width:22px;height:22px;color:var(--gold);opacity:.6}
.stat-box .num{font:700 1.6rem/1.2 var(--font-title);color:var(--gold);letter-spacing:.01em}
.stat-box .label{font-size:.76rem;color:var(--text-muted);font-weight:500}
.stat-box .progress-bar{height:5px;margin:.5rem 0 0}
.ring-card{display:flex;align-items:center;gap:1.2rem}
.ring{--p:0;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(127,154,176,.18) 0);position:relative;transition:--p .8s}
.ring::before{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--surface-solid)}
.ring span{position:relative;font:700 1.25rem var(--font-title);color:var(--gold)}
.continue{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.continue .ct{flex:1;min-width:180px}
.continue .ct small{display:block;color:var(--text-muted);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.continue .ct b{font:600 1.2rem var(--font-serif);color:var(--gold-light)}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
@media (min-width:600px){.quick{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1100px){.quick{grid-template-columns:repeat(7,1fr)}}
.q{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:.9rem .35rem .75rem;font:600 .72rem/1.25 var(--font-ui);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;transition:border-color .2s,transform .2s,background .2s}
.q:hover{border-color:var(--border-strong);transform:translateY(-2px);background:var(--gold-soft)}
.q .qi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(212,175,55,.22),rgba(212,175,55,.06));border:1px solid rgba(212,175,55,.3);color:var(--gold)}
.q .qi .ic{width:22px;height:22px}
.votd{position:relative;overflow:hidden}
.votd .vt{font:italic 400 1.15rem/1.6 var(--font-serif);color:var(--text);margin:.3rem 0 .6rem}
.votd .vr{color:var(--gold);font-weight:600;font-size:.85rem;letter-spacing:.04em}
.votd svg.orn{position:absolute;right:-20px;bottom:-24px;width:150px;height:150px;opacity:.07;stroke:var(--gold);fill:none;stroke-width:1}
.divider{display:flex;align-items:center;gap:.8rem;color:var(--gold);margin:1.4rem 0;opacity:.8}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong))}
.divider::after{background:linear-gradient(90deg,var(--border-strong),transparent)}
.divider svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}

/* ============ Chapter grid ============ */
.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.4rem;margin-top:.8rem}
.chapter-btn{min-height:40px;aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:9px;font:500 .8rem var(--font-ui);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}
.chapter-btn:hover{border-color:var(--gold);color:var(--gold)}
.chapter-btn.read{background:linear-gradient(145deg,#D4AF37,#B8860B);color:#061E30;border-color:transparent;font-weight:700}
.chapter-btn.cur{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--gold);color:var(--gold);font-weight:700}
.chapter-btn.read.cur{color:#061E30}

/* ============ Mem cards ============ */
.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}
.mem-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1rem 1.05rem;position:relative;transition:border-color .2s}
.mem-card .ref{color:var(--gold);font-weight:700;font-size:.88rem;letter-spacing:.02em}
.mem-card p{font-family:var(--font-serif);font-size:.98rem!important;line-height:1.55}
.mem-card.memorized{border-color:rgba(47,191,113,.55);background:linear-gradient(145deg,rgba(47,191,113,.1),transparent)}
.mem-card.memorized::after{content:'✓';position:absolute;top:.7rem;right:.8rem;width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff;font-size:.8rem;display:grid;place-items:center;font-weight:700}

/* ============ Bible reader (clean, no illustrations) ============ */
.bible-lead{color:var(--text-muted);margin:-.2rem 0 1rem;max-width:820px;font-size:.93rem}
.bible-toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.bible-toolbar .search-box{margin-bottom:0;flex:1;min-width:200px}
.bible-font{display:flex;gap:.35rem}
.bible-layout{display:block}
.bible-sidebar{max-height:260px;overflow-y:auto;padding:.9rem;margin-bottom:1rem}
.bible-sidebar .search-box{margin-bottom:.6rem!important;padding-top:.55rem;padding-bottom:.55rem;font-size:.88rem}
@media (min-width:1024px){.bible-layout{display:grid!important;grid-template-columns:240px 1fr;gap:1.2rem;align-items:start}.bible-sidebar{position:sticky;top:calc(var(--appbar) + 18px);max-height:calc(100vh - var(--appbar) - 40px);margin-bottom:0}}
@media (max-width:1023px){.bible-layout[style*="grid"]{display:block!important}}
.bible-cat{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:.9rem 0 .3rem .4rem;font-weight:700}
.bible-cat:first-of-type{margin-top:.3rem}
.bible-book-link{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:.36rem .7rem;border-radius:8px;cursor:pointer;font:400 .87rem var(--font-ui);transition:all .15s}
.bible-book-link:hover{background:var(--gold-soft);color:var(--gold-light)}
.bible-book-link.active{background:var(--gold-soft);color:var(--gold);font-weight:600;border-color:var(--border)}
.bible-reader{padding:1.2rem 1.15rem 1.6rem}
@media (min-width:760px){.bible-reader{padding:1.8rem 2.2rem 2.2rem}}
.bible-reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}
.bible-reader-head h3{font:600 1.6rem var(--font-title);color:var(--gold-light);letter-spacing:.02em}
.bible-status{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}
.bible-text{margin:1.4rem auto 0;max-width:68ch;font-family:var(--font-serif);font-size:1.12rem;line-height:1.9;color:var(--text)}
.bible-verse{margin:.1rem 0 .5rem;padding:.15rem .45rem;border-radius:6px;transition:background .2s}
.bible-verse:hover{background:var(--gold-soft)}
.bible-verse.hl{background:rgba(212,175,55,.18);box-shadow:inset 3px 0 0 var(--gold)}
.bible-verse .vn{color:var(--gold);font:700 .66em var(--font-ui);margin-right:.4rem;vertical-align:super;opacity:.9}
.bible-heading{display:block;font:600 .92rem var(--font-title);color:var(--gold);margin:1.3rem 0 .4rem;letter-spacing:.03em}
.bible-nav-bottom{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid var(--border);flex-wrap:wrap}
.bible-search-results{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem;max-height:320px;overflow-y:auto}
.bible-search-hit{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--hair);color:var(--text);padding:.6rem .2rem;cursor:pointer;font:400 .88rem/1.5 var(--font-ui)}
.bible-search-hit:hover{color:var(--gold-light)}
.bible-search-hit .ref{color:var(--gold);font-weight:600;margin-right:.4rem}
.bible-search-hit mark{background:rgba(212,175,55,.3);color:inherit;border-radius:3px;padding:0 2px}
.bible-loading{text-align:center;padding:2.5rem 1rem;color:var(--gold-light)}
.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--gold-soft);border-top-color:var(--gold);margin:0 auto .8rem;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============ Galleries ============ */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}
.gc{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);cursor:zoom-in;transition:transform .25s var(--ease),border-color .2s;display:flex;flex-direction:column}
.gc:hover{transform:translateY(-3px);border-color:var(--border-strong)}
.gc .ph{aspect-ratio:1000/707;background:#fff;overflow:hidden}
.gc .ph.tall{aspect-ratio:3/4}
.gc img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s var(--ease)}
.gc:hover img{transform:scale(1.03)}
.gc b{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .9rem;color:var(--gold-light);font-size:.86rem;font-weight:600}
.gc b small{color:var(--text-faint);font-weight:500;font-size:.72rem;white-space:nowrap}
/* map list */
#mapList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.mc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
.mc:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.mc .mth{aspect-ratio:1000/707;background:#fff;cursor:zoom-in;overflow:hidden}
.mc .mth img{width:100%;height:100%;object-fit:cover;display:block}
.mc .mbody{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem}
.mc .mbody div{flex:1;min-width:0}
.mc b{display:block;color:var(--gold-light);font-size:.95rem}
.mc small{color:var(--text-muted);display:block;font-size:.76rem}

/* ============ Plano / weeks ============ */
.week{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem .95rem;margin:.5rem 0;display:flex;gap:.8rem;align-items:flex-start;transition:border-color .2s,background .2s}
.week:hover{border-color:var(--border-strong)}
.week.done{border-color:rgba(47,191,113,.5);background:linear-gradient(90deg,rgba(47,191,113,.09),transparent 60%)}
.week b{color:var(--gold-light)}
.week input,.chk{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:none;margin-top:.1rem;border:2px solid var(--border-strong);border-radius:7px;background:var(--surface-2);cursor:pointer;display:grid;place-items:center;transition:all .2s}
.week input:checked,.chk:checked{background:var(--success);border-color:var(--success)}
.week input:checked::after,.chk:checked::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.seg,.chip{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--gold-soft);color:var(--gold-light);border-radius:99px;padding:.28rem .75rem;margin:.3rem .3rem 0 0;font:600 .8rem var(--font-ui);transition:all .15s}
.seg:hover,.chip:hover{border-color:var(--gold)}
.chip{min-width:56px;min-height:36px;justify-content:center}
.chip.on{background:linear-gradient(145deg,#D4AF37,#B8860B);color:#061E30;border-color:transparent}
.checklist{list-style:none;padding:0!important;margin:.8rem 0}
.checklist li{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--hair);background:var(--surface-2);margin:.4rem 0;color:var(--text)}
.checklist li label{flex:1;cursor:pointer}

/* ============ Devocionais ============ */
.dd{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-bottom:1rem}
@media (min-width:600px){.dd{grid-template-columns:repeat(10,1fr)}}
.dd button{min-height:46px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;font:700 .95rem var(--font-ui);transition:all .15s}
.dd button:hover{border-color:var(--gold);color:var(--gold)}
.dd button.ok{background:linear-gradient(145deg,#35C97A,#22995A);color:#fff;border-color:transparent}
.rd{max-width:72ch}
.rd p{font:400 1.06rem/1.85 var(--font-serif);margin:.85rem 0}
.rd h3{font:600 1.5rem/1.3 var(--font-serif);color:var(--gold);margin-top:.2rem}

/* ============ Timeline ============ */
.tl-rib{display:flex;overflow-x:auto;gap:.2rem;padding:.6rem .2rem 1rem;margin-bottom:.4rem;scrollbar-width:thin}
.tl-rib button{flex:0 0 78px;background:transparent;border:0;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.4rem;font:600 .66rem var(--font-ui);text-align:center}
.tl-rib button span{width:48px;height:48px;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--c);transition:transform .2s}
.tl-rib button:hover span{transform:scale(1.08)}
.tl-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--c);border-radius:14px;margin-bottom:.7rem;overflow:hidden;box-shadow:var(--shadow)}
.tl-head{display:flex;gap:.8rem;align-items:center;padding:.85rem .9rem;cursor:pointer}
.tl-head b{display:block;font:600 1.02rem var(--font-serif);color:var(--gold-light)}
.tl-head small{color:var(--text-muted);font-size:.78rem}
.tl-ico{width:46px;height:46px;border-radius:13px;background:var(--c);display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex:none;box-shadow:inset 0 -6px 12px rgba(0,0,0,.2)}
.tl-ar{color:var(--gold);transition:transform .25s}
.tl-card.open .tl-ar{transform:rotate(180deg)}
.tl-body{display:none;padding:0 1rem 1rem}
.tl-card.open .tl-body{display:block;animation:fadeIn .35s var(--ease)}
.tl-h{font:700 .7rem var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:1rem 0 .45rem}
.tl-b ul{padding-left:1.1rem;color:var(--text-muted);font-size:.92rem}
.tl-b>p{color:var(--text)}
.tl-chip{display:inline-block;background:var(--gold-soft);border:1px solid var(--border);border-radius:99px;padding:.2rem .7rem;margin:.15rem .2rem .15rem 0;font-size:.8rem;color:var(--gold-light)}
.tl-strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x proximity}
.tl-bk{flex:0 0 150px;text-align:center;scroll-snap-align:start}
.tl-bk img{width:150px;height:106px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:zoom-in}
.tl-bk b{display:block;font-size:.82rem;margin:.35rem 0}
.tl-th{height:106px;border-radius:10px;border:1px solid var(--border);background:#fff;flex:none;cursor:zoom-in;scroll-snap-align:start}
.tl-x{background:var(--gold-soft);border:1px dashed var(--border-strong);border-radius:12px;padding:.8rem .9rem;margin-top:.8rem;font-size:.92rem}

/* ============ Reconexão ============ */
.rec-img{width:100%;border-radius:12px;background:#fff;margin:.7rem 0;cursor:zoom-in;display:block;box-shadow:var(--shadow)}
@media (min-width:760px){.rec-img{max-width:560px}}

/* ============ Viewer ============ */
#viewer{position:fixed;inset:0;background:rgba(2,10,16,.97);z-index:90;display:none;flex-direction:column}
#viewer.on{display:flex;animation:fadeIn .25s}
.vb{display:flex;justify-content:space-between;align-items:center;padding:calc(.55rem + var(--sat)) .7rem .55rem;color:#F0D77B;gap:.6rem;border-bottom:1px solid rgba(212,175,55,.2);background:rgba(4,20,31,.9)}
.vb b{flex:1;min-width:0;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb span{display:flex;white-space:nowrap;gap:.25rem}
.vb button{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);color:#F0D77B;width:40px;height:40px;border-radius:10px;font-size:1.15rem;display:grid;place-items:center}
.vb button:hover{background:rgba(212,175,55,.22)}
.vs{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;touch-action:pan-x pan-y}
.vs img{display:block;max-width:none;background:#fff;margin:auto;transition:width .2s ease;user-select:none;-webkit-user-drag:none}
.vh{color:#8FA9BE;font-size:.75rem;text-align:center;padding:.45rem 0 calc(.45rem + var(--sab))}

/* ============ Toast / sheet ============ */
.toast{position:fixed;left:50%;bottom:calc(var(--tabbar) + var(--sab) + 16px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:95;background:#0E3858;color:#F4E3A6;border:1px solid rgba(212,175,55,.45);padding:.65rem 1.1rem;border-radius:12px;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);transition:all .3s var(--ease);max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (min-width:1024px){.toast{bottom:24px;left:calc(50% + var(--side)/2)}}
.empty{text-align:center;padding:1.6rem 1rem;color:var(--text-muted)}
.empty svg{width:120px;height:90px;margin:0 auto .6rem;display:block}
.install-card{display:none}.install-card.on{display:flex}

/* ============ Footer ============ */
.footer-note{text-align:center;padding:1.5rem 1.2rem 1.8rem;color:var(--text-faint);font-size:.74rem;line-height:1.6;border-top:1px solid var(--border);max-width:none}
.footer-note .fo{display:flex;justify-content:center;margin-bottom:.6rem;color:var(--gold);opacity:.7}
.footer-note .fo svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5}

/* ============ Light theme fine-tuning ============ */
[data-theme="light"] .chapter-btn.read,[data-theme="light"] .chip.on,[data-theme="light"] .pill.active{color:#fff;background:linear-gradient(145deg,#B8932A,#8C6A0E)}
[data-theme="light"] .btn:not(.btn-outline){color:#1A1405}
[data-theme="light"] .stat-box .num,[data-theme="light"] .ring span{color:#8C6A0E}
[data-theme="light"] .gc,[data-theme="light"] .mc,[data-theme="light"] .card{backdrop-filter:none}
[data-theme="light"] h4[style*="gold-light"]{color:#0A2F4A!important}
@media print{.appbar,.tabbar,.drawer,.scrim,#viewer,.banner,.hero{display:none!important}body{padding:0;background:#fff;color:#000}.main{margin:0!important}}
/* banner art */
.bn-hero{--img:url(art/hero.svg)}.bn-mapas{--img:url(art/mapas.svg)}.bn-devo{--img:url(art/devo.svg)}
.bn-desafio{--img:url(art/desafio.svg)}.bn-casal{--img:url(art/casal.svg)}.bn-jornada{--img:url(art/jornada.svg)}
.bn-plano{--img:url(art/plano.svg)}.bn-conexoes{--img:url(art/conexoes.svg)}
/* refinamentos pós-teste */
#bibleChapterGrid{max-height:132px;overflow-y:auto;padding:4px;margin:.6rem -4px 0;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));scrollbar-width:thin;border-bottom:1px solid var(--border);padding-bottom:.8rem}
#bibleChapterGrid .chapter-btn{aspect-ratio:auto;min-height:36px;height:36px}
@media (max-width:759px){
  .banner{padding-top:118px;min-height:0}
  .banner::after{background:linear-gradient(0deg,rgba(4,20,31,.98) 0%,rgba(4,20,31,.88) 48%,rgba(4,20,31,.1) 82%)}
  .banner .lead{font-size:.88rem}
  .hero{padding-top:190px;min-height:0}
  .hero::before{background-position:72% 0;background-size:auto 260px;background-color:#04141F}
  .hero::after{background:linear-gradient(0deg,rgba(4,20,31,1) 0%,rgba(4,20,31,.95) 55%,rgba(4,20,31,0) 78%)}
  .hero h2{font-size:1.55rem}
  .hero p.hero-txt{font-size:.88rem}
}
/* ============ Telas nativas (mapas transcritos) ============ */
.nv-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem 1.2rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.nv-head::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 70%);pointer-events:none}
.nv-top{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}
.nv-head .eyebrow{display:flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}
.nv-head .eyebrow .ic{width:16px;height:16px}
.nv-title{font-family:var(--font-title);font-size:clamp(1.5rem,1.2rem + 1.4vw,2.2rem);color:var(--gold-light);line-height:1.2;margin:.35rem 0 .2rem;letter-spacing:.02em}
.nv-sub{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);font-size:1.02rem}
.nv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem}
.nv-meta span{font-size:.78rem;font-weight:600;padding:.25rem .7rem;border-radius:99px;border:1px solid var(--border-strong);color:var(--gold)}
.nv-orn{display:block;width:56px;height:28px;margin-top:.7rem;color:var(--gold);opacity:.8}
.nv-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;margin-bottom:1rem}
@media (min-width:760px){.nv-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1500px){.nv-grid{grid-template-columns:1fr 1fr 1fr}}
.nv-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--border-strong);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow);min-width:0}
.nv-card h3{display:flex;align-items:center;gap:.55rem;font-family:var(--font-serif);font-size:1.08rem;color:var(--gold-light);margin-bottom:.6rem;line-height:1.3}
.nv-card h3 .ic{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--gold-soft);color:var(--gold);flex:none}
.nv-card p{margin:.35rem 0;line-height:1.65}
.nv-card.k-verse,.nv-card.k-key{border-top-color:var(--gold)}
.nv-card.k-pray p{font-family:var(--font-serif);font-style:italic;font-size:1.03rem}
.nv-card.k-warn{border-top-color:var(--danger)}
.nv-card.k-lesson,.nv-card.k-apply{border-top-color:var(--success)}
.nv-hl{font-family:var(--font-serif);font-style:italic;font-size:1.06rem;color:var(--gold-light);background:var(--gold-soft);border-radius:var(--r-sm);padding:.75rem .95rem;border-left:3px solid var(--gold)}
.nv-verse{margin:.55rem 0;padding:.8rem 1rem;background:var(--surface-2);border-left:3px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0}
.nv-verse p{font-family:var(--font-serif);font-size:1.02rem;line-height:1.7;margin:0 0 .4rem}
.nv-verse p::before{content:"“"}.nv-verse p::after{content:"”"}
.nv-verse footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.nv-verse .ref{color:var(--gold);font-weight:700;font-size:.88rem}
.nv-read{min-height:40px}
.nv-ul,.nv-ol{margin:.2rem 0;padding-left:0;list-style:none}
.nv-ol{counter-reset:n}
.nv-ul li,.nv-ol li{position:relative;padding:.42rem 0 .42rem 1.6rem;line-height:1.55;border-bottom:1px dashed var(--hair)}
.nv-ul li:last-child,.nv-ol li:last-child{border-bottom:0}
.nv-ul li::before{content:"";position:absolute;left:.3rem;top:.95rem;width:7px;height:7px;transform:rotate(45deg);background:var(--gold);opacity:.85}
.nv-ul.warn li::before{background:transparent;border:2px solid var(--danger)}
.nv-ul.lesson li::before{background:var(--success)}
.nv-ul.steps{border-left:2px solid var(--border);margin-left:.35rem}
.nv-ul.steps li{padding-left:1.25rem}.nv-ul.steps li::before{left:-6px;transform:none;border-radius:50%;width:10px;height:10px;top:.9rem}
.nv-ol li{counter-increment:n;padding-left:2rem}.nv-ol li::before{content:counter(n);position:absolute;left:0;top:.4rem;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--gold-soft);color:var(--gold);font-weight:700;font-size:.78rem;display:grid;place-items:center}
.nv-ul b,.nv-ol b{color:var(--gold-light)}
.nv-ref{display:inline-block;font-size:.76rem;font-weight:700;color:var(--gold);background:var(--gold-soft);border-radius:99px;padding:.05rem .5rem;white-space:nowrap;vertical-align:1px}
.nv-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.nv-chips span{padding:.3rem .75rem;border-radius:99px;border:1px solid var(--border-strong);font-size:.86rem;font-weight:600;color:var(--gold-light);background:var(--surface-2)}
.nv-note{width:100%;min-height:150px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:.85rem 1rem;font:400 .97rem/1.6 var(--font-ui);resize:vertical}
.nv-note:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.nv-saved{margin-top:.35rem;font-size:.8rem;color:var(--text-muted)}
.nv-credit{margin:.4rem 0 1rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}
.linkbtn{background:none;border:0;padding:.3rem 0;min-height:44px;color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:inherit}
.nv-pn{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.nv-pn .btn{max-width:100%;white-space:normal;text-align:left}
.gc .nat{display:flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;color:var(--success);margin-top:.2rem}
.gc .nat .ic{width:14px;height:14px}
/* Reconexão a Dois — campos */
.nv-card.k-talk{border-top-color:var(--gold-dark)}
.nv-q{display:block;font-weight:600;color:var(--gold-light);margin:.75rem 0 .3rem;line-height:1.4}
.nv-q:first-child{margin-top:.2rem}
.nv-note.nv-ans{min-height:76px}
.nv-rate{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px dashed var(--hair)}
.nv-rate:last-child{border-bottom:0}
.nv-rate label{font-weight:600;flex:1}
.nv-rate span{display:inline-flex;align-items:center;gap:.35rem}
.nv-rate input.nv-note{width:4.4rem;min-height:44px;padding:.4rem;text-align:center;font-size:1.05rem;font-weight:700;resize:none}
.nv-rate small{color:var(--text-muted)}
.nv-cb{display:grid;grid-template-columns:1fr;gap:0 .8rem}
@media (min-width:560px){.nv-cb{grid-template-columns:1fr 1fr}}
.checklist input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--gold);margin-top:.1rem}
/* ============ Leitor v2: um único menu no topo ============ */
.bible-reader{padding-top:0!important}
.rbar{position:sticky;top:calc(var(--appbar) + var(--sat));z-index:5;background:var(--surface-solid);margin:0 -1.15rem;padding:.8rem 1.15rem .7rem;border-bottom:1px solid var(--border);border-radius:var(--r) var(--r) 0 0}
@media (min-width:760px){.rbar{margin:0 -2.2rem;padding:1rem 2.2rem .8rem}}
.rbar-row{display:flex;align-items:center;gap:.6rem}
.rbar-t{flex:1;min-width:0;text-align:center}
.rbar-t h3{font:600 1.45rem var(--font-title);color:var(--gold-light);letter-spacing:.02em;margin:0}
.rbar .bible-status{font-size:.8rem;color:var(--text-muted)}
.rbar .rtools{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem;min-width:0;max-width:100%}
.rbar .btn.icon{min-width:44px;min-height:44px;padding:.3rem}
.chbox{margin-top:.7rem}.chbox[hidden]{display:none}
.chbox .chapter-grid{max-height:min(46vh,320px);overflow-y:auto;margin-top:0;padding:2px}
.bible-text{margin-top:1.1rem}
.bible-layout>*{min-width:0}
@media (max-width:1023px){.bible-sidebar{display:none}.bible-layout.bl-open .bible-sidebar{display:block}}
@media (min-width:1024px){.bl-tg{display:none!important}}
@media (max-width:759px){
  .rbar{padding:.55rem .8rem;margin:0 -1.15rem}.rbar-t h3{font-size:1.15rem}.rbar .bible-status{font-size:.72rem;line-height:1.3}
  .rbar .rtools{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.25rem;margin-top:.45rem;scrollbar-width:none}.rbar .rtools::-webkit-scrollbar{display:none}
  .rbar .rtools .btn{flex:none;padding-inline:.5rem;font-size:.8rem}#bibleMarkBtn .lbl{display:none}#bibleMarkBtn{min-width:44px;min-height:44px}
  body.in-bible .tabbar{display:none}
  body.in-bible{padding-bottom:calc(12px + var(--sab))}
}
@media (max-width:759px){body.in-bible .toast{bottom:calc(16px + var(--sab))}}
.nv-acts{display:flex;gap:.45rem;flex-wrap:wrap}.nv-rec+.nv-credit{margin-top:0}#recBody .row{gap:.45rem;flex-wrap:wrap}
.stat-box .label{line-height:1.3;overflow-wrap:anywhere}.stat-box .num{padding-right:1.6rem}
/* ============ iPhone/iPad: cabeçalho nítido, áreas seguras ============ */
html,body{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.appbar{background:#071F33;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:var(--sat) max(.75rem,env(safe-area-inset-right)) 0 max(.75rem,env(safe-area-inset-left));transform:translateZ(0)}
.appbar *{text-shadow:none!important}
.brand-txt b{font-weight:600;letter-spacing:.05em}
.tabbar{background:#061A2B;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:calc(64px + var(--sab));
  padding:.3rem max(.4rem,env(safe-area-inset-right)) calc(.3rem + var(--sab)) max(.4rem,env(safe-area-inset-left));transform:translateZ(0)}
.tabbar button{font-size:.7rem;min-height:52px;gap:.25rem;white-space:nowrap}
:root{--tabbar:64px}
@supports (padding:env(safe-area-inset-left)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
@media (min-width:430px) and (max-width:759px){.tabbar button{font-size:.74rem}}
.nv-orn{fill:none;stroke:currentColor;stroke-width:1.4;width:72px;height:36px}
@media (max-height:500px) and (orientation:landscape) and (max-width:1023px){:root{--tabbar:48px}.tabbar{height:calc(48px + var(--sab));padding-top:.15rem;padding-bottom:var(--sab)}.tabbar button{flex-direction:row;gap:.4rem;min-height:44px;font-size:.74rem}.tabbar button.on::before{top:-.2rem}:root{--appbar:52px}}

/* ===== v3: só o menu superior (sem barra inferior) ===== */
:root{--tabbar:0px!important}
.tabbar{display:none!important}
body{padding-bottom:calc(var(--sab) + 12px)}
.toast{bottom:calc(var(--sab) + 18px)}
.dq{display:none}
@media (max-width:1023px){
  .appbar{padding-left:calc(.85rem + env(safe-area-inset-left,0px));padding-right:calc(.85rem + env(safe-area-inset-right,0px))}
  .brand-txt{display:flex;flex-direction:column-reverse}
  .brand-txt small{font:600 1.08rem/1.2 var(--font-ui);color:#FFFFFF;letter-spacing:0;margin-top:.05rem}
  .brand-txt b{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#D9B95A}
  .hb{background:linear-gradient(145deg,#E2C35A,#B8860B)!important;border-color:transparent!important;color:#061E30!important}
  .hb .ic{stroke-width:2.4}
  .drawer{width:88%;max-width:360px;background:#061A2B!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-bottom:calc(1.2rem + var(--sab));padding-right:env(safe-area-inset-right,0px)}
  .scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .dh{padding-right:3.6rem}
  .dh .dh-x{width:42px;height:42px}
  .dq{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.9rem .85rem .4rem}
  .drawer .dq button[data-go]{width:auto;margin:0;flex-direction:column;justify-content:center;gap:.35rem;min-height:68px;padding:.55rem .2rem;border:1px solid rgba(212,175,55,.22);border-radius:14px;background:rgba(212,175,55,.06);font:600 .74rem var(--font-ui);color:#DCE6EE;text-align:center}
  .drawer .dq button[data-go] .ic{width:22px;height:22px;opacity:1;color:#E2C35A}
  .drawer .dq button[data-go].on{background:linear-gradient(145deg,#E2C35A,#B8860B);color:#061E30;border-color:transparent}
  .drawer .dq button[data-go].on .ic{color:#061E30}
  .drawer .dq button[data-go].on::before{display:none}
  .drawer button[data-go]{min-height:46px}
}
@media (max-height:500px) and (orientation:landscape) and (max-width:1023px){.dq{grid-template-columns:repeat(4,1fr)}.drawer .dq button[data-go]{min-height:56px;gap:.2rem}}

/* ---------- Harmonia dos Evangelhos: paralelos no leitor (paleta petróleo & dourado) ---------- */
.par{font-family:var(--font-ui);margin:.9em 0 .7em;padding:.7rem .8rem .75rem;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--r-sm);background:var(--gold-soft);font-size:.9rem;line-height:1.35}
.par-t{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:none;border:0;padding:0;color:var(--text);min-height:36px;cursor:pointer;font-family:var(--font-ui)}
.par-t .par-ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--gold);border:1px solid var(--border)}
.par-t .par-ic .ic{width:18px;height:18px}
.par-t small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.par-t b{display:block;font:600 .95rem var(--font-serif);color:var(--text)}
.par-l{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.par-r,.hp-r{min-height:40px;padding:.35rem .8rem;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--gold-light);font:600 .86rem var(--font-ui);cursor:pointer;transition:.15s}
[data-theme="light"] .par-r,[data-theme="light"] .hp-r{background:#fff;color:#0A2F4A}
.par-r:active,.hp-r:active{transform:scale(.97)}
.par-r:hover,.hp-r:hover{border-color:var(--gold);background:var(--gold-soft)}
.par-back{margin:.45rem 0 0;font-family:var(--font-ui);display:flex;justify-content:center}
.par-back .btn{font-size:.82rem;min-height:38px}
#parTg[hidden]{display:none}
/* ---------- tela Harmonia ---------- */
#harmonia .search-box{margin-bottom:.7rem!important}
.h-pills,.h-books{margin-bottom:.55rem!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.h-pills::-webkit-scrollbar,.h-books::-webkit-scrollbar{display:none}
.h-pills .pill,.h-books .pill{flex:none}
.h-books .pill{padding:.38rem .85rem;font-size:.8rem}
.h-count{margin:.2rem 0 .4rem;font-size:.84rem}
.h-part{font:600 1.05rem/1.3 var(--font-title);color:var(--gold);letter-spacing:.03em;margin:1.3rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}
.hp{padding:.9rem!important;margin-bottom:.7rem!important;scroll-margin-top:90px;transition:box-shadow .3s,border-color .3s}
.hp.focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow)}
.hp-h{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}
.hp-h h3{font:600 1.02rem/1.3 var(--font-serif);color:var(--text);margin:0;flex:1 1 60%;min-width:0}
.hp-n{font:700 .74rem var(--font-ui);color:var(--gold);background:var(--gold-soft);border:1px solid var(--border);border-radius:99px;padding:.12rem .5rem;flex:none}
.hp-c{font:600 .72rem var(--font-ui);color:var(--text-muted);flex:none}
.hp-g{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.hp-cell{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.45rem .5rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}
.hp-cell small{font:700 .66rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.hp-cell.none{opacity:.55}.hp-cell.none span{color:var(--text-faint);font-weight:700}
.hp-cell .hp-r{align-self:flex-start;max-width:100%;white-space:normal;text-align:left;min-height:36px;padding:.3rem .65rem}
.hp-x{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.84rem;color:var(--text-muted)}
.hp-x .hp-r{min-height:34px;font-size:.8rem}
.h-src{margin-top:1rem;text-align:center;font-size:.8rem;color:var(--text-faint)}
.h-link{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;cursor:pointer;color:var(--text);font-family:var(--font-ui);padding:.9rem 1rem!important}
.h-link>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:.15rem}
.h-link b{font:600 1.02rem var(--font-serif);color:var(--gold-light)}
.h-link small{color:var(--text-muted);font-size:.84rem}
.h-link>.ic{color:var(--gold);flex:none}
.h-link .qi{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(212,175,55,.22),rgba(212,175,55,.06));border:1px solid rgba(212,175,55,.3);color:var(--gold)}
.h-link .qi .ic{width:22px;height:22px}

/* ===================== v3.1 · Modo Pregação ===================== */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* biblioteca */
.pg-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem}
.pg-folders{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pg-folders::-webkit-scrollbar{display:none}.pg-folders .pill{flex:none}
.pg-count{margin:.2rem 0 .5rem;font-size:.82rem}
.pg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media (min-width:900px){.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1300px){.pg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card.pg-card{margin:0;padding:.8rem .85rem .75rem;display:flex;flex-direction:column;gap:.3rem;cursor:pointer;min-height:148px;transition:transform .15s}
.card.pg-card:active{transform:scale(.98)}
.card.pg-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pg-ctop{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-bottom:.1rem}
.pg-fold{display:inline-flex;align-items:center;gap:.3rem;font:600 .66rem/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pg-fold .ic{width:13px;height:13px;flex:none}
.pg-fav{border:0;background:transparent;color:var(--text-muted);width:36px;height:36px;margin:-8px -8px -8px 0;display:grid;place-items:center;border-radius:50%;flex:none}
.pg-fav .ic{width:19px;height:19px}.pg-fav.on{color:#F4C542}
.pg-ct{font:600 1rem/1.25 var(--font-serif);color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pg-cs{font-size:.76rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pg-meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin-top:auto;padding-top:.35rem;font-size:.74rem;color:var(--text-muted)}
.pg-meta span{display:inline-flex;align-items:center;gap:.25rem}.pg-meta .ic{width:14px;height:14px;color:var(--gold)}
.pg-empty{grid-column:1/-1;padding:1.6rem 1rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:16px}
.pg-empty.sm{padding:.9rem;font-size:.9rem}
.pg-src{margin-top:1rem;font-size:.78rem}
.pg-h3{font:600 1.05rem var(--font-serif);color:var(--gold);margin:1.2rem 0 .6rem}
/* próxima pregação */
.pg-next{padding:1rem 1.05rem}
.pg-next-in{display:grid;grid-template-columns:auto 1fr;gap:.4rem .85rem;align-items:center}
.pg-next-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#F4DC86;background:linear-gradient(180deg,rgba(255,240,190,.35),rgba(255,255,255,0) 55%),rgba(240,215,123,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 .75px rgba(240,215,123,.55)}
[data-theme="light"] .pg-next-ic{color:#7A5A06}
.pg-next-ic .ic{width:24px;height:24px}
.pg-next-t{display:flex;flex-direction:column;min-width:0}
.pg-next-t small{font:600 .7rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pg-next-t b{font:600 1.1rem/1.25 var(--font-serif);color:var(--text)}
.pg-next-t span{font-size:.84rem;color:var(--text-muted);text-transform:none}
.pg-next-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
/* folha (detalhe/editor/evento) */
.pg-scrim{position:fixed;inset:0;z-index:80;background:rgba(2,10,16,.32);opacity:0;pointer-events:none;transition:opacity .25s}
.pg-sheet-on .pg-scrim{opacity:1;pointer-events:auto}
.pg-sheet{position:fixed;z-index:81;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100% - max(24px,env(safe-area-inset-top)) - 16px);
  display:flex;flex-direction:column;border-radius:28px;overflow:hidden;transform:translateY(110%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.9,.25,1),visibility 0s .32s;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.01) 28%,rgba(255,255,255,.04)),var(--g-sheet);
  -webkit-backdrop-filter:blur(8px) saturate(190%);backdrop-filter:blur(8px) saturate(190%);border:.5px solid rgba(255,255,255,.4);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.3),0 30px 70px -24px rgba(0,0,0,.7)}
.pg-sheet-on .pg-sheet{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.9,.25,1)}
@media (min-width:700px){.pg-sheet{left:50%;right:auto;width:min(680px,calc(100% - 32px));margin-left:calc(min(680px,calc(100% - 32px))/-2);bottom:max(16px,env(safe-area-inset-bottom))}}
.pg-sh-in{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 1.1rem 1.2rem}
.pg-sh-top{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.7rem 0 .6rem;margin-bottom:.2rem}
.pg-sh-top small{display:block;font:600 .7rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pg-sh-top b{display:block;font:600 1.25rem/1.25 var(--font-serif);color:var(--text)}
.pg-sh-top .gs-x{flex:none}
.pg-det-sub{color:var(--text-muted);margin:0 0 .4rem;font-size:.9rem}
.pg-det-ctx{font-size:.92rem;line-height:1.55;color:var(--text);margin:.2rem 0 .6rem}
.pg-acts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
.pg-del{color:#FF8A8D!important;border-color:rgba(255,120,120,.45)!important}
[data-theme="light"] .pg-del{color:#B42318!important}
.pg-tl{margin:.8rem 0 .4rem;padding-left:1.4rem}
.pg-tl li{margin:.55rem 0;line-height:1.45}.pg-tl li::marker{color:var(--gold);font-weight:700}
.pg-tl b{display:block;color:var(--text)}.pg-tl span{font-size:.86rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pg-note{font-size:.78rem;color:var(--text-muted);margin-top:.8rem}
.pg-form{display:flex;flex-direction:column;gap:.7rem}
.pg-form label{display:flex;flex-direction:column;gap:.3rem;font:600 .8rem var(--font-ui);color:var(--text-muted)}
.pg-form label small{font-weight:400}
.pg-2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pg-in{width:100%;min-height:44px;padding:.6rem .85rem;border-radius:14px;border:.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:var(--text);font:400 1rem var(--font-ui);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
textarea.pg-in{resize:vertical;line-height:1.45;min-height:90px}
select.pg-in{appearance:auto}
.pg-in:focus{outline:2px solid var(--gold);outline-offset:1px}
[data-theme="light"] .pg-in{background:rgba(255,255,255,.75);border-color:rgba(10,47,74,.18)}
.pg-ed-h{font:600 1rem var(--font-serif);color:var(--gold);margin-top:.4rem}
.pg-ed-t{display:flex;flex-direction:column;gap:.45rem;padding:.7rem;border-radius:18px;border:.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.03)}
[data-theme="light"] .pg-ed-t{border-color:rgba(10,47,74,.14);background:rgba(255,255,255,.4)}
.pg-ed-tb{display:flex;align-items:center;justify-content:space-between}.pg-ed-tb b{color:var(--gold);font-size:.85rem}
.pg-ed-tb .btn.icon{width:40px;min-height:40px;padding:0}
.pg-ed-save{position:sticky;bottom:-1.2rem;padding:.6rem 0 1rem;margin-bottom:-1.2rem;background:linear-gradient(0deg,var(--g-sheet) 70%,transparent)}
/* cartões de versículo */
.pg-vc{margin:.7rem 0;border-radius:18px;overflow:hidden;border:.5px solid rgba(240,215,123,.45);background:linear-gradient(180deg,rgba(255,240,190,.10),rgba(255,255,255,0) 60%),rgba(240,215,123,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.pg-vc-h{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.1rem .6rem;width:100%;padding:.7rem .9rem;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;min-height:52px}
.pg-vc-k{grid-column:1;display:flex;align-items:center;gap:.35rem;font:700 .66rem var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.pg-vc-k .ic{width:14px;height:14px}
.pg-vc-h b{grid-column:1;font:600 1.02rem var(--font-serif)}
.pg-chev{grid-column:2;grid-row:1/3;width:20px;height:20px;color:var(--gold);transition:transform .2s}
.pg-vc.open .pg-chev{transform:rotate(90deg)}
.pg-vc-b{padding:0 .95rem .85rem;font-family:var(--font-serif);line-height:1.6}
.pg-vc-b p{margin:.3rem 0}.pg-vc-b sup{color:var(--gold);font:700 .7em var(--font-ui);margin-right:.3em}
.pg-vc-src{font:500 .72rem var(--font-ui);color:var(--text-muted);margin-top:.4rem}
.pg-vc-load,.pg-vc-err{font:400 .9rem var(--font-ui);color:var(--text-muted)}
/* agenda */
.pg-cal-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}
.pg-cal-h b{font:600 1.1rem var(--font-serif);color:var(--text)}
.pg-cal-h .btn.icon{width:44px;min-height:44px;padding:0;border-radius:50%!important}
.pg-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.pg-wd{font:600 .68rem var(--font-ui);text-transform:uppercase;color:var(--text-muted);padding:.2rem 0}
.pg-day{position:relative;aspect-ratio:1/1;min-height:40px;max-height:64px;width:100%;border-radius:12px;border:.5px solid transparent;background:transparent;color:var(--text);font:500 .95rem var(--font-ui);cursor:pointer}
.pg-day:hover{background:rgba(255,255,255,.06)}
.pg-day.today{border-color:rgba(240,215,123,.7);color:var(--gold);font-weight:700}
.pg-day.sel{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border-color:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.pg-day i{position:absolute;left:50%;bottom:5px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#F4C542;box-shadow:0 0 6px rgba(244,197,66,.8)}
.pg-newev{width:100%;margin-top:.8rem;justify-content:center}
.pg-dh{font:600 .78rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:.9rem 0 .4rem}
.pg-past{color:var(--text-muted)}
.pg-ev{display:grid;grid-template-columns:auto 1fr;gap:.5rem .8rem;align-items:center;padding:.75rem .85rem;margin-bottom:.55rem;border-radius:20px;border:.5px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--g-shadow)}
[data-theme="light"] .pg-ev{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.5)}
.pg-ev-d{width:50px;height:54px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(240,215,123,.12);box-shadow:inset 0 0 0 .75px rgba(240,215,123,.5)}
.pg-ev-d b{font:700 1.3rem/1 var(--font-ui);color:var(--gold)}.pg-ev-d small{font:600 .66rem var(--font-ui);text-transform:uppercase;color:var(--text-muted)}
.pg-ev-t{display:flex;flex-direction:column;min-width:0}.pg-ev-t b{color:var(--text);line-height:1.3}
.pg-ev-t small{color:var(--text-muted);font-size:.8rem}
.pg-ev-s{display:flex;align-items:center;gap:.3rem}.pg-ev-s .ic{width:13px;height:13px;color:var(--gold)}
.pg-ev-a{grid-column:1/-1;display:flex;gap:.4rem;justify-content:flex-end}
.pg-ev-a .btn{min-height:40px;min-width:44px;justify-content:center}
@media (min-width:600px){.pg-ev{grid-template-columns:auto 1fr auto}.pg-ev-a{grid-column:auto}}
/* palco de pregação */
body.pg-on{overflow:hidden}
body.pg-on .gtab,body.pg-on .appbar{visibility:hidden}
.pg-stage{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;color:#EEF3F8;--pgf:1.3rem;
  background:radial-gradient(120% 60% at 50% -10%,rgba(40,80,110,.45),transparent 60%),linear-gradient(180deg,#061019,#03070B 70%);
  padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
.pg-stage[hidden]{display:none}
.pg-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015));border:.5px solid rgba(255,255,255,.3);
  box-shadow:inset 0 1.25px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.08),0 10px 30px -18px #000;-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%)}
.pg-clock{display:flex;flex-direction:column;line-height:1.1;padding-left:.4rem;min-width:0}
.pg-clock small{font:600 .7rem var(--font-ui);color:#AFC0CF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-clock b{font:700 1.35rem var(--font-ui);font-variant-numeric:tabular-nums;color:#fff}
.pg-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:132px;min-height:54px;padding:.2rem 1rem;border-radius:20px;cursor:pointer;
  border:.5px solid rgba(255,255,255,.4);color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03));box-shadow:inset 0 1.25px 0 rgba(255,255,255,.7),0 4px 14px -8px #000}
.pg-timer small{font:600 .6rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.pg-timer span{font:700 1.75rem/1.05 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pg-timer.warn{background:#D92D20;border-color:#FF9C94;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 22px rgba(217,45,32,.55)}
.pg-timer.blink{background:#D92D20;border-color:#FF9C94;animation:pgBlink 1s steps(1,end) infinite}
@keyframes pgBlink{0%{background:#E5281B;color:#fff;box-shadow:0 0 26px rgba(229,40,27,.75)}50%{background:#1A0405;color:#FF6B61;box-shadow:inset 0 0 0 2px #E5281B}}
@media (prefers-reduced-motion:reduce){.pg-timer.blink{animation:none!important;background:#E5281B;outline:3px solid #fff;outline-offset:2px}}
.pg-tb{display:flex;justify-content:flex-end;gap:.3rem}
.pg-tb button{min-width:42px;height:42px;border-radius:50%;border:.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;font:700 .9rem var(--font-ui);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pg-tb .ic{width:19px;height:19px}
.pg-tset{position:absolute;z-index:3;top:calc(max(8px,env(safe-area-inset-top)) + 72px);left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 24px));padding:1rem;border-radius:24px;
  background:rgba(14,26,38,.92);border:.5px solid rgba(255,255,255,.35);box-shadow:inset 0 1.25px 0 rgba(255,255,255,.5),0 24px 60px -20px #000;display:flex;flex-direction:column;gap:.6rem}
.pg-tset[hidden]{display:none}
.pg-tset label{display:flex;flex-direction:column;gap:.25rem;font:600 .8rem var(--font-ui);color:#AFC0CF}
.pg-tset p{font-size:.8rem;color:#AFC0CF;margin:0}.pg-tset .pg-acts{margin:.2rem 0 0}
.pg-stage .pg-in{color:#fff;background:rgba(255,255,255,.07)}
.pg-prog{padding:.55rem .4rem .35rem}
.pg-pinfo{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;font:500 .85rem var(--font-ui);color:#AFC0CF}
.pg-pinfo b{color:#F0D77B;white-space:nowrap}.pg-pinfo span{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pg-pbar{height:4px;border-radius:4px;background:rgba(255,255,255,.12);margin-top:.35rem;overflow:hidden}
.pg-pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#C9A646,#F4DC86);border-radius:4px;transition:width .3s}
.pg-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;padding:0 .4rem}
.pg-body{max-width:54rem;margin:0 auto;padding:.6rem .3rem 40vh;font-size:var(--pgf);line-height:1.6}
.pg-sh{padding:.6rem 0 .3rem}.pg-sh small{font:600 .72em var(--font-ui);color:#AFC0CF;letter-spacing:.02em}
.pg-sh h1{font:700 1.55em/1.2 var(--font-serif);color:#fff;margin:.15em 0 .2em}
.pg-topic{padding:.9em 0 .6em;border-top:.5px solid rgba(255,255,255,.12);scroll-margin-top:12px}
.pg-tn{font:700 .56em var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#AFC0CF}
.pg-topic.cur .pg-tn{color:#F0D77B}
.pg-topic h2{font:700 1.18em/1.25 var(--font-serif);color:#F0D77B;margin:.15em 0 .35em}
.pg-topic p{margin:.4em 0;color:#E6EDF3}
.pg-call{display:flex;gap:.55em;margin:.7em 0;padding:.75em .9em;border-radius:18px;font-family:var(--font-serif);font-weight:600;color:#FFF3CF;
  background:linear-gradient(180deg,rgba(255,240,190,.16),rgba(240,215,123,.06));border:.5px solid rgba(240,215,123,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);border-left:4px solid #E2C35A}
.pg-call .ic{flex:none;width:1.1em;height:1.1em;color:#F0D77B;margin-top:.2em}
.pg-stage .pg-vc{font-size:.85em}.pg-stage .pg-vc-h{color:#fff}.pg-stage .pg-vc-b{color:#E6EDF3}.pg-stage .pg-vc-src,.pg-stage .pg-vc-load,.pg-stage .pg-vc-err{color:#AFC0CF}
.pg-stage .pg-vc-k,.pg-stage .pg-chev,.pg-stage .pg-vc-b sup{color:#F0D77B}
.pg-end{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2em 0;color:#7F93A5;font:600 .6em var(--font-ui);letter-spacing:.12em;text-transform:uppercase}
.pg-end .ic{width:18px;height:18px}
.pg-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;padding:.5rem .2rem max(10px,env(safe-area-inset-bottom))}
.pg-nav button{min-height:50px;border-radius:999px;border:.5px solid rgba(255,255,255,.32);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));color:#fff;font:600 .95rem var(--font-ui);display:flex;align-items:center;justify-content:center;gap:.35rem;padding:0 1rem;box-shadow:inset 0 1.25px 0 rgba(255,255,255,.55),0 8px 20px -12px #000}
.pg-nav button:disabled{opacity:.35}
.pg-nav .ic{width:20px;height:20px}.pg-play .ic{width:22px;height:22px;stroke:#1B1404}.pg-play span{font-weight:700}
.pg-nav .pg-play{min-width:120px;background:linear-gradient(180deg,#F7E3A0,#D9B54A 60%,#C9A646);color:#1B1404;border-color:rgba(255,240,190,.7);box-shadow:var(--g-gold-in),0 8px 20px -10px rgba(0,0,0,.8)}
@media (max-width:420px){.pg-timer{min-width:112px;padding:.2rem .6rem}.pg-timer span{font-size:1.5rem}.pg-clock b{font-size:1.1rem}.pg-tb{gap:.2rem}.pg-tb button{min-width:36px;height:36px}.pg-top{grid-template-columns:auto auto 1fr;padding:.35rem}.pg-tb button:first-child{display:none}.pg-nav button:not(.pg-play) span{display:none}.pg-nav button{padding:0 .8rem}}
@media (max-height:500px) and (orientation:landscape){.pg-top{padding:.25rem .5rem}.pg-timer{min-height:44px}.pg-timer span{font-size:1.4rem}.pg-prog{padding:.3rem .4rem .2rem}.pg-nav{padding-top:.3rem}.pg-nav button{min-height:42px}}
@media (prefers-reduced-transparency:reduce){.pg-sheet{background:var(--g-sheet)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.pg-top{background:#0E1A26;-webkit-backdrop-filter:none;backdrop-filter:none}.pg-call{background:#2A2410}.pg-vc{background:rgba(40,34,16,.9)}[data-theme="light"] .pg-vc{background:#FFF8E1}.pg-ev{background:var(--surface-solid,#0E1A26)}}
@media (prefers-reduced-motion:reduce){.pg-sheet,.pg-scrim,.pg-pbar i,.card.pg-card{transition:none!important}}

.pg-next[hidden]{display:none}

/* ===== Grifos / salvos / anotações (v3.1) ===== */
:root{--vh-y:rgba(255,212,59,.30);--vh-g:rgba(81,207,102,.27);--vh-b:rgba(77,171,247,.29);--vh-p:rgba(247,103,154,.28);--vh-o:rgba(255,146,43,.30);
  --vs-y:#FFD43B;--vs-g:#51CF66;--vs-b:#4DABF7;--vs-p:#F7679A;--vs-o:#FF922B}
[data-theme="light"]{--vh-y:rgba(255,212,59,.48);--vh-g:rgba(81,207,102,.34);--vh-b:rgba(77,171,247,.32);--vh-p:rgba(247,103,154,.30);--vh-o:rgba(255,146,43,.38)}
.bible-verse{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
.bible-verse.vh-y,.vs-item.vh-y,.vs-q.vh-y,.pg-vc-b p.vh-y{background:var(--vh-y);box-shadow:inset 3px 0 0 var(--vs-y)}
.bible-verse.vh-g,.vs-item.vh-g,.vs-q.vh-g,.pg-vc-b p.vh-g{background:var(--vh-g);box-shadow:inset 3px 0 0 var(--vs-g)}
.bible-verse.vh-b,.vs-item.vh-b,.vs-q.vh-b,.pg-vc-b p.vh-b{background:var(--vh-b);box-shadow:inset 3px 0 0 var(--vs-b)}
.bible-verse.vh-p,.vs-item.vh-p,.vs-q.vh-p,.pg-vc-b p.vh-p{background:var(--vh-p);box-shadow:inset 3px 0 0 var(--vs-p)}
.bible-verse.vh-o,.vs-item.vh-o,.vs-q.vh-o,.pg-vc-b p.vh-o{background:var(--vh-o);box-shadow:inset 3px 0 0 var(--vs-o)}
.vs-item[class*="vh-"]{box-shadow:inset 4px 0 0 var(--vs-y),var(--g-shadow,0 8px 24px -12px rgba(0,0,0,.5))}
.vs-item.vh-g{box-shadow:inset 4px 0 0 var(--vs-g)}.vs-item.vh-b{box-shadow:inset 4px 0 0 var(--vs-b)}.vs-item.vh-p{box-shadow:inset 4px 0 0 var(--vs-p)}.vs-item.vh-o{box-shadow:inset 4px 0 0 var(--vs-o)}
.pg-vc-b p[class*="vh-"]{border-radius:6px;padding:.1rem .4rem}
.bible-verse.hl[class*="vh-"]{outline:2px solid var(--gold);outline-offset:1px}
.bible-verse.vu,.vs-item.vu .vs-tx{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.22em;text-decoration-skip-ink:auto}
.bible-verse.vu .vn{text-decoration:none}
.bible-verse.vs-sel{outline:2px dashed var(--gold);outline-offset:1px;background-color:rgba(212,175,55,.12)}
.bible-verse.vs-sel:not([class*="vh-"]){background:rgba(212,175,55,.14)}
.vs-badges{display:inline-flex;gap:.25rem;margin-left:.35rem;vertical-align:middle}
.vs-bm .ic{width:15px;height:15px;color:var(--gold)}
.vs-nb{display:inline-grid;place-items:center;width:30px;height:30px;margin:-6px 0;border-radius:50%;border:.5px solid rgba(255,255,255,.35);background:rgba(212,175,55,.18);color:var(--gold);cursor:pointer;padding:0}
.vs-nb .ic{width:15px;height:15px}
.vs-hint{display:flex;gap:.5rem;align-items:center;font:500 .82rem/1.4 var(--font-ui);color:var(--text-muted,#9fb3c3);margin:0 0 .8rem;padding:.55rem .75rem;border-radius:14px;background:rgba(212,175,55,.10);border:.5px dashed rgba(212,175,55,.5)}
.vs-hint .ic{flex:none;color:var(--gold)}
/* barra de ações (vidro líquido) */
.vs-bar{position:fixed;z-index:66;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));
  padding:.55rem .8rem .7rem;border-radius:26px;transform:translateY(130%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.9,.25,1),visibility 0s .3s;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 30%,rgba(255,255,255,.05)),var(--g-sheet,rgba(14,30,44,.62));
  -webkit-backdrop-filter:blur(10px) saturate(190%);backdrop-filter:blur(10px) saturate(190%);border:.5px solid rgba(255,255,255,.4);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.25),0 24px 60px -20px rgba(0,0,0,.7)}
.vs-bar.on{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.9,.25,1)}
@media (min-width:700px){.vs-bar{left:50%;right:auto;width:min(640px,calc(100% - 32px));transform:translate(-50%,130%)}.vs-bar.on{transform:translate(-50%,0)}}
body.vs-on .bible-text{padding-bottom:230px}
.vs-bh{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.vs-bt{min-width:0}.vs-bt small{display:block;font:600 .66rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.vs-bt b{display:block;font:600 1.02rem/1.25 var(--font-serif);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs-colors{display:flex;gap:.55rem;align-items:center;margin:.5rem 0 .45rem}
.vs-dot{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.75);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 10px -4px rgba(0,0,0,.5);color:#14202b}
.vs-dot .ic{width:18px;height:18px}.vs-dot.on{outline:2.5px solid var(--gold);outline-offset:2px}
.vd-y{background:var(--vs-y)}.vd-g{background:var(--vs-g)}.vd-b{background:var(--vs-b)}.vd-p{background:var(--vs-p)}.vd-o{background:var(--vs-o)}
.vd-none{background:linear-gradient(135deg,transparent 45%,#E5534B 45%,#E5534B 55%,transparent 55%),rgba(255,255,255,.88);margin-left:.15rem}
.vs-acts{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -.3rem;padding:0 .3rem}
.vs-acts::-webkit-scrollbar{display:none}
.vs-a{flex:none;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .4rem .45rem;border-radius:16px;border:.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:var(--text);font:600 .7rem/1.1 var(--font-ui);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.vs-a .ic{width:20px;height:20px;color:var(--gold)}
.vs-a.on{background:linear-gradient(180deg,rgba(212,175,55,.38),rgba(212,175,55,.18));border-color:rgba(212,175,55,.7)}
[data-theme="light"] .vs-a{background:rgba(255,255,255,.6);border-color:rgba(10,47,74,.14)}
[data-theme="light"] .vs-a .ic{color:#8a6a12}
[data-theme="light"] .vd-none{border-color:rgba(10,47,74,.35)}
/* folha */
.pg-sheet-on:not(.vs-sheet-on) .vs-sheet{transform:translateY(110%);visibility:hidden}
.pg-sheet-on:not(.vs-sheet-on) .vs-scrim{opacity:0;pointer-events:none}
.vs-sheet-on .vs-scrim{opacity:1;pointer-events:auto}
.vs-sheet-on .vs-sheet{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.9,.25,1)}
.vs-q{margin:.2rem 0 .9rem;padding:.65rem .85rem;border-radius:14px;font:400 1rem/1.6 var(--font-serif);color:var(--text);background:rgba(255,255,255,.05);max-height:30vh;overflow:auto}
.vs-q sup{color:var(--gold);font:700 .7em var(--font-ui);margin-right:.25em}
.vs-lbl{display:block;font:600 .78rem var(--font-ui);color:var(--text-muted,#9fb3c3);margin:0 0 .35rem}
.vs-ta{min-height:140px}
.vs-sh-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.vs-danger{color:#ff8a80!important;border-color:rgba(255,138,128,.55)!important}
[data-theme="light"] .vs-danger{color:#b3261e!important}
.vs-small{font:400 .8rem/1.45 var(--font-ui);color:var(--text-muted,#9fb3c3);margin:.6rem 0 0}
.vs-pick{margin-top:.6rem}.vs-tagpick{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
/* tela Meus versículos */
.vs-seg{display:flex;gap:.3rem;padding:.3rem;border-radius:22px;margin:0 0 .8rem;background:rgba(255,255,255,.06);border:.5px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%)}
.vs-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;border-radius:18px;border:0;background:transparent;color:var(--text);font:600 .86rem var(--font-ui);cursor:pointer;padding:.3rem .4rem}
.vs-tab .ic{width:17px;height:17px;color:var(--gold)}
.vs-tab em{font-style:normal;font-size:.72rem;min-width:1.4em;padding:.05rem .4rem;border-radius:9px;background:rgba(255,255,255,.12)}
.vs-tab.on{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px -6px rgba(0,0,0,.45)}
[data-theme="light"] .vs-seg{background:rgba(255,255,255,.55);border-color:rgba(10,47,74,.12)}
[data-theme="light"] .vs-tab.on{background:#fff}
[data-theme="light"] .vs-tab .ic{color:#8a6a12}
.vs-search{margin:0 0 .6rem}
.vs-filt{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 .8rem}
.vs-filt::-webkit-scrollbar{display:none}.vs-filt .pill{flex:none;display:inline-flex;align-items:center;gap:.35rem}
.vs-filt .ic{width:14px;height:14px}
.vs-cf i,.vs-cn i{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.vs-list{display:grid;gap:.7rem}
@media (min-width:900px){.vs-list{grid-template-columns:1fr 1fr}}
.vs-item{margin:0;padding:.85rem 1rem}
.vs-ref{display:block;border:0;background:none;padding:0;color:var(--gold);font:700 .95rem var(--font-ui);cursor:pointer;text-align:left}
[data-theme="light"] .vs-ref{color:#7a5c0c}
.vs-tx{margin:.35rem 0;font:400 1rem/1.55 var(--font-serif);color:var(--text)}
.vs-tx-s{font-size:.9rem;opacity:.85}
.vs-nt{margin:.45rem 0;padding:.55rem .75rem;border-radius:12px;background:rgba(255,255,255,.07);border-left:3px solid var(--gold);font:400 .95rem/1.5 var(--font-ui);white-space:pre-wrap;color:var(--text)}
[data-theme="light"] .vs-nt{background:rgba(255,255,255,.65)}
.vs-meta{display:flex;flex-wrap:wrap;gap:.7rem;font:500 .74rem var(--font-ui);color:var(--text-muted,#9fb3c3)}
.vs-meta .ic{width:13px;height:13px;vertical-align:-2px}
.vs-cn{display:inline-flex;align-items:center;gap:.3rem}
.vs-iacts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.vs-empty{text-align:center;padding:1.6rem 1rem}.vs-empty>.ic{width:34px;height:34px;color:var(--gold)}.vs-empty p{color:var(--text-muted,#9fb3c3);margin:.5rem 0 1rem}
.vs-ncard .card-title em.vs-badge{font-style:normal;font-size:.72rem;padding:.05rem .45rem;border-radius:9px;background:rgba(212,175,55,.22);margin-left:.3rem}
.vs-nlist{display:grid;gap:.5rem}
.vs-nrow{padding:.55rem .7rem;border-radius:14px;background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.14)}
.vs-nrow p{margin:.25rem 0;font:400 .92rem/1.45 var(--font-ui);white-space:pre-wrap}
@media (prefers-reduced-transparency:reduce){.vs-bar{background:var(--g-sheet,#0E1A26)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-reduced-motion:reduce){.vs-bar{transition:none!important}}
@media print{.vs-bar,.vs-badges,.vs-hint{display:none!important}}
body.vs-on .toast{bottom:calc(215px + env(safe-area-inset-bottom))!important}
body.vs-sheet-on .toast{bottom:auto!important;top:calc(env(safe-area-inset-top) + 64px)}

/* =====================================================================
   v3.2 — Azul petróleo & dourado (substitui o vidro líquido)
   Superfícies sólidas, bordas finas douradas, sem blur/transparência.
   Só visual: nenhuma chave de armazenamento foi alterada.
   ===================================================================== */
:root{
  --petrol:#0A3D4A;--petrol-dark:#072C36;--petrol-deep:#041D24;--petrol-light:#0F4D5C;--petrol-mid:#13596A;
  --gold:#C9A227;--gold-light:#E6C766;--gold-dark:#A07F14;--gold-soft:rgba(201,162,39,.14);
  --bg:#05222A;--bg-grad:linear-gradient(180deg,#05232B 0%,#072C36 60%,#08313C 100%);
  --surface:#0B3541;--surface-2:#082C36;--surface-solid:#0B3541;--elev:#0E3C49;
  --text:#F4EEDF;--text-muted:#B8C9C6;--text-faint:#8EA5A3;
  --card-bg:var(--surface);--border:rgba(201,162,39,.24);--border-strong:rgba(201,162,39,.6);--hair:rgba(244,238,223,.07);
  --shadow:0 10px 26px -16px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.25);--shadow-lg:0 24px 56px -22px rgba(0,0,0,.7);
  --g-sheet:#0B3541;--g-bar:#072C36;--g-shadow:0 8px 22px -14px rgba(0,0,0,.6);--g-gold-in:none;--spring:cubic-bezier(.2,.8,.2,1);
  --pt-bar:#06262F;--pt-on:#C9A227;--pt-ink:#1C1503;
}
[data-theme="light"]{
  --bg:#F6F1E6;--bg-grad:linear-gradient(180deg,#F8F4EB,#F2EBDD);
  --surface:#FFFFFF;--surface-2:#FAF6EE;--surface-solid:#FFFFFF;--elev:#FFFFFF;
  --text:#0B2A33;--text-muted:#47606A;--text-faint:#6C8088;
  --gold:#94730F;--gold-light:#0A3D4A;--gold-dark:#7A5D08;--gold-soft:rgba(201,162,39,.14);
  --border:rgba(10,61,74,.16);--border-strong:rgba(148,115,15,.55);--hair:rgba(10,61,74,.08);
  --shadow:0 8px 22px -16px rgba(10,61,74,.4),0 1px 3px rgba(10,61,74,.08);--shadow-lg:0 24px 56px -24px rgba(10,61,74,.45);
  --g-sheet:#FFFFFF;--g-bar:#0A3D4A;--pt-bar:#0A3D4A;
}
html,body{background:var(--bg)}
body{background-image:var(--bg-grad);background-attachment:fixed}
body::before{display:none!important}
/* nenhum vidro em lugar nenhum */
*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.card,.stat-box,.mc,.gc,.week,.tl-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
[data-theme="light"] .card,[data-theme="light"] .stat-box,[data-theme="light"] .mc,[data-theme="light"] .gc,[data-theme="light"] .week,[data-theme="light"] .tl-card{background:#fff}

/* ---------- barra superior sólida ---------- */
.appbar{background:var(--pt-bar)!important;border-bottom:1px solid rgba(201,162,39,.45)!important;box-shadow:0 2px 12px rgba(0,0,0,.25)!important;color:#F4EEDF}
.appbar .brand-txt b{color:#F4EEDF}
.appbar .brand-txt small{color:#E6C766}
.appbar .brand-mark{background:linear-gradient(145deg,#E2C35A,#A07F14)!important;border:0!important;color:#1C1503;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.appbar .brand-mark svg{stroke:#1C1503}
.appbar .ab-btn{background:transparent!important;border:1px solid rgba(230,199,102,.45)!important;color:#E6C766!important;box-shadow:none!important}
.appbar .av{color:#F4EEDF}
.appbar .av i{background:linear-gradient(145deg,#E2C35A,#A07F14);color:#1C1503}

/* ---------- botões ---------- */
.btn{background:linear-gradient(180deg,#D8B23A,#B48F1C)!important;color:#1C1503!important;border:1px solid #A07F14!important;box-shadow:0 2px 8px -4px rgba(0,0,0,.45)!important;border-radius:999px!important}
.btn .ic{stroke:#1C1503}
.btn-outline,.btn-ghost{background:transparent!important;color:var(--gold-light)!important;border:1px solid var(--border-strong)!important;box-shadow:none!important}
.btn-outline .ic,.btn-ghost .ic{stroke:currentColor}
[data-theme="light"] .btn-outline,[data-theme="light"] .btn-ghost{color:#0A3D4A!important;border-color:rgba(10,61,74,.35)!important}
.btn:active,.btn-outline:active,.pill:active,.chip:active{transform:scale(.97)}
.pill,.chip{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-muted)!important;box-shadow:none!important}
.pill.active,.pill.on,.chip.active,.chip.on{background:var(--gold-soft)!important;border-color:var(--gold)!important;color:var(--gold-light)!important}
[data-theme="light"] .pill.active,[data-theme="light"] .pill.on{color:#0A3D4A!important}
.search-box,.field{background-color:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important}
.search-box:focus,.field:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(201,162,39,.2)!important;outline:none}
.chapter-btn,.bible-book-link{background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.chapter-btn.cur,.bible-book-link.active{background:var(--gold)!important;color:#1C1503!important;border-color:var(--gold)!important}
.chapter-btn.read{border-color:rgba(47,191,113,.55)!important}

/* ---------- leitor ---------- */
.rbar{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 6px 14px -12px rgba(0,0,0,.5)!important}
.bible-text{color:var(--text)}
.bible-verse .vn{color:var(--gold)}
.banner{background:linear-gradient(150deg,#0A3D4A,#062C36)!important;border:1px solid rgba(201,162,39,.35)!important}
.banner .section-title{color:#E6C766!important}.banner .lead{color:#E7E1D2!important}.banner .eyebrow{color:#E6C766!important}
.section-title{color:var(--gold-light)}

/* ---------- barra inferior (sólida, 5 ícones) ---------- */
.drawer,.hb{display:none!important}
:root{--gt-h:62px;--gt-gap:12px}
body{padding-bottom:calc(var(--gt-h) + var(--gt-gap) + var(--sab) + 22px)!important}
.main,.footer-note{margin-left:auto!important}
@media (min-width:1024px){.main{max-width:1180px;margin:0 auto!important}}
.gtab{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;justify-content:center;pointer-events:none;
  padding:0 max(16px,env(safe-area-inset-right)) calc(var(--gt-gap) + var(--sab)) max(16px,env(safe-area-inset-left))}
.gt-in{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;max-width:440px;height:var(--gt-h);padding:6px;border-radius:20px;
  background:var(--pt-bar);border:1px solid rgba(201,162,39,.5);box-shadow:0 16px 34px -16px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.25)}
.gt-b{flex:1;height:100%;min-width:44px;border:0;border-radius:14px;background:transparent;color:rgba(244,238,223,.72);display:grid;place-items:center;position:relative;transition:color .2s,background .2s}
.gt-b .ic{width:24px;height:24px;stroke-width:1.9}
.gt-b.on,.gt-b[aria-current="page"]{color:#1C1503;background:linear-gradient(180deg,#E2C35A,#B48F1C)}
.gt-b.on .ic,.gt-b[aria-current="page"] .ic{stroke:#1C1503}
.gt-b:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.toast{bottom:calc(var(--gt-h) + var(--gt-gap) + var(--sab) + 14px)!important;background:var(--pt-bar)!important;color:#F4EEDF!important;border:1px solid rgba(201,162,39,.5)!important}
@media (min-width:1024px){.toast{left:50%!important}}
@media (max-height:500px) and (orientation:landscape){:root{--gt-h:54px;--gt-gap:6px}}

/* ---------- “Geral”: painel lateral pela DIREITA (mesmo lado do botão Geral) ---------- */
.scrim{z-index:60;background:rgba(2,14,18,.5)!important}
.menu-open .scrim{opacity:1;pointer-events:auto}
.geral{position:fixed;top:0;bottom:0;right:0;left:auto;z-index:70;width:min(370px,88vw);max-height:none;display:flex;flex-direction:column;border-radius:0;overflow:hidden;
  background:var(--g-sheet);border-left:1px solid rgba(201,162,39,.5);box-shadow:-20px 0 60px -20px rgba(0,0,0,.6);
  padding-top:var(--sat);transform:translateX(104%);transition:transform .32s cubic-bezier(.2,.8,.2,1);visibility:hidden;color:var(--text)}
.menu-open .geral{transform:none;visibility:visible}
.gs-grab{display:none}
.gs-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1rem .9rem 1.2rem;flex:none;background:var(--pt-bar);border-bottom:2px solid var(--gold)}
.gs-top small{display:block;font:600 .68rem var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#E6C766}
.gs-top b{display:block;font:600 1.45rem/1.1 var(--font-title);letter-spacing:.02em;color:#F4EEDF}
.gs-x{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%!important;background:transparent!important;border:1px solid rgba(230,199,102,.5)!important;color:#E6C766!important;box-shadow:none!important}
.gs-x .ic{width:18px;height:18px;stroke-width:2.2}
.vs-sheet .gs-x,.pg-sheet .gs-x,.vs-bar .gs-x{color:var(--gold-light)!important;border-color:var(--border-strong)!important}
.gs-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.3rem .8rem calc(1rem + var(--sab));flex:1}
.gs-h{font:700 .7rem var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:1rem .5rem .4rem}
.gs-list{border-radius:14px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}
[data-theme="light"] .gs-list{background:#FAF6EE}
.gs-row{display:flex;align-items:center;gap:.8rem;width:100%;min-height:50px;padding:.45rem .8rem .45rem .6rem;border:0;background:transparent;text-align:left;color:var(--text);font:500 .96rem var(--font-ui);position:relative}
.gs-row+.gs-row::before{content:'';position:absolute;top:0;left:3.3rem;right:0;height:1px;background:var(--hair)}
.gs-row:hover{background:rgba(201,162,39,.06)}
.gs-row.on{background:rgba(201,162,39,.16)}
.gs-row.on .gs-t{color:var(--gold-light);font-weight:600}
.gs-ic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;color:#1C1503;background:linear-gradient(145deg,#E2C35A,#A07F14)}
.gs-ic .ic{width:19px;height:19px;stroke-width:2}
.gs-t{flex:1;min-width:0}
.gs-row>.ic{width:16px;height:16px;color:var(--text-faint);stroke-width:2.4}
.gs-data{padding:.85rem .9rem .9rem}
.gs-note{font-size:.84rem;color:var(--text-muted);line-height:1.45}
.gs-data .row{margin-top:.65rem}
.gs-ver{text-align:center;font-size:.74rem;color:var(--text-faint);margin:1rem 0 .3rem;letter-spacing:.04em}

/* ---------- pregação e grifos sem vidro ---------- */
.pg-sheet,.vs-bar{background:var(--g-sheet)!important;border:1px solid rgba(201,162,39,.45)!important;box-shadow:0 24px 60px -22px rgba(0,0,0,.7)!important}
.vs-a{background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.vs-a.on{background:var(--gold-soft)!important;border-color:var(--gold)!important}
.vs-seg{background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.vs-tab.on{background:var(--gold-soft)!important;box-shadow:inset 0 0 0 1px var(--gold)!important}
.pg-in{background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.vs-dot{border-color:var(--surface)!important;box-shadow:0 0 0 1px var(--border-strong)!important}

/* ---------- v3.2: leitor primeiro, busca na lupa, “marcar como lido” no fim ---------- */
.bsearch{margin:0 0 .8rem}
.bsearch .bs-row{display:flex;gap:.45rem;align-items:center}
.bsearch .search-box{flex:1;min-width:0}
#srTg[aria-expanded="true"]{background:var(--gold-soft)!important;border-color:var(--gold)!important}
.bend{margin:2.2rem auto 0;max-width:68ch;padding-top:1.3rem;border-top:1px solid var(--border);text-align:center}
.bend-q{font:700 .7rem var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem}
.bend #bibleMarkBtn{width:100%;justify-content:center;min-height:52px;padding-inline:1.2rem;font-size:1rem;gap:.55rem;display:inline-flex;align-items:center}
.bend #bibleMarkBtn .lbl{display:inline!important}
.bend-help{margin:.55rem 0 0;font-size:.84rem;color:var(--text-muted)}
.bend-nav{display:flex;justify-content:space-between;gap:.6rem;margin-top:1rem}
.bend-nav .btn{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:.3rem}
.bend-vs{margin-top:.7rem;width:100%;justify-content:center;display:inline-flex;align-items:center;gap:.4rem}
#parTg .lbl{display:none}#parTg{min-width:40px}
@media (max-width:600px){.rbar .rtools{gap:.22rem;justify-content:space-between;overflow:visible}
  .rtools:has(#parTg:not([hidden])) #chTg .tlbl{display:none}.rtools:has(#parTg:not([hidden])) #chTg{min-width:40px}}
/* elementos sempre escuros (capa, banners, cartões de pregação) mantêm botões dourados também no tema claro */
[data-theme="light"] .hero .btn-outline,[data-theme="light"] .hero .btn-ghost,[data-theme="light"] .banner .btn-outline,[data-theme="light"] .banner .btn-ghost{color:#E6C766!important;border-color:rgba(230,199,102,.6)!important}
.bsearch .bs-x .ic{position:static!important;transform:none!important;left:auto!important;color:currentColor!important;pointer-events:none}