.stf__parent{box-shadow:0 20px 50px rgba(0,0,0,.3);border-radius:8px;overflow:hidden}.page{background-color:#fff;height:100%;width:100%;overflow:hidden;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.1)}.page.cover-page,.page.end-page{box-shadow:none}@media (max-width:768px){.book-container{transform:scale(.8);transform-origin:center}}@media (max-width:480px){.book-container{transform:scale(.6);transform-origin:center}}.page-flip-book{position:relative}.page-flip-book .page:before{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.05) 0);opacity:0;transition:opacity .3s ease}.page-flip-book:hover .page:before{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-book{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}.page-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{transition:all .3s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:#f1f1f1}.page-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover{background:#555}