.book-container{display:flex;flex-direction:column;align-items:center;width:100%}.book-wrapper{max-width:800px;width:100%;display:flex;justify-content:center;filter:drop-shadow(0 8px 40px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(196,162,101,.08))}.book-flip{box-shadow:0 0 60px rgba(0,0,0,.5),0 0 15px hsla(39,45%,58%,.08),inset 0 0 30px rgba(0,0,0,.1);border-radius:4px}.book-page{background:linear-gradient(145deg,#f5e6c8,#f0dbb8 20%,#ebd9b4 50%,#e5d1a8 80%,#f0dfc0);overflow:hidden;position:relative}.book-page-inner{height:100%;display:flex;flex-direction:column;position:relative;padding:20px}.book-page-content{flex:1;position:relative;overflow:hidden;border:1px solid hsla(39,45%,58%,.12);border-radius:2px;background:linear-gradient(180deg,hsla(40,69%,87%,.4),hsla(42,58%,78%,.2))}.book-page-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.book-page:before{background:radial-gradient(ellipse at 10% 10%,rgba(139,26,26,.015) 0,transparent 40%),radial-gradient(ellipse at 90% 85%,rgba(44,24,16,.025) 0,transparent 40%),radial-gradient(ellipse at 50% 50%,hsla(39,45%,58%,.01) 0,transparent 60%),radial-gradient(circle at 75% 20%,rgba(139,26,26,.01) 0,transparent 25%)}.book-page:after,.book-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.book-page:after{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.book-page-inner:before{content:"";position:absolute;top:0;left:0;width:12px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 40%,transparent);z-index:2;pointer-events:none}.book-page-footer{position:relative;z-index:10;display:flex;justify-content:center;padding-top:8px}.book-page-number{position:absolute;bottom:6px;right:18px;z-index:10;font-family:Playfair Display,serif;font-size:10px;font-style:italic;color:rgba(61,41,20,.25)}.book-cover{position:relative;cursor:pointer;perspective:1000px}@media (max-width:640px){.book-wrapper{max-width:100%;padding:0 8px}}@media (min-width:768px){.book-page-inner{padding:28px}}