body{background-color:#0f0f0f;min-height:100dvh;margin:0;overflow:hidden;container-type:size}.announce{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:-100vh;overflow:hidden}.titleWrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;z-index:100;color:#f0f0f0;background-color:#0f0f0f80;grid-template:1fr auto/1fr;place-items:center;width:100vw;height:100vh;font-family:Montserrat;transition:opacity .5s;display:grid;position:absolute}.topWrapper{flex-direction:column;grid-area:1/1/2/1;justify-content:center;align-items:center;display:flex}.bTitle{text-align:center;text-shadow:0 0 10px #ffffff4d;margin:0;font-size:5rem;line-height:1}.author{text-shadow:0 0 10px #ffffff4d;font-size:1.5rem}.copyrightWrapper{text-shadow:0 0 10px #ffffff4d;justify-content:center;align-items:center;margin-top:25px;font-size:.85rem;display:flex}.copyrightNotice{width:fit-content}.viewBook{color:#f0f0f0;text-shadow:0 0 10px #ffffff80;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#323232;border:3px solid #0000;border-radius:10px;margin-top:5px;padding:10px 15px;font-family:Montserrat;font-size:1rem;transition:opacity .25s}.donateLink{text-align:center;text-shadow:0 0 10px #ffffff4d;margin:0 15px 175px}.donateLink a,.copyrightAgreement,.donateLink a:visited,.copyrightAgreement:visited{color:#01f}.disabled{opacity:.75;cursor:default!important}.pageTurn{z-index:10;width:100vw;height:100vh;position:absolute;container-type:size}.pageForward,.pageBackward{flex-direction:column;justify-content:center;width:50cqw;height:100cqh;display:flex;position:absolute}.pageForward{left:50cqw}.lArrowWrapper,.fArrowWrapper{flex-direction:column;align-items:center;gap:5px;width:150px;height:fit-content;display:flex}.fArrowWrapper{margin-left:auto}.nextPage,.lastPage{color:#f0f0f0;filter:drop-shadow(0 0 3px #000);-webkit-user-select:none;user-select:none;text-align:center;font-family:Montserrat;transition:opacity .75s}.arrowR,.arrowL{aspect-ratio:1;filter:drop-shadow(0 0 5px #000);-webkit-user-select:none;user-select:none;width:60px;transition:opacity .75s}@keyframes arrowShift{0%{transform:translate(-10%)rotate(180deg)}50%{transform:translate(30%)rotate(180deg)}to{transform:translate(-10%)rotate(180deg)}}@keyframes arrowShiftReverse{0%{transform:translate(10%)}50%{transform:translate(-30%)}to{transform:translate(10%)}}.bookWrapper{grid-template:1fr/1fr;place-items:center;min-height:100dvh;display:grid;position:relative;container-type:size}.book{aspect-ratio:1669/1181;perspective:1181px;justify-content:center;width:min(100dvw,141.321dvh);height:min(100dvh,70.7609dvw);display:flex;position:relative;scale:1.75}.pageSlot{--segs:7;transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;left:50%}.pageFace{backface-visibility:hidden;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.pageBack{transform:rotateY(180deg)}.seg{transform-origin:0;transform-style:preserve-3d;position:absolute;top:0}.pageSlot>.seg{width:calc(100% / var(--segs));height:100%;left:0}.seg .seg{width:100%;height:100%;left:100%}.segFace{backface-visibility:hidden;background-size:var(--pageW) 100%;background-color:#fff;background-repeat:no-repeat;width:calc(100% + 1px);position:absolute;top:0;bottom:0;left:0}.seg:not(:has(.seg))>.segFace{width:100%}.segFront{background-position-x:calc(var(--k) * var(--pageW) / var(--segs) * -1);transform:translateZ(.5px)}.segBack{background-position-x:calc((var(--segs) - 1 - var(--k)) * var(--pageW) / var(--segs) * -1);transform:rotateY(180deg)translateZ(.5px)}@media (prefers-reduced-motion:no-preference){.book,.pageSlot{transition:transform .75s}.turnForward{--foldAngle:6deg}.turnBackward{--foldAngle:-6deg}.turnForward .seg .seg,.turnBackward .seg .seg{animation:.75s ease-in-out pageFold}@keyframes pageFold{0%,to{transform:rotateY(0)}35%{transform:rotateY(var(--foldAngle,0deg))}70%{transform:rotateY(calc(var(--foldAngle,0deg) * .15))}}.arrowR,.arrowL{animation:4s ease-in-out infinite arrowShiftReverse}.arrowR{animation:4s ease-in-out infinite arrowShift}}@media (orientation:landscape){.book{scale:.9}}@media (width<=425px){.bTitle{font-size:4rem}.author{font-size:1.25rem}.nextPage,.lastPage{font-size:.95rem}.arrowL,.arrowR{width:50px}}@media (width<=300px){.lArrowWrapper,.fArrowWrapper{width:125px}}