:root{--book-body-bg:#0b0b0b;--book-page-bg:#f5f5f5;--book-dark-text:#2a2935;--book-baseline:12px;--book-title-font:"Tulpen One",sans-serif;--book-text-font:"Cormorant Garamond",serif;--book-base-size:calc(var(--book-baseline)*1.2)}.book-container{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex}.book-cover{width:100%;max-width:calc(var(--book-baseline)*80);height:calc(var(--book-baseline)*45);background:var(--book-page-bg);margin:0 auto;box-shadow:0 0 100px #0009}.book{perspective:1200px;width:100%;height:100%;display:flex}.book__page{background-color:var(--book-page-bg);width:50%;height:100%;padding:calc(var(--book-baseline)*4);position:relative;overflow:hidden}.book__page--left{background-image:linear-gradient(90deg,#e3e3e34d 0%,#f7f7f700 18%);border-right:1px solid #0000001a}.book__page--right{background-image:linear-gradient(-90deg,#e3e3e34d 0%,#f7f7f700 18%)}.page__content{flex-direction:column;height:100%;display:flex;position:relative}.page__content--cover{text-align:center;justify-content:center}.page__content-book-title{font-family:var(--book-title-font);font-size:calc(var(--book-base-size)*4);text-transform:uppercase;letter-spacing:8px;color:var(--book-dark-text);margin-bottom:calc(var(--book-baseline)*2);font-weight:700}.page__content-author{font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*1.4);text-transform:uppercase;color:var(--book-dark-text);border-top:2px solid var(--book-dark-text);border-bottom:2px solid var(--book-dark-text);padding:calc(var(--book-baseline)*1)calc(var(--book-baseline)*2);margin:0 auto calc(var(--book-baseline)*6);font-weight:100;display:inline-block}.page__content-copyright{width:calc(100% - (var(--book-baseline)*8));bottom:calc(var(--book-baseline)*2);font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*.9);text-transform:uppercase;color:var(--book-dark-text);letter-spacing:2px;position:absolute}.page__content-copyright p{margin:4px 0}.page__content-title{font-family:var(--book-title-font);font-size:calc(var(--book-base-size)*2.5);text-transform:uppercase;letter-spacing:3px;margin-bottom:calc(var(--book-baseline)*3);color:var(--book-dark-text);text-align:center;padding-bottom:calc(var(--book-baseline)*1.5);border-bottom:1px solid #0003}.page__content-text{font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*1);text-align:justify;color:var(--book-dark-text);padding-right:calc(var(--book-baseline)*1);flex:1;line-height:1.8;overflow-y:auto}.page__content-text::-webkit-scrollbar{width:6px}.page__content-text::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.page__content-text::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.page__content-text p{text-indent:calc(var(--book-baseline)*2);margin-bottom:calc(var(--book-baseline)*1.5)}.page__number{bottom:calc(var(--book-baseline)*1);width:calc(100% - (var(--book-baseline)*8));font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*.8);text-align:center;color:#2a293580;position:absolute}.book-navigation{justify-content:center;align-items:center;gap:30px;margin-top:20px;display:flex}.book-nav-btn{font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*1.1);background:var(--book-page-bg);color:var(--book-dark-text);border:2px solid var(--book-dark-text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:12px 30px;font-weight:600;transition:all .3s}.book-nav-btn:hover:not(:disabled){background:var(--book-dark-text);color:var(--book-page-bg);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.book-nav-btn:disabled{opacity:.3;cursor:not-allowed}.book-page-indicator{font-family:var(--book-text-font);font-size:calc(var(--book-base-size)*1);color:#fffc;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.book-cover{max-width:95vw;height:58.9vw}.book__page{padding:calc(var(--book-baseline)*2)}.page__content-book-title{font-size:calc(var(--book-base-size)*2.5);letter-spacing:4px}.page__content-title{font-size:calc(var(--book-base-size)*1.8)}.page__content-text{font-size:calc(var(--book-base-size)*.85);line-height:1.6}.book-navigation{flex-direction:column;gap:15px}.book-nav-btn{width:100%;max-width:200px}}