*{box-sizing:border-box}html,body{background:#fff6e5;width:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.book{perspective:1600px;justify-content:center;width:100%;margin-bottom:20px;display:flex}.page{transform-origin:0;width:100%;max-width:1000px;transition:transform .4s,opacity .4s}.page-inner{background:#fffdf5;border-radius:28px;justify-content:center;align-items:center;width:100%;max-height:70vh;padding:16px;display:flex;overflow:hidden;box-shadow:0 14px 36px #0000002e}.story-image{-o-object-fit:contain;object-fit:contain;border-radius:22px;width:100%;height:auto;max-height:70vh;display:block}.flip-next{opacity:.7;transform:rotateY(-18deg)scale(.97)}.flip-prev{opacity:.7;transform:rotateY(18deg)scale(.97)}.story-text{text-align:center;border-radius:14px;flex-wrap:wrap;justify-content:center;max-width:420px;margin:24px auto;padding:12px;font-size:22px;line-height:40px;display:flex}.story-text span{cursor:pointer;padding:2px 6px}.story-text.reading{background:#fff3bf}@media (min-width:768px){.page{max-width:1200px}.story-text{max-width:900px;font-size:32px;line-height:56px}}@media (max-width:380px){.story-text{font-size:18px;line-height:32px}.page-inner{max-height:50vh}}