body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0}.viewport{align-items:center;background:radial-gradient(circle at center,#00143c 0,#000a1ef2 35%,#000 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.bg-image{display:block;height:100vh;left:0;object-fit:cover;object-position:center 15%;opacity:.2;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.book-wrap{z-index:2}.book-wrap,.page{position:relative}.page{background:#fff;background-color:initial!important;box-shadow:0 6px 20px #0009;display:block;overflow:hidden}.page-inner{height:100%;inset:0;position:absolute;width:100%}.page-image{background-color:initial!important;display:block;height:100%;object-fit:contain;object-position:center;object-position:0 0;width:100%}.book-wrap .page:nth-child(2n):not(:first-child):not(:last-child):before,.book-wrap .page:nth-child(odd):not(:first-child):not(:last-child):before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;z-index:24}.book-wrap .page:nth-child(odd):not(:first-child):not(:last-child):before{background:linear-gradient(90deg,#000000b3 0,#00000080 30%,#0000);left:-20px;width:55px}.book-wrap .page:nth-child(2n):not(:first-child):not(:last-child):before{background:linear-gradient(270deg,#00000080,#0000);right:0;width:95px}.book-wrap .page.is-first,.book-wrap .page.is-last{box-shadow:none!important}.book-wrap .page.is-first:before,.book-wrap .page.is-last:before{display:none!important}.flipbook{transition:transform .42s ease;will-change:transform}.book-wrap.closed .flipbook{transform:translateX(-30%) translateY(0) scale(1)}.book-wrap.glide .flipbook{transform:translateX(0) translateY(0) scale(1)}.book-wrap.open .flipbook{transform:translateX(0) scale(1)}.book-wrap.end-book .flipbook{transform:translateX(20%) translateY(0) scale(1)}.cover-hit{background:#0000;border:0;cursor:pointer;inset:0;position:absolute}.book-wrap:after{background:radial-gradient(ellipse at center,#000000e6 0,#0000 80%);bottom:-20px;content:"";filter:blur(8px);height:36px;left:44%;pointer-events:none;position:absolute;transform:translateX(-50%);width:66%;z-index:-3}.nav-arrow{background:#0000008c;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:20px;height:44px;line-height:44px;position:fixed;text-align:center;top:50%;transform:translateY(-50%);transition:background .12s ease,transform .12s ease,opacity .12s ease;width:44px;z-index:1000}.nav-arrow:hover{background:#000000bf;transform:translateY(-50%) scale(1.06)}.nav-arrow:disabled{cursor:default;opacity:.35}.nav-prev{left:30px}.nav-next{right:30px}.sound-toggle{background:#ffffffd9;border:none;border-radius:6px;bottom:20px;cursor:pointer;font-size:14px;left:20px;opacity:.7;padding:8px 12px;position:fixed;transition:background .2s ease;z-index:2000}.sound-toggle:hover{background:#fff}.music-toggle{background:#ffffffd9;border:none;border-radius:6px;bottom:70px;cursor:pointer;font-size:14px;left:20px;opacity:.7;padding:8px 11px;position:fixed;transition:background .2s ease;z-index:2000}.copy-section{border:none;bottom:20%;font-size:16px;left:38%;padding:10px;position:absolute;right:10%;z-index:10}.copy-button{background-color:initial;border:1px solid wheat;border-radius:5px;cursor:pointer;font-size:16px;padding:6px 10px}@media (max-width:768px){.viewport{align-items:flex-start;padding:10px}.book-wrap{transform:scale(.9)}.nav-arrow{font-size:16px;height:36px;line-height:36px;width:36px}.nav-prev{left:10px}.nav-next{right:10px}.music-toggle,.sound-toggle{bottom:12px;font-size:12px;left:12px;padding:6px 10px}.music-toggle{bottom:55px}.copy-section{bottom:15%;font-size:14px;left:10%;right:10%}.copy-button{font-size:14px;padding:5px 8px}}
/*# sourceMappingURL=main.01a3d4f1.css.map*/