:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#050607;color:#f7f7f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.title-page{width:min(1100px,calc(100% - 2rem));margin:auto;padding:3rem 0 6rem}.title-page>a{color:#a6adb5}.title-page>section{margin-top:2rem;padding:1.25rem;display:grid;grid-template-columns:280px 1fr;gap:2.5rem;border:1px solid #293039;border-radius:24px;background:#0c0f12}.title-page>section img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px}.title-page>section>div{align-self:center}.title-page h1{margin:.6rem 0;font-size:clamp(3rem,4vw,6rem);letter-spacing:-.06em}.title-page h2{font-size:1rem;color:#ff4b0b}.title-page p{color:#a6adb5;line-height:1.7}.public-chapters{margin-top:3rem}.public-chapters>a{margin-top:.7rem;padding:1.2rem;display:flex;justify-content:space-between;border:1px solid #293039;border-radius:14px;background:#0c0f12}.public-chapters small{color:#ff4b0b}.reader header{position:sticky;top:0;z-index:5;padding:1rem 1.5rem;display:flex;justify-content:space-between;background:rgba(5,6,7,.94);border-bottom:1px solid #293039}.reader main{width:min(900px,100%);margin:auto}.reader main img{width:100%;height:auto;display:block}.reader footer{padding:3rem;text-align:center}.reader footer a{color:#ff4b0b}@media(max-width:650px){.title-page>section{grid-template-columns:110px 1fr;gap:1rem}.title-page h1{font-size:2.5rem}.reader header{font-size:.75rem}}
:root{color-scheme:dark}
.reader .reader-header{transition:transform .24s ease,opacity .24s ease;will-change:transform}.reader .reader-header.is-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}
.chapter-unavailable{min-height:calc(100vh - 80px);padding:2rem;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center}.chapter-unavailable>span{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,75,11,.35);border-radius:50%;background:rgba(255,75,11,.08);color:#ff4b0b;font-size:1.6rem}.chapter-unavailable>p{margin:0;color:#ff4b0b;font-size:.65rem;font-weight:900;letter-spacing:.18rem}.chapter-unavailable h1{max-width:680px;margin:0;overflow-wrap:anywhere;font-size:clamp(2rem,7vw,4.5rem);line-height:1}.chapter-unavailable>div{max-width:560px;color:#a6adb5;font-size:.9rem;line-height:1.65}.chapter-unavailable>a{margin-top:.7rem;padding:.85rem 1rem;border:1px solid #ff4b0b;border-radius:10px;color:#ff6c35;font-size:.8rem;font-weight:800}@media(max-width:650px){.chapter-unavailable{padding:1.2rem}.chapter-unavailable h1{font-size:2.2rem}}
