body{background:#eff2f3;background-image:linear-gradient(#11212c 0 310px,transparent 310px);font-family:Georgia,serif}
.reader-header{background:#11212c;border-bottom:1px solid #ffffff18;color:#f0f3f5}
.reader-header-inner{min-height:84px}.reader-brand{font-family:Manrope,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.025em}
.collection-link{color:#d3dce2;border-color:#ffffff30;font-family:Manrope,sans-serif;font-size:.72rem;border-radius:7px}
.collection-link:hover{color:#fff;border-color:#c6b9f2;background:#ffffff08}
.reader-main{width:min(900px,calc(100% - 48px));padding-top:25px}
.chapter-toolbar,.reader-settings>span,.reader-completion,.chapter-source,.reader-footer,.chapter-nav,.book-title,.chapter-kicker,.reading-time,.scripture cite{font-family:Manrope,Arial,sans-serif}
.chapter-toolbar{margin-bottom:22px}.chapter-toolbar .toolbar-button{background:#ffffff0b;border-color:#ffffff30;color:#e5eaf0;font-size:.68rem;border-radius:6px}
.chapter-toolbar .toolbar-button:hover{background:#ffffff18;border-color:#c6b9f2}.reader-settings>span{color:#c3ccd4;font-size:.68rem}.reader-settings .toolbar-button{font-size:.92rem}
.share-status{color:#d1c6eb}.share-status[data-state="error"]{color:#ffbbbb}
.chapter-article{background:#fff;border:1px solid #e2e7e9;border-radius:10px;padding:clamp(30px,7vw,78px);box-shadow:0 18px 60px #11212c08;position:relative;overflow:hidden}
.chapter-article::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#766190,#c7b9d7,#e9e5ee)}
.chapter-header{padding-bottom:36px;margin-bottom:38px;border-bottom-color:#e7e9ee}
.book-title{font-size:.63rem;letter-spacing:.12em;color:#76608d;font-weight:600;margin-bottom:20px;line-height:1.8}
.chapter-kicker{font-size:.68rem;color:#687681}
.chapter-header h1{font-family:Manrope,sans-serif;font-size:clamp(2.3rem,4.5vw,3.5rem);font-weight:600;line-height:1.17;letter-spacing:-.055em;margin-top:20px}
.reading-time{font-size:.68rem;margin-top:23px;letter-spacing:.015em}
.chapter-body{color:#33434d;line-height:1.95}.chapter-body>p:first-of-type::first-letter{font-family:Cormorant,Georgia,serif;font-style:italic;color:#827091;font-size:4em}
.chapter-body h2{font-family:Manrope,sans-serif;color:#20303b;letter-spacing:-.04em;font-weight:600}
.key-insight,.scripture{border-left:2px solid #a893bf;background:#f6f3f8;padding:25px 28px;color:#35404c;border-radius:0 6px 6px 0}
.chapter-source{font-size:.65rem;line-height:1.8;padding-top:26px;color:#6b7884}
.reader-completion{background:#e7e3f0;border:1px solid #dad3e7;border-radius:10px;padding:28px 30px;margin:25px 0 18px;transition:background .4s}
.reader-completion:has([aria-pressed="true"]){background:#e7f0eb;border-color:#cbded1}
.reader-completion p{font-size:.72rem;line-height:1.85;max-width:570px;margin-bottom:0}
.completion-button{font-family:Manrope,sans-serif;background:#6a548e;border-color:#6a548e;font-size:.84rem;padding-inline:22px;border-radius:6px;transition:background .25s,transform .25s}
.completion-button:hover{background:#574475}.completion-button[aria-pressed="true"]:hover{background:#d6e9df}
.chapter-nav{gap:20px}.chapter-nav a{padding:22px 24px;border-radius:9px;border-color:#e0e5e8;box-shadow:0 4px 15px #11212c03;transition:transform .3s,border-color .3s,box-shadow .3s}
.chapter-nav a:hover{transform:translateY(-3px);border-color:#bcaacb;box-shadow:0 12px 25px #11212c08}.chapter-nav span{font-size:.63rem;letter-spacing:.025em}.chapter-nav strong{font-size:.85rem;margin-top:9px;font-weight:600}
.reader-footer{font-size:.63rem;padding-block:28px;background:#eff2f3;border-top-color:#dfe4e7}
@media(max-width:640px){
  body{background-image:linear-gradient(#11212c 0 330px,transparent 330px)}.reader-main{width:calc(100% - 32px);padding-top:20px}.reader-header-inner{min-height:73px;width:calc(100% - 40px)}
  .reader-brand{font-size:.92rem}.collection-link{font-size:.65rem}.chapter-toolbar{padding-inline:4px;gap:9px}.reader-settings{flex-wrap:wrap;gap:9px}
  .reader-settings>span{font-size:.65rem}.chapter-toolbar .toolbar-button{font-size:.7rem;flex-basis:auto}.reader-settings .toolbar-button{font-size:.94rem}
  .chapter-article{padding:30px 23px;border-radius:9px}.book-title{font-size:.57rem;letter-spacing:.09em}.chapter-kicker{font-size:.61rem;line-height:1.8}
  .chapter-header h1{font-size:2.12rem;line-height:1.2;margin-top:17px}.chapter-header{padding-bottom:28px;margin-bottom:30px}.reading-time{font-size:.65rem}
  .chapter-body{line-height:1.9}.scripture,.key-insight{padding:19px 18px}.reader-completion{padding:24px 22px}.reader-completion p{font-size:.7rem}
  .completion-button{font-size:.8rem;min-height:48px}.chapter-nav{gap:12px}.chapter-nav a{padding:22px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{
  body{background:#fff!important}.reader-header{display:none}.reader-main{width:auto;padding:0}.chapter-article{padding:0;box-shadow:none;border:none;border-radius:0}.chapter-article::before{display:none}
  .chapter-header h1{font-family:Georgia,serif;font-size:24pt}.chapter-body{color:#111;line-height:1.55}.scripture,.key-insight{background:transparent;color:#111;border-left-color:#000}.chapter-body>p:first-of-type::first-letter{color:#111}
}