@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#493c4c;--muted:#877c85;--paper:#fffaf0;--lavender:#776482;--rose:#ecd8d9;--gold:#d4a967}*{box-sizing:border-box}body{margin:0;background:#f8f3eb;color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a887bf;outline-offset:5px}button{color:inherit}button:disabled{opacity:.25;cursor:default}[hidden]{display:none!important}.shelf-header{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:34px 6%}.brand{color:var(--ink);text-decoration:none;font-family:Lora,Georgia,serif;font-size:21px;display:flex;gap:13px;align-items:center}.brand:first-letter{color:var(--gold)}.header-note{font-size:12px;color:var(--muted);letter-spacing:.08em}.intro{text-align:center;padding:58px 20px 64px;background:radial-gradient(ellipse at 50% 65%,#eddfeb80,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#92788c}.intro h1{font-family:Lora,Georgia,serif;font-size:clamp(35px,4.2vw,59px);font-weight:400;line-height:1.2;margin:22px 0}.intro em{font-weight:400;color:#92788c}.intro p{font-size:15px;line-height:1.8;color:var(--muted)}.collection{max-width:1130px;margin:0 auto;padding:0 32px 65px}.collection-heading{border-bottom:1px solid #dfd7d2;display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;margin-bottom:32px}.collection-heading h2{font:400 24px Lora,Georgia,serif;margin:0}.collection-heading>span{font-size:11px;letter-spacing:.07em;color:var(--muted)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cover{aspect-ratio:4/4.5;width:100%;position:relative;border:0;border-radius:5px 14px 14px 5px;overflow:hidden;padding:0;text-align:left;box-shadow:4px 8px 0 #ded4ca,10px 22px 40px #68546028;transition:transform .4s;isolation:isolate}.cover:hover{transform:translateY(-5px) rotate(-1deg)}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#573a542a,transparent 5%,#fff4 6%,transparent 8%),linear-gradient(180deg,#33233b77,transparent 65%,#493b4e55);z-index:0}.cover img{width:100%;height:100%;object-fit:cover;object-position:40% center}.cover-tag,.cover-title,.cover-foot{position:absolute;z-index:1;color:#fff7e8;left:10%;right:6%;text-shadow:0 2px 14px #68496544}.cover-tag{top:7%;font-size:9px;letter-spacing:.17em}.cover-title{top:17%;font:500 clamp(32px,4vw,53px)/1.06 Lora,Georgia,serif}.cover-foot{bottom:6%;font-size:11px;letter-spacing:.04em}.book-description h2{font:400 clamp(30px,3.5vw,43px)/1.2 Lora,Georgia,serif;margin:20px 0}.book-description>p{line-height:1.8;color:var(--muted);font-size:14px;max-width:370px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}.chips span{border:1px solid #dfd6dc;padding:7px 10px;border-radius:20px;font-size:10px;color:#806d83}.primary{background:var(--lavender);color:white;border:0;padding:17px 23px;border-radius:30px;font-size:13px;display:flex;gap:45px;align-items:center;box-shadow:0 4px 12px #77648225}.primary:hover{background:#64506f}.primary span{font-size:21px}.text-button{display:block;background:none;border:0;padding:16px 0;font-size:12px;color:#816b8d}.book-description .dedication{font:italic 13px Lora,Georgia,serif;margin-top:28px}footer{border-top:1px solid #e6ded8;padding:30px;text-align:center;font-size:12px;color:#a28e98}footer span{padding:0 17px}
#reader{min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,#f2e8e8,#e8dfd4);display:flex;flex-direction:column}.reader-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.pill,.round{background:#fff9;border:1px solid #fff8;border-radius:30px;min-height:43px;padding:10px 17px;font-size:12px}.reader-title{font:500 15px Lora,Georgia,serif;text-align:center}.reader-title span{display:inline-block;font:10px 'DM Sans',sans-serif;letter-spacing:.1em;margin-left:17px;color:#98838b}.reader-tools{display:flex;gap:8px}.round{width:43px;padding:7px;font-size:23px}.book-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:12px 70px 24px;min-height:0}.book{width:min(1180px,100%);perspective:1900px;position:relative;filter:drop-shadow(0 24px 26px #59473728);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.spread{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.95;border-radius:6px 12px 12px 6px;background:var(--paper);overflow:hidden;box-shadow:0 4px 0 #e4dccc,0 7px 0 #f8f3e6,0 10px 0 #d5c7b9}.art-page{position:relative;overflow:hidden;background:#e6d3e0}.art-page:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 85%,#51404b25)}.art-page>img{width:100%;height:100%;object-fit:cover;animation:breathe 20s ease-in-out infinite alternate;object-position:42% center}.art-label{position:absolute;bottom:24px;left:28px;color:#fff;font-size:8px;letter-spacing:.22em;text-shadow:0 1px 6px #594737}.sunbeam{position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 30%,#fff8d21c 47%,transparent 60%);animation:beam 14s ease-in-out infinite alternate;pointer-events:none}.text-page{padding:clamp(25px,4vw,62px) clamp(25px,4.6vw,68px) 42px;position:relative;background:linear-gradient(90deg,#d5c7b82b,#fffaf0 9%,#fffaf0 95%,#e9e0d333);display:flex;flex-direction:column;justify-content:center}.chapter{font-size:9px;letter-spacing:.2em;color:#ad8e97;text-transform:uppercase;margin-bottom:19px}.text-page h2{font:400 clamp(24px,2.8vw,38px)/1.2 Lora,Georgia,serif;margin:0 0 24px;outline:none}.text-page>p{font:400 clamp(16px,1.65vw,23px)/1.8 Lora,Georgia,serif;margin:0;color:#65545d}.page-number{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:italic 11px Lora,Georgia,serif;color:#b29ba0}.page-arrow{position:absolute;top:45%;width:42px;height:58px;border:0;background:#fff5;border-radius:40px;font:35px Georgia;color:#806f81;z-index:4}.previous{left:16px}.next{right:16px}.page-arrow:not(:disabled):hover{background:#fff}.reader-bottom{text-align:center;padding:7px 20px 18px}.player{display:flex;gap:17px;align-items:center;justify-content:center;background:#fcf9f2e8;border:1px solid #fff;box-shadow:0 6px 20px #55424d0d;border-radius:50px;padding:10px 22px;max-width:530px;margin:0 auto}.play{border:0;background:#8b7499;color:white;width:44px;height:44px;border-radius:50%;font-size:16px;flex-shrink:0}.player-small{border:0;background:transparent;font-size:23px;color:#967e99}.audio-details{flex:1;text-align:left;min-width:75px}#audio-label{font-size:10px;color:#917a8c}input[type=range]{width:100%;accent-color:#a78aaf;display:block;height:15px;margin:4px 0 0}#time{font-size:10px;color:#9a8991;min-width:27px}.auto-label{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:10px;color:#8c7888}.auto-label input{accent-color:#8b7499}#dots{display:flex;justify-content:center;gap:9px;margin:22px 0 12px}#dots button{width:7px;height:7px;border-radius:50%;background:#cbbec7;border:0;padding:0;position:relative}#dots button:after{content:'';position:absolute;inset:-7px}#dots button[aria-current=true]{background:#8b7499;width:22px;border-radius:5px}.hint{font-size:10px;color:#9b8a94;margin:0}.hint span{padding:0 12px}#status{font-size:12px;color:#856076;margin:6px 0 0;min-height:15px}.motes{position:absolute;inset:0;pointer-events:none}.motes i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff9d8;box-shadow:0 0 9px #fff;animation:float 8s ease-in-out infinite;left:20%;top:65%}.motes i:nth-child(2){left:70%;top:28%;animation-delay:-2s;width:3px;height:3px}.motes i:nth-child(3){left:40%;top:38%;animation-delay:-5s}.motes i:nth-child(4){left:80%;top:75%;animation-delay:-7s;width:3px;height:3px}.motes i:nth-child(5){left:55%;top:80%;animation-delay:-4s}#turn-leaf{display:none;position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;transform-style:preserve-3d;pointer-events:none;z-index:6;background:linear-gradient(90deg,#ded1bf,#fffaf0 12%,#fffaf0 85%,#e5d9c8);border-radius:0 8px 8px 0;box-shadow:-10px 0 25px #59473720;backface-visibility:visible}#turn-leaf.forward{display:block;animation:turn-forward .68s ease-in-out both}#turn-leaf.backward{display:block;animation:turn-backward .68s ease-in-out both}#ending{text-align:center;margin-top:15px}#ending p{font:italic 12px Lora,serif;color:#a18591}#ending button{margin:auto;padding:8px}.end-mark{color:#c1a56f}.motion-off *{animation:none!important;transition:none!important}#turn-leaf.reduced{display:none!important}@keyframes breathe{from{transform:scale(1.015)}to{transform:scale(1.075) translate(-.7%,.3%)}}@keyframes beam{from{transform:translateX(-5%);opacity:.4}to{transform:translateX(7%);opacity:1}}@keyframes float{0%,100%{transform:translate(0,0);opacity:0}30%,70%{opacity:.7}50%{transform:translate(15px,-45px)}}@keyframes turn-forward{0%{transform:rotateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:rotateY(-180deg);opacity:0}}@keyframes turn-backward{0%{transform:rotateY(-180deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:rotateY(0);opacity:0}}
@media(min-width:1500px){.book{width:1280px}.text-page>p{font-size:24px}.book-stage{padding-top:25px;padding-bottom:30px}.reader-header{height:100px}.reader-bottom{padding-bottom:30px}}@media(max-width:800px){.featured{gap:32px}.cover-title{font-size:37px}.reader-header{padding:0 16px;height:74px}.reader-title{font-size:12px;max-width:230px}.reader-title span{display:block;margin:6px 0 0}.book-stage{padding:10px 45px 23px}.text-page{padding:25px 25px 40px}.text-page>p{font-size:15px;line-height:1.7}.text-page h2{font-size:23px;margin-bottom:17px}.chapter{font-size:8px;margin-bottom:13px}.previous{left:5px}.next{right:5px}.page-arrow{width:32px}.spread{aspect-ratio:1.6}.round{width:36px;min-height:36px;padding:4px;font-size:20px}.reader-tools{gap:5px}}
@media(max-width:600px){.shelf-header{padding:24px}.brand{font-size:19px}.header-note{display:none}.intro{padding:40px 20px 35px}.intro h1{font-size:35px}.intro p{font-size:13px}.collection{padding:10px 27px 40px}.collection-heading>span{font-size:9px}.collection-heading h2{font-size:21px}.featured{display:flex;flex-direction:column;gap:35px}.cover{max-width:340px;aspect-ratio:4/4.4}.cover-title{font-size:44px}.book-description{width:100%;padding:0 8px}.book-description h2{font-size:32px}.chips{margin:20px 0}.book-description .dedication{margin-top:20px}footer{font-size:10px;padding:25px 14px}footer span{padding:0 7px}.reader-header{height:64px;gap:8px;padding:0 12px}.pill{padding:9px 12px;min-height:36px}.pill span{display:none}.reader-title{font-size:11px;max-width:200px}.reader-tools{gap:4px}.round{width:33px;min-height:33px}.book-stage{padding:4px 20px 22px;align-items:flex-start}.spread{display:flex;flex-direction:column;aspect-ratio:auto;border-radius:8px}.art-page{height:clamp(220px,34vh,320px);flex-shrink:0}.art-page>img{object-position:center 55%}.art-page:after{background:linear-gradient(0deg,#51404b18,transparent 20%)}.art-label{bottom:16px;left:20px;font-size:7px}.text-page{padding:25px 27px 38px;min-height:260px;background:#fffaf0;justify-content:flex-start}.text-page h2{font-size:24px;margin-bottom:13px}.text-page>p{font-size:17px;line-height:1.7}.chapter{font-size:8px;margin-bottom:13px}.page-number{bottom:13px}.page-arrow{top:230px;width:34px;height:46px;background:#fffdf4e8;border:1px solid #e3d7d0}.previous{left:3px}.next{right:3px}.player{padding:8px 12px;gap:12px;max-width:390px}.reader-bottom{padding:0 17px 18px}.auto-label{font-size:9px}.hint{font-size:9px}.hint span{padding:0 4px}#dots{margin:18px 0 12px}#turn-leaf{left:0;width:100%;transform-origin:left center}.player-small{font-size:21px}#ending{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#turn-leaf{display:none!important}}

.offline-status{text-align:center;color:#877c85;font-size:12px;padding:0 22px 18px}.install-button{border:1px solid #dfd6dc;background:#fff8;font-size:12px}.install-help{max-width:440px;width:calc(100% - 36px);border:1px solid #dfd6dc;border-radius:20px;background:#fffaf0;color:#493c4c;padding:30px;box-shadow:0 20px 80px #493c4c44}.install-help::backdrop{background:#493c4c77}.install-help h2{font:400 27px Lora,Georgia,serif;margin:0 0 20px}.install-help p{font-size:14px;line-height:1.7}.install-help .primary{margin-top:22px}@media(max-width:600px){.install-button{font-size:10px;padding:8px 11px}.shelf-header{gap:10px}.brand{font-size:17px}.reader-title{max-width:165px}.reader-header{gap:5px}}