@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#fbfaf8;color:#242323;font-family:DM Sans,sans-serif}button{font:inherit}.app-banner{display:flex;align-items:center;gap:10px;background:#fff;padding:9px 14px;position:sticky;top:0;z-index:4;border-bottom:1px solid #eee}.mini-logo,.logo i{width:31px;height:31px;border-radius:7px;background:#d7664c;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700}.app-banner>div:nth-child(2){display:grid;gap:2px;flex:1}.app-banner strong{font-size:11px}.app-banner span{font-size:9px;color:#999}.app-banner button{border:0;background:#d7664c;color:#fff;border-radius:5px;padding:7px 12px;font-size:10px;font-weight:700}.app-banner .close{background:none;color:#999;padding:4px}.hero{min-height:520px;background:#2b2228;color:#fff;display:flex;align-items:center;justify-content:center;gap:65px;padding:55px 30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -55% 40%;height:500px;background:#b85c4b22;transform:rotate(-12deg)}.cover{width:230px;aspect-ratio:3/4;background:linear-gradient(145deg,#c16a5d,#512b42);box-shadow:0 25px 50px #0006;padding:24px 20px;display:flex;flex-direction:column;position:relative;z-index:1;border-radius:4px}.cover span{font-size:7px;letter-spacing:2px}.cover h2{font:700 31px/1.05 Playfair Display,serif;margin-top:62px}.cover small{margin-top:auto}.cover b{position:absolute;bottom:21px;right:20px}.hero-copy{max-width:390px;z-index:1}.logo{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:45px}.tag,.preview>span{color:#e4967f;font-size:9px;letter-spacing:1.6px;font-weight:700}.hero h1{font:700 48px/1.05 Playfair Display,serif;margin:10px 0 15px}.hero p{color:#d4c9ce;line-height:1.6;font-size:14px}.rating{display:flex;align-items:center;gap:6px;color:#e6b96b;font-size:12px;margin:20px 0}.rating span{color:#777}.read,.benefits>button,.fade button{border:0;background:#d7664c;color:#fff;border-radius:7px;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px}.preview{max-width:650px;margin:auto;padding:65px 25px;position:relative}.preview h2{font:700 32px Playfair Display,serif;margin:10px 0 30px}.preview p{font:19px/1.9 Georgia,serif;color:#4c4846}.fade{margin-top:-25px;padding-top:80px;background:linear-gradient(transparent,#fbfaf8 32%);position:relative;display:grid;place-items:center;gap:10px}.fade small{color:#999;font-size:10px}.benefits{background:#f0ebe7;text-align:center;padding:45px 20px}.benefits h2{font:700 26px Playfair Display,serif}.benefits>div{display:flex;max-width:600px;margin:30px auto;justify-content:center}.benefits article{flex:1;display:grid;gap:5px;border-right:1px solid #d9d1cb}.benefits article:last-child{border:0}.benefits article b{font:700 25px Playfair Display,serif}.benefits article span{font-size:10px;color:#888}.benefits>button{margin:auto}footer{text-align:center;padding:28px;font-size:9px;color:#aaa;line-height:2}@media(max-width:650px){.hero{min-height:520px;gap:22px;padding:35px 20px;align-items:flex-start}.cover{width:135px;margin-top:55px;padding:14px 12px}.cover h2{font-size:18px;margin-top:35px}.hero-copy{flex:1}.logo{margin-bottom:28px}.hero h1{font-size:31px}.hero p{font-size:12px}.read{width:100%;padding:12px 7px}.preview h2{font-size:27px}.preview p{font-size:17px}}.reading-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:10px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#fffdfb;border-bottom:1px solid #eee7e1;box-shadow:0 2px 12px #4b342010}.reading-header>div:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.reading-header strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-header span{font-size:10px;color:#999}.reading-header button{display:flex;align-items:center;gap:5px;border:0;background:#d7664c;color:#fff;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:700;white-space:nowrap}.reading-first{max-width:720px;padding:48px 25px 64px}.reading-first h1{font:700 clamp(27px,5vw,42px)/1.12 "Playfair Display",serif;margin:12px 0 4px}.chapter-kicker{color:#d7664c;font-size:9px;letter-spacing:1.5px;font-weight:700}.byline{font:14px/1.5 DM Sans,sans-serif!important;color:#999!important;margin:0 0 38px!important}.chapter-content{font:19px/1.95 Georgia,serif;color:#403b38}.chapter-content p{margin:0 0 24px}.chapter-next{display:grid;justify-items:center;gap:10px;margin:44px 0 8px;padding-top:30px;border-top:1px solid #eadfd7}.chapter-next button{display:flex;align-items:center;gap:7px;border:0;background:#d7664c;color:#fff;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:700}.chapter-next small{font-size:10px;color:#aaa}.continue-app{margin:48px 0 8px;padding:28px 24px;background:#fff4ed;border:1px solid #edcfc0;border-radius:14px;box-shadow:0 8px 24px #9d654015}.continue-app>span{color:#bd634d;font-size:9px;letter-spacing:1.4px;font-weight:700}.continue-app h2{font:700 26px/1.2 Playfair Display,serif;margin:10px 0 8px;color:#332a28}.continue-app p{font:14px/1.6 DM Sans,sans-serif;color:#77645e;margin:0 0 18px}.continue-app button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:#d7664c;color:#fff;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:700}.loading-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:#777;font-size:12px}.loading-state span{font-size:11px;color:#aaa}.loading-state.compact{min-height:100px}.spinner{width:25px;height:25px;border:3px solid #f0d9ce;border-top-color:#d7664c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer button{border:0;background:none;color:inherit;padding:0;text-decoration:underline;cursor:pointer;font:inherit}.footer-note{display:block;margin-top:8px;color:#c27b69}@media(max-width:650px){.reading-header{padding-top:max(10px,env(safe-area-inset-top))}.reading-first{padding:34px 20px 48px}.chapter-content{font-size:18px;line-height:1.85}.chapter-content p{margin-bottom:21px}.continue-app{padding:23px 18px}.continue-app h2{font-size:23px}.continue-app button{width:100%}}