:root{--devotional-gold:#ffd23f;--devotional-red:#ff6f69;--devotional-muted:#918e85}
.devotional-page [hidden]{display:none!important}
.devotional-page{display:flex;min-height:100svh;flex-direction:column;background:radial-gradient(circle at 50% 13%,rgba(255,210,63,.07),transparent 26%),#0b0b09}
.devotional-main{flex:1;max-width:920px;padding-block:66px 52px}
.devotional-hero{text-align:center}
.devotional-eyebrow{color:#8f8b7f;font-size:8px;font-weight:950;letter-spacing:.2em}
.devotional-hero h1{margin:15px 0 13px;font-size:clamp(43px,6vw,66px);line-height:.96;letter-spacing:-.055em}
.devotional-hero h1 em{color:var(--devotional-gold);font-style:normal}
.devotional-hero>p{margin:0;color:var(--devotional-muted);font-size:13px}
.devotional-mode{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:24px;padding:3px;border:1px solid #2b2a23;border-radius:13px;background:#10100d}
.devotional-mode button{min-width:108px;min-height:37px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#77746c;font:850 9px/1 inherit;cursor:pointer;transition:.2s ease}
.devotional-mode button.active{background:#272312;color:var(--devotional-gold);box-shadow:inset 0 0 0 1px #463d19}
.devotional-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:300px;color:#77746c;font-size:9px;font-weight:850}
.devotional-loading i{width:15px;height:15px;border:2px solid #39372e;border-top-color:var(--devotional-gold);border-radius:50%;animation:devotionalSpin .8s linear infinite}
.devotional-view{max-width:700px;margin:34px auto 0}
.devotional-heading{text-align:center}
.devotional-heading>span{color:#77746c;font-size:6px;font-weight:950;letter-spacing:.16em}
.devotional-heading h2{margin:5px 0 0;font-size:19px;letter-spacing:-.03em}
.devotional-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 10px}
.devotional-progress i{height:3px;border-radius:999px;background:#292820;transition:background .28s ease,box-shadow .28s ease}
.devotional-progress i.active{background:var(--devotional-gold);box-shadow:0 0 16px rgba(255,210,63,.16)}
.devotional-steps{display:flex;justify-content:center;gap:4px}
.devotional-steps button{display:flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#77746c;font:850 7px/1 inherit;cursor:pointer;transition:.2s}
.devotional-steps button.active{background:#292511;color:var(--devotional-gold)}
.devotional-steps svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.devotional-content{display:grid;align-content:center;min-height:235px;padding:24px 14px;text-align:center;animation:devotionalContentIn .3s cubic-bezier(.22,1,.36,1)}
.devotional-content .content-label{display:block;margin-bottom:10px;color:var(--devotional-gold);font-size:6px;font-weight:950;letter-spacing:.17em}
.devotional-content blockquote{max-width:620px;margin:0 auto;color:#f5f2ea;font-size:clamp(19px,3vw,29px);font-weight:800;line-height:1.3;letter-spacing:-.025em}
.devotional-content .reference{display:block;margin-top:13px;color:#a99849;font-size:7px;font-weight:950;letter-spacing:.14em}
.devotional-content .reflection{max-width:620px;margin:0 auto;color:#d1cec5;font-size:11.5px;line-height:1.72;text-align:justify;hyphens:auto}
.devotional-content .reflection p{margin:0}.devotional-content .reflection p+p{margin-top:13px}
.devotional-content .prayer{max-width:610px;margin:0 auto;color:#f3f0e8;font-size:clamp(16px,2.3vw,23px);font-weight:720;line-height:1.5;letter-spacing:-.015em}
.devotional-controls{display:grid;grid-template-columns:40px 1fr;gap:7px;max-width:560px;margin:0 auto}
.devotional-controls button{display:flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:12px;font:900 9px/1 inherit;cursor:pointer}
.devotional-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#devotional-back{border:1px solid #2d2c24;background:#151511;color:#a7a49b}
#devotional-back:disabled{opacity:.32;cursor:default}
#devotional-next{gap:8px;background:var(--devotional-gold);color:#17140a}
.devotional-note{margin:10px 0 0;color:#5f5d56;font-size:6px;font-weight:800;text-align:center}
.devotional-archive{max-width:720px;margin:44px auto 0}
.devotional-archive>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #292820}
.devotional-archive header span{color:#8c7e3f;font-size:7px;font-weight:950;letter-spacing:.16em}
.devotional-archive h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}
.devotional-archive header>small{color:#706e66;font-size:8px}
.devotional-list{display:grid}
.devotional-list button{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;width:100%;min-height:75px;padding:10px 4px;border:0;border-bottom:1px solid #25241e;background:transparent;color:#f0ede5;text-align:left;font:inherit;cursor:pointer;transition:padding .18s,background .18s}
.devotional-list button:hover{padding-inline:10px;background:rgba(255,210,63,.025)}
.devotional-list time{color:#817d71;font-size:8px;font-weight:900;text-transform:uppercase}
.devotional-list span{display:grid;gap:3px}.devotional-list strong{font-size:13px}.devotional-list small{color:#858278;font-size:8px}
.devotional-list svg{width:17px;height:17px;fill:none;stroke:var(--devotional-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.devotional-empty,.devotional-error{max-width:560px;margin:55px auto;text-align:center}
.devotional-empty strong,.devotional-error strong{font-size:17px}.devotional-empty p,.devotional-error p{margin:6px 0 0;color:#817f77;font-size:10px}
.devotional-error>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 13px;border-radius:12px;background:#321716;color:#ff7772;font-weight:950}
@keyframes devotionalSpin{to{transform:rotate(360deg)}}
@keyframes devotionalContentIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:650px){
  .devotional-main{width:min(100% - 24px,920px);padding-block:46px 36px}
  .devotional-hero h1{font-size:45px}
  .devotional-hero>p{max-width:330px;margin-inline:auto;font-size:11px}
  .devotional-mode{margin-top:20px}
  .devotional-view{margin-top:28px}
  .devotional-heading h2{font-size:18px}
  .devotional-content{min-height:235px;padding:22px 3px}
  .devotional-content blockquote{font-size:21px}
  .devotional-content .reflection{font-size:10.5px;line-height:1.68;text-align:left}
  .devotional-content .prayer{font-size:18px}
  .devotional-controls{max-width:none}
  .devotional-archive{margin-top:35px}
  .devotional-archive h2{font-size:23px}
  .devotional-list button{grid-template-columns:46px 1fr auto}
}
@media(prefers-reduced-motion:reduce){.devotional-loading i{animation:none}.devotional-content{animation:none}.devotional-mode button,.devotional-progress i,.devotional-steps button,.devotional-list button{transition:none}}

.verse-attribution { display:block; margin-top:12px; font-size:11px; line-height:1.5; text-align:center; opacity:.8; }
.verse-attribution a { color:inherit; text-decoration:underline; text-underline-offset:3px; }