@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@700&display=swap";:root{--book-size: 65vmin;--redirect-badge-size: calc(var(--book-size) / 9);--book-image-y-start: calc(40dvh - (var(--book-size) / 2));--redirect-badge-y-start: calc(40dvh + (var(--book-size) / 2) + calc(var(--redirect-badge-size) / 2));--book-title-y-start: calc(40dvh + (var(--book-size) / 2) + 1rem + (var(--redirect-badge-size)));--book-border-radius: 10px;--qr-basis: calc(var(--book-size) * .25);--ui-scale: min(3.75vmax, 3.75vmin);--ui-font-size: calc(var(--ui-scale) * .9);--ui-icon-size: calc(var(--ui-scale) * 1.8);--ui-padding: calc(var(--ui-scale) * 1.2);--ui-radius: calc(var(--ui-scale) * 1.2);--indicator-box-size: calc(.16 * var(--book-size));--indicator-fade-in: .6s;--background: #111;--text-color: white}@media (orientation: landscape) and (hover: none) and (pointer: coarse){:root{--book-size: 60vmin}}@media (orientation: portrait) and (hover: none) and (pointer: coarse){:root{--qr-basis: calc(var(--book-size) * .3)}}body{margin:0;background:var(--background);color:var(--text-color);font-family:sans-serif;height:100dvh;overflow:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.app{width:100%;height:100svh;position:fixed;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:pan-y,pan-x}.book-swipe-layer,.book-static-layer{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%;pointer-events:none}.book-image-wrapper{position:absolute;top:40dvh;left:50%;width:var(--book-size);height:var(--book-size);display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}.book-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease-in-out;z-index:2;border-radius:var(--book-border-radius);pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer}.book-image.visible{opacity:1;z-index:2}.book-image-alt{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;z-index:3;border-radius:var(--book-border-radius);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.book-image-alt.active{opacity:1}.loading-image{width:100%;height:100%;border-radius:var(--book-border-radius);object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1}.loading-image.visible{opacity:1}.redirect-badge-container{height:var(--redirect-badge-size);max-height:var(--redirect-badge-size);z-index:2;text-align:center}.redirect-badge-container,.redirect-badge-container *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.redirect-badge-container a{pointer-events:all;display:inline-block}.redirect-badge{height:var(--redirect-badge-size);max-height:var(--redirect-badge-size)}.book-title{margin-top:calc(0rem - var(--redirect-badge-size));transition:margin-top .3s ease;height:calc((var(--book-size) / 4));max-height:calc(100dvh - calc(var(--book-title-y-start)) - calc(var(--redirect-badge-size) * 1.5));width:100%;max-width:var(--book-size);min-width:calc(var(--book-size) * .6);padding:0 .5rem;box-sizing:border-box;pointer-events:none}.book-title.shifted{margin-top:calc(var(--redirect-badge-size) / 5)}.book-title,.book-title *{-webkit-user-select:none;user-select:none}.book-title h2{line-height:1.3;word-break:break-word;margin:0 auto;max-width:100%}.book-info-column{margin-top:var(--redirect-badge-y-start);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:calc(var(--qr-basis) * .05);max-width:var(--book-size);width:calc(var(--book-size) * .9)}.book-info-row{align-items:center;height:100%;transition:width .4s ease;flex:1 1 0;min-width:0}.qr-code-container{display:flex;align-self:center;justify-content:center;max-height:calc(var(--redirect-badge-size) * 5);max-width:var(--qr-basis);aspect-ratio:1}.qr-code-card svg{width:100%;height:100%;border-radius:2px;display:block}.qr-code-card{display:flex;align-self:center;justify-content:center;background:#fff;border-radius:4px;box-shadow:0 0 8px #0003;padding:calc(var(--redirect-badge-size) / 8);box-sizing:border-box}h2.spacegrotesk-bold{font-family:Space Grotesk,sans-serif;font-weight:700}h2.librefranklin-bold{font-family:Libre Franklin,sans-serif;font-weight:700}h2.urbanist-bold{font-family:Urbanist,sans-serif;font-weight:700}.next-button{pointer-events:all}.canvas-background{position:absolute;top:calc(var(--book-image-y-start) - 5dvh);left:0;max-width:100dvw;max-height:70dvh;z-index:-2;opacity:0;transition:opacity .5s ease;filter:blur(50px);pointer-events:none;transition:background-color .4s ease;background-color:var(--pulse-colour)}.canvas-background.visible{opacity:1}.canvas-pulse{position:absolute;top:0;left:0;width:100dvw;height:100dvh;z-index:-1;pointer-events:none}.css-pulse{position:absolute;top:50%;left:50%;width:var(--book-size);height:var(--book-size);border-radius:var(--book-border-radius);transform:translate(-50%,-50%);pointer-events:none;z-index:0;will-change:box-shadow,opacity;background:transparent;box-shadow:0 0 0 0 var(--pulse-colour, rgba(255, 255, 255, .2));opacity:0;animation:glowPulse 3s infinite ease-out;transition:box-shadow .6s ease-out}.css-pulse.visible{opacity:1;animation:glowPulse 3s infinite ease-out}.css-pulse.fade-out-glow{transition:box-shadow .6s ease-out,opacity .6s ease-out;box-shadow:0 0 #fff0;opacity:0}@keyframes glowPulse{0%{box-shadow:0 0 0 0 var(--pulse-colour, rgba(255, 255, 255, .25))}50%{box-shadow:0 0 30px 15px var(--pulse-colour, rgba(255, 255, 255, .12)),0 0 60px 30px var(--pulse-colour, rgba(255, 255, 255, .06))}to{box-shadow:0 0 #fff0}}.genre-title-container{position:relative;font-size:calc(var(--book-size) * .035);font-weight:600;z-index:2;color:#ffffff1f;padding:0;margin:0;width:var(--book-size);transform-origin:center,center;top:calc(var(--book-size) * .05);left:calc(var(--book-size) * -.52);transform:rotate(270deg);text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none}.bmc-title-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.4rem;font-weight:600;color:#fff;text-align:center;pointer-events:none}.pr-badge{height:calc(var(--redirect-badge-size) * 1.5);max-height:calc(var(--redirect-badge-size) * 1.5);margin-top:calc(var(--redirect-badge-size) / 3)}@media (orientation: landscape) and (hover: none) and (pointer: coarse),(orientation: landscape) and (hover: none) and (pointer: fine),(min-width: 600px) and (max-width: 1199px) and (hover: none){.pr-badge{margin-top:calc(var(--redirect-badge-size) / 2)}}@media (orientation: portrait) and (hover: none) and (pointer: coarse){.pr-badge{margin-top:calc(var(--redirect-badge-size) / 1)}}.bmc-qr-image{width:100%;height:100%;object-fit:contain;box-sizing:border-box}.favourite-container{z-index:3;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);position:absolute;top:5%;right:-13%;transform:translate(-50%)}.favourite-button{display:flex;justify-content:center;align-items:center;width:100%;background:none;border:none;padding:0;outline:none;font-size:calc(var(--book-size) * .125);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.favourite-button .icon-wrapper{display:inline-block;transform-origin:center center}@media (hover: hover) and (pointer: fine){.favourite-button:hover .star-icon{transform:rotate(15deg) scale(1.15);filter:drop-shadow(0 0 calc(var(--ui-scale) * .6) rgb(255,248,166));transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.favourite-button:hover .favourited.star-icon{filter:drop-shadow(0 0 calc(var(--ui-scale) * .6) rgb(255,193,37))}}@media (hover: none) and (pointer: coarse){.favourite-button:active .star-icon{transform:scale(1.05)}}.favourite-button .icon-wrapper.spin{animation:spinStar .6s ease-out forwards}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favourite-button .star-icon{transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.share-container{z-index:3;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);position:absolute;top:20%;right:-13%;transform:translate(-50%);pointer-events:none}.share-wrapper{width:100%;height:100%;pointer-events:none}@media (hover: hover) and (pointer: fine){.share-wrapper:hover{border-radius:50%;box-shadow:2px 2px 2px #00000080}}.share-wrapper:has(.share-menu.open){border-radius:50%;box-shadow:2px 2px 2px #00000080}@media (hover: none) and (pointer: coarse){.share-wrapper:has(.share-menu.open) .share-button{transform:rotate(180deg)}}.share-button{pointer-events:all;border-radius:100%;border:none;background-color:#ddd;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:4}@media (hover: hover) and (pointer: fine){.share-button:hover{transform:rotate(180deg)}}.share-button i{color:#555}.share-menu{position:relative;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .65);border:1px solid transparent;transform:translate(-30%,-10%);z-index:3}.share-menu li{position:absolute;top:0;left:0;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);display:flex;align-items:center;justify-content:center;offset-path:path("M 20 0 Q 30 0, 20 180");offset-rotate:auto 270deg;offset-distance:0%;opacity:0;transition:offset-distance .35s ease,opacity .3s ease}.share-menu li a,.share-menu li button{background:none;border:none;cursor:pointer;position:relative}.share-button i{font-size:calc(var(--book-size) * .05);color:#555}.share-menu.open li{opacity:1;transform:translateY(0);offset-distance:var(--target-distance, 100%)}.share-menu li a{font-size:calc(var(--book-size) * .1);display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;text-decoration:none;pointer-events:all}.share-menu li a:hover{filter:drop-shadow(1px 1px 1px rgb(255,255,255,.5))}.options-menu{position:relative;font-family:Space Grotesk,sans-serif;font-weight:700}.options-menu .options-button{font-size:var(--ui-icon-size);font-size:22px;padding:10px;width:52px;height:52px;margin-left:auto;margin-right:10px;margin-top:10px;border:calc(var(--ui-scale) * .15) transparent;border-radius:var(--ui-radius);background-color:transparent;color:#cfd8dc;cursor:pointer;position:absolute;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.options-menu .options-button i{text-shadow:0 0 calc(var(--ui-scale) * .8) #ffffff81}.options-menu .spin{animation:spinGear 1.2s cubic-bezier(.67,0,.23,1.08)}@keyframes spinGear{to{transform:rotate(360deg)}}.options-menu .options-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}.options-menu .options-overlay.active{opacity:1;pointer-events:auto}.options-menu .options-list{z-index:11;position:relative}.options-menu .options-box{position:absolute;top:50%;left:50%;transform:translate(150%,-50%);transition:transform .35s ease}.options-menu .options-box.active{transform:translate(-50%,-50%)}.options-menu .options-modal{background:#1f1f1f;color:#eee;padding:calc(var(--ui-scale) * 1.2);border-radius:calc(var(--ui-scale) * 1);width:calc(var(--book-size) * 1);max-width:85vmin;max-height:85vmin;box-shadow:0 calc(var(--ui-scale) * .4) calc(var(--ui-scale) * 1) #00000080}.options-menu .options-title{text-align:center;margin-bottom:calc(var(--ui-padding) * .5);padding-bottom:var(--ui-padding);font-size:calc(var(--ui-font-size) * 1.2);font-weight:700;border-bottom:1px solid #333;-webkit-user-select:none;user-select:none}.options-menu .options-section{border-bottom:1px solid #333}.options-menu .options-section:last-child{border-bottom:none}.options-menu .options-section-header{width:100%;background:none;border:none;font-size:calc(var(--ui-font-size) * .9);font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .3) 0;min-height:calc(var(--ui-scale) * 1.5);cursor:pointer;color:#eee;-webkit-user-select:none;user-select:none}.options-menu .options-label{-webkit-user-select:none;user-select:none}.options-menu .arrow{transition:transform .3s ease}.options-menu .arrow.open{transform:rotate(180deg)}.options-menu .options-submenu{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease}.options-menu .options-submenu.expanded{max-height:calc(var(--ui-scale) * 20);opacity:1}.options-menu .indent-the-children{margin-right:calc(var(--ui-font-size) * .4);margin-left:calc(var(--ui-font-size) * .4)}.options-genre-flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--ui-scale) * .2);margin-bottom:calc(var(--ui-scale) * .3);margin-top:calc(var(--ui-scale) * .3)}.options-genre-pill{padding:calc(var(--ui-scale) * .25) calc(var(--ui-scale) * .35);border-radius:9999px;border:calc(var(--ui-scale) * .001) solid #ccc;cursor:pointer;font-size:calc(var(--ui-scale) * .48);transition:all .2s ease;background-color:#bbbbbb28;color:#7c7c7c}.options-genre-pill.active{background:#bbfca4;background-color:#bbb;color:#282828;border-color:#bbfca4}.options-menu .options-submenu-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .25) 0;font-size:calc(var(--ui-font-size) * .85);color:#ddd;font-weight:400}.options-menu .options-submenu-item select{background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:calc(var(--ui-scale) * .4);padding:calc(var(--ui-scale) * .05) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-scale) * .8);font-family:inherit;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:50%}.options-menu .options-submenu-item select:focus{border-color:#bbfca4;box-shadow:0 0 0 2px #bbfca451}.options-menu .options-submenu-item select option{background:#1f1f1f;color:#eee}.options-menu .toggle{position:relative;width:calc(var(--ui-scale) * 2.2);height:calc(var(--ui-scale) * 1.1)}.options-menu .toggle input{display:none}.options-menu .toggle label{position:absolute;cursor:pointer;background:#555;border-radius:calc(var(--ui-scale) * 1);width:100%;height:100%;transition:background .3s ease}.options-menu .toggle label:after{content:"";position:absolute;top:calc(var(--ui-scale) * .1);left:calc(var(--ui-scale) * .1);width:calc(var(--ui-scale) * .9);height:calc(var(--ui-scale) * .9);background:#fff;border-radius:50%;transition:transform .3s ease}.options-menu .toggle input:checked+label{background:#bbfca4}.options-menu .toggle input:checked+label:after{transform:translate(calc(var(--ui-scale) * 1.1))}.options-menu .options-section-description{text-align:center;margin-bottom:calc(var(--ui-padding) * .1);font-size:calc(var(--ui-font-size) * .7);font-weight:lighter;-webkit-user-select:none;user-select:none}.options-menu .options-social-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:calc(var(--ui-scale) * .4);margin-bottom:calc(var(--ui-scale) * .4)}.options-menu .options-social-icon{background:none;border:none;font-size:calc(var(--ui-icon-size) * .8);cursor:pointer;color:#bbbbbb28;transition:color .2s,transform .1s;padding-right:calc(var(--ui-scale) * .05)}.options-menu .options-social-icon:hover{transform:scale(1.2)}.options-menu .options-social-icon.active{color:#bbb}.options-menu .options-danger-button-wrapper{padding-left:10%;width:80%}.options-menu .options-danger-button{background:#a33;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:calc(var(--ui-icon-size) * .4);font-family:inherit;border-radius:calc(var(--ui-scale) * .2);padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);transition:background .2s ease;width:100%}.options-menu .options-danger-button i{font-size:calc(var(--ui-icon-size) * .5);padding-right:calc(var(--ui-scale) * .2)}.options-menu .options-danger-button:hover{background:#c44}.options-menu .options-danger-button.disabled{color:#d4d4d4;background:#535353;cursor:not-allowed}.options-menu .confirm-buttons{display:flex;position:relative;width:100%}.options-menu .confirm-buttons{flex:1}.options-menu .options-cancel-button{background:#666;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:left;width:50%;border-top-left-radius:calc(var(--ui-scale) * .2);border-bottom-left-radius:calc(var(--ui-scale) * .2)}.options-menu .options-confirm-button{background:#a33;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:right;width:50%;border-top-right-radius:calc(var(--ui-scale) * .2);border-bottom-right-radius:calc(var(--ui-scale) * .2)}.options-menu .centre-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:calc(var(--ui-icon-size) * .6)}.options-modal-gradient{border-radius:calc(var(--ui-scale) * 1)}.library-menu{position:absolute;font-family:Space Grotesk,sans-serif;font-weight:700}.library-menu .library-button{padding:10px;margin-right:auto;margin-left:10px;margin-top:10px;width:52px;height:52px;background-color:transparent;border:none;cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}@media (display-mode: standalone){.options-menu .options-button,.library-menu .library-button{margin-top:calc(10px + env(safe-area-inset-top))}}.library-menu .library-button span{display:block;width:21px;height:4px;background-color:#cfd8dc;margin-bottom:4px;transition:transform .35s,background-color .35s;box-shadow:0 0 calc(var(--ui-scale) * .8) #ffffff81}.library-menu .library-button span:last-child{margin-bottom:0}.library-menu .library-button.active span.one{transform:rotate(60deg) translate3d(11px,-3px,0)}.library-menu .library-button.active span.two{transform:rotate(75deg) translate3d(-1px,1px,0)}.library-menu .library-button.active span.three{transform:rotate(90deg) translate3d(-10px,10px,0)}.library-menu .library-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .35s ease;overflow:hidden;z-index:10}.library-menu .library-overlay.active{opacity:1;pointer-events:auto}.library-menu .library-box{position:absolute;top:50%;left:50%;transform:translate(-150%,-50%);width:80vw;max-width:500px;max-height:80vh;padding:calc(var(--ui-scale) * 1.5);background:#120900;color:#eee;box-shadow:0 calc(var(--ui-scale) * .6) calc(var(--ui-scale) * 1.2) #00000080;border-radius:calc(var(--ui-scale) * 1.2);transition:transform .35s ease;overflow:hidden}.library-menu .library-box.active{transform:translate(-50%,-50%);max-height:80vh;max-width:clamp(40vw,70vw,100vw)}.library-menu .library-item{display:block;padding:calc(var(--ui-scale) * .6) calc(var(--ui-scale) * 1.2);color:#ddd;font-size:calc(var(--ui-font-size) * .95);text-decoration:none;transition:background .25s}.library-menu .library-item:hover{background-color:#2a2a2a}.library-menu .library-tabs{display:flex;justify-content:space-between;width:100%;margin-bottom:calc(var(--ui-scale) * 1.2)}.library-menu .library-tab{flex:1;text-align:center;padding:calc(var(--ui-scale) * .8);font-size:calc(var(--ui-scale) * 1.1);background:transparent;border:none;cursor:pointer;color:#eee;border-bottom:2px solid transparent;transition:border-color .25s ease,color .25s ease}.library-menu .library-tab.active{border-color:#914040;color:#fff}.library-content-wrapper{transition:height .35s ease;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.library-content-wrapper::-webkit-scrollbar{width:0;height:0}.library-menu .library-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.library-menu .library-content.active{max-height:calc(80vh - var(--ui-scale) * 1.5 * 2);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:max-height .4s ease}.library-menu .library-content.active::-webkit-scrollbar{display:none}.library-menu .library-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--ui-scale) * 1);padding-top:calc(var(--ui-scale) * .25)}.library-menu .library-item-square{flex:0 1 calc(var(--ui-scale) * 7);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--ui-scale) * 1);color:#fff;cursor:pointer;transition:background .25s ease;position:relative;-webkit-user-select:none;user-select:none}.library-menu .library-single-shelf{position:absolute;bottom:0;left:0;width:100%;z-index:2}.library-menu .library-single-shelf:hover>*{z-index:0}.library-menu .library-audiobook{position:relative;width:100%;height:100%}.library-menu .library-thumb{position:absolute;top:0;left:4%;width:92%;height:92%;z-index:1}.library-menu .library-case{z-index:2}.library-menu .library-audiobook>*{transform:scale(1);filter:brightness(50%);transition:transform .25s ease,filter .25s ease}.library-menu .library-audiobook:hover>*{transform:scale(1.05);filter:brightness(100%)}.cookies-modal{position:relative;font-family:Space Grotesk,sans-serif;font-weight:700}.cookies-modal .cookies-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}.cookies-modal .cookies-overlay.active{opacity:1}.cookies-modal .cookies-box{position:absolute;top:50%;left:50%;transform:translate(150%,-50%);transition:transform .35s ease}.cookies-modal .cookies-box.active{transform:translate(-50%,-50%);pointer-events:auto}.cookies-modal .cookies-modal-contents{background:#1f1f1fda;color:#eee;padding:calc(var(--ui-scale) * 1.2);border-radius:calc(var(--ui-scale) * 1);width:calc(var(--book-size) * 1);max-width:85vmin;max-height:85vmin;box-shadow:0 calc(var(--ui-scale) * .4) calc(var(--ui-scale) * 1) #00000080;z-index:11;position:relative;display:flex;flex-direction:column;overflow:auto}.cookies-modal .cookies-list{display:flex;flex-direction:column;gap:calc(var(--ui-scale) * .2)}.cookies-modal .cookies-button-wrapper{display:flex;gap:calc(var(--ui-scale) * .6);margin-top:calc(var(--ui-scale) * .6)}.cookies-modal .cookies-title{text-align:center;margin-bottom:calc(var(--ui-padding) * .5);padding-bottom:var(--ui-padding);font-size:calc(var(--ui-font-size) * 1.2);font-weight:700;border-bottom:1px solid #333;-webkit-user-select:none;user-select:none}.cookies-modal .cookies-section-header{width:100%;background:none;border:none;font-size:calc(var(--ui-font-size) * .9);font-weight:700;color:#eee;-webkit-user-select:none;user-select:none;display:block}.cookies-modal .cookies-submenu-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .25) 0;font-size:calc(var(--ui-font-size) * .85);color:#ddd;font-weight:400}.options-menu .options-submenu-item[for=opt-enableCookies]{margin:0 calc(var(--ui-scale) * 1.6);margin-bottom:calc(var(--ui-scale) * .2);font-weight:500}.cookies-modal .cookies-section-description{text-align:center;margin-bottom:calc(var(--ui-padding) * .1);font-size:calc(var(--ui-font-size) * .7);font-weight:lighter;-webkit-user-select:none;user-select:none}.cookies-modal .cookies-accept-all-button:hover{background:#5162c4}.cookies-modal .cookies-only-neccesary-button:hover{background:#7c7777}.cookies-modal .confirm-buttons{display:flex;position:relative;width:100%}.cookies-modal .confirm-buttons{flex:1}.cookies-modal .cookies-only-neccesary-button{background:#666;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:center;width:45%;margin-right:3%;border-radius:calc(var(--ui-scale) * .2)}.cookies-modal .cookies-accept-all-button{background:#3345aa;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:center;width:45%;margin-left:3%;border-radius:calc(var(--ui-scale) * .2)}.cookies-modal .centre-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:calc(var(--ui-icon-size) * .6)}.cookies-modal-gradient{border-radius:calc(var(--ui-scale) * 1)}.gradient-overlay{position:absolute;left:0;right:0;height:calc(var(--book-size) * .5);pointer-events:none;-webkit-user-select:none;user-select:none}.gradient-overlay.gradient-bottom{bottom:0;background:linear-gradient(to top,#57575773,#0000)}.affiliate-disclaimer{display:block;position:relative;text-align:center;font-size:clamp(.28rem,calc(var(--ui-scale) * .35),.8rem);color:#888;text-shadow:0px 0px .8rem black;margin:calc(var(--ui-scale) * .05);line-height:1.4;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;will-change:opacity,visibility}.affiliate-disclaimer.visible{opacity:1;visibility:visible}@media screen and (max-height: 405px){.affiliate-disclaimer{position:absolute;bottom:0;font-size:clamp(.35rem,calc(var(--ui-scale) * .35),.4rem);width:calc(var(--book-size) * 1.5);top:97vh;transform:translateY(-100%) translate(-20%)}}.swipe-indicator-container{position:fixed;width:var(--indicator-box-size);height:var(--indicator-box-size);top:50%;left:50%;z-index:1;transform:translate(-50%,-50%) translate(calc(var(--book-size) * .6)) translateY(calc(var(--book-size) * .5))}.click-indicator-container{position:absolute;width:var(--book-size);height:var(--book-size);top:calc(calc(var(--book-size) * .2) + var(--book-image-y-start));left:calc(50% - calc(var(--book-size) * .5));z-index:1}.indicator-container,.indicator-container *{pointer-events:none;user-select:none;-webkit-user-select:none}.indicator{position:relative;display:inline-block;transform-origin:center center}.swipe-indicator{transform:rotate(-90deg)}.indicator{opacity:0;transition:opacity var(--indicator-fade-in) ease}.indicator.visible{opacity:1}.click-indicator{width:calc(.5 * var(--book-size));height:calc(.5 * var(--book-size));left:25%;top:25%}.indicator-box{opacity:1;transition:.3s;overflow:visible}.indicator-box#click-indicator-box{width:calc(.5 * var(--book-size));height:calc(.5 * var(--book-size))}.indicator-box#swipe-indicator-box{width:var(--indicator-box-size);height:var(--indicator-box-size)}.indicator-dot.swipe-dot{position:absolute;height:calc(.48 * var(--indicator-box-size));width:calc(1 * var(--indicator-box-size));opacity:0;top:0;left:calc(-.4 * var(--indicator-box-size));border-radius:100px;background-color:#ffffff37;transform:translateY(-50%)}@keyframes swipeDot{0%{height:100%;width:100%;opacity:0;top:0;left:calc(-.65 * var(--indicator-box-size))}50%{height:25%;width:25%;opacity:0;top:0;left:calc(-.4 * var(--indicator-box-size))}51%{opacity:1}to{height:5%;width:35%;opacity:0;top:0;left:calc(.1 * var(--indicator-box-size))}}.indicator-dot.click-dot{position:absolute;height:calc(.5 * calc(.12 * var(--book-size)));width:calc(.5 * calc(.12 * var(--book-size)));opacity:0;top:0;left:calc(.23 * calc(.5 * var(--book-size)));border-radius:1000px;border-style:double;border-width:calc(.15 * calc(.5 * var(--book-size)));border-color:#ffffffc6;filter:drop-shadow(0 0 20px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(0,0,0,.35));transform:translateY(-50%)}@keyframes clickDot{0%{height:100%;width:100%;opacity:0;top:0;left:calc(-.23 * calc(.5 * var(--book-size)))}50%{height:12%;width:12%;opacity:0;top:0;left:calc(.23 * calc(.5 * var(--book-size)))}51%{opacity:1}to{height:100%;width:100%;opacity:0;top:0;left:calc(-.23 * calc(.5 * var(--book-size)))}}.indicator-hand{position:absolute;transform-origin:center center}#swipe-hand{transform:rotate(30deg);fill:#ffffff37}@keyframes handSwipe{0%{transform:rotate(30deg)}50%{transform:translate(-60%,-10%) rotate(-30deg) scale(.9)}to{transform:rotate(30deg)}}#click-hand{transform:translateY(0) scale(1);width:calc(.5 * var(--book-size));height:calc(.5 * var(--book-size));fill:#ffffffc6;filter:drop-shadow(0 0 20px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(0,0,0,.35)) drop-shadow(0 0 8px rgba(0,0,0,.1))}@keyframes handClick{45%{transform:translateY(0) scale(1)}55%{transform:translateY(-10%) scale(.9)}65%{transform:translateY(0) scale(1)}}.indicator-dot.swipe-dot,.indicator-dot.click-dot,.indicator-hand{will-change:transform,opacity}.indicator-dot,.indicator-hand{animation:none}.indicator.visible .indicator-dot.click-dot{animation:clickDot 2s infinite;animation-delay:var(--indicator-fade-in)}.indicator.visible #click-hand{animation:handClick 2s infinite;animation-delay:var(--indicator-fade-in)}.indicator.visible .indicator-dot.swipe-dot{animation:swipeDot 2s infinite;animation-delay:var(--indicator-fade-in)}.indicator.visible #swipe-hand{animation:handSwipe 2s infinite;animation-delay:var(--indicator-fade-in)}@keyframes bmc-rain-fall{0%{top:-10%}to{top:100%}}@keyframes bmc-rain-shake{0%,to{transform:translate(0)}50%{transform:translate(80px)}}.bmc-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .5s ease}.bmc-rain.active{opacity:1}.bmc-rain:not(.active) .bmc-raindrop{animation-play-state:paused}.bmc-raindrop{position:absolute;top:-10%;-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:bmc-rain-fall,bmc-rain-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.bmc-raindrop:nth-of-type(1){left:1%;animation-delay:0s,0s}.bmc-raindrop:nth-of-type(2){left:10%;animation-delay:1s,1s}.bmc-raindrop:nth-of-type(3){left:20%;animation-delay:6s,.5s}.bmc-raindrop:nth-of-type(4){left:30%;animation-delay:4s,2s}.bmc-raindrop:nth-of-type(5){left:40%;animation-delay:2s,2s}.bmc-raindrop:nth-of-type(6){left:50%;animation-delay:8s,3s}.bmc-raindrop:nth-of-type(7){left:60%;animation-delay:6s,2s}.bmc-raindrop:nth-of-type(8){left:70%;animation-delay:2.5s,1s}.bmc-raindrop:nth-of-type(9){left:80%;animation-delay:1s,0s}.bmc-raindrop:nth-of-type(10){left:90%;animation-delay:3s,1.5s}.bmc-raindrop:nth-of-type(11){left:25%;animation-delay:2s,0s}.bmc-svg{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='88' height='128' viewBox='0 0 884 1279' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M472.6 590.8C426.7 610.5 374.5 632.8 307 632.8C278.7 632.7 250.6 628.9 223.4 621.3L270.1 1101.1C271.7 1121.1 280.9 1139.8 295.7 1153.5C310.5 1167.1 329.9 1174.7 350 1174.7C350 1174.7 416.3 1178.1 438.4 1178.1C462.2 1178.1 533.5 1174.7 533.5 1174.7C553.6 1174.7 573 1167.1 587.8 1153.5C602.6 1139.8 611.8 1121.1 613.4 1101.1L663.5 570.9C641.1 563.2 618.5 558.2 593.1 558.2C549.1 558.1 513.6 573.3 472.6 590.8Z' fill='%23FFDD00'/%3E%3Cpath d='M879.6 341.8L872.5 306.4C866.2 274.5 851.9 244.4 819.2 232.9C808.7 229.2 796.8 227.6 788.8 220C780.8 212.4 778.4 200.6 776.5 189.6C773.1 169.4 769.8 149.3 766.3 129.1C763.3 111.9 760.9 92.4 752.9 76.6C742.6 55.3 721.2 42.8 699.9 34.6C689 30.5 677.8 27 666.5 24.2C613.3 10.2 557.3 5 502.6 2.1C436.9-1.5 371-0.4 305.4 5.4C256.6 9.8 205.2 15.2 158.9 32C141.9 38.2 124.4 45.6 111.6 58.7C95.7 74.8 90.6 99.7 102.1 119.8C110.3 134 124.2 144.1 139 150.7C158.2 159.3 178.3 165.8 198.8 170.2C256.1 182.9 315.5 187.9 374 190C438.9 192.6 503.9 190.5 568.4 183.6C584.4 181.9 600.3 179.8 616.3 177.3C635 174.4 647 149.9 641.5 132.9C634.9 112.5 617.1 104.5 597.1 107.6L586.1 109.3C579.3 110.1 572.5 110.9 565.7 111.7C551.6 113.2 537.5 114.4 523.4 115.4C491.8 117.6 460.1 118.6 428.4 118.6C397.2 118.6 366.1 117.8 335 115.7C320.8 114.8 306.7 113.6 292.6 112.2C286.1 111.5 279.7 110.8 273.3 110L259.6 108.1C246.7 106.2 233.8 104 221 101.3C219.7 101 218.6 100.2 217.8 99.2C217 98.2 216.5 96.9 216.5 95.6C216.5 94.3 217 93 217.8 92C218.6 90.9 219.7 90.2 221 89.9C232.3 87.6 243.5 85.6 254.7 83.8C258.4 83.2 262.1 82.6 265.9 82.1C273 81.6 280 80.4 287 79.5C347.6 73.2 408.6 71.1 469.5 73.1C499.1 74 528.7 75.7 558.1 78.7C564.4 79.3 570.7 80 577 80.8L589.2 82.4C603.4 84.6 617.6 87.1 631.7 90.2C652.6 94.7 679.4 96.2 688.7 119.1C691.7 126.3 693 134.4 694.6 142L696.7 151.8C701.8 175.2 706.7 198.2 711.6 221.1C712 222.8 712 224.6 711.7 226.3C711.3 228 710.6 229.6 709.6 231C708.6 232.4 707.4 233.6 705.9 234.5C704.4 235.4 702.8 236 701 236.2L694.9 237C685.5 238.3 676 239.4 666.6 240.5C648 242.6 629.3 244.4 610.6 246C573.5 249.1 536.4 251.1 499.1 252.1C480.1 252.6 461.1 252.8 442.2 252.8C366.6 252.7 291.2 248.3 216.2 239.6C191.8 236.6 185 235.7 169.5 233.4C152.2 230.8 135 227.6 117.7 224.8C96.8 221.4 76.8 223.1 57.9 233.4C42.4 241.9 29.8 254.9 21.9 270.7C13.7 287.6 11.3 306 7.6 324.1C4 342.2-1.7 361.7 0.5 380.3C5.1 420.4 33.2 453.1 73.5 460.4C111.5 467.2 149.7 472.8 188 477.6C338.4 496 490.3 498.2 641.2 484.1C653.4 483 665.7 481.7 678 480.4C681.8 480 685.7 480.4 689.3 481.7C692.9 482.9 696.2 485 699 487.7C701.7 490.4 703.8 493.7 705.1 497.3C706.4 501 706.8 504.8 706.5 508.7L702.6 545.8C694.9 620.8 687.2 695.9 679.5 770.9C671.5 849.7 663.4 928.4 655.3 1007.2C653 1029.4 650.7 1051.6 648.4 1073.7C646.2 1095.6 645.9 1118.1 641.8 1139.7C635.2 1173.6 612.2 1194.5 578.7 1202.1C548 1209.1 516.7 1212.7 485.2 1213C450.2 1213.2 415.4 1211.7 380.4 1211.8C343.2 1212.1 297.5 1208.6 268.8 1180.9C243.5 1156.5 240 1118.4 236.5 1085.4C232 1041.7 227.4 998 222.9 954.4L181.2 554.5C180.5 546.8 165.2 509.7 144.3 510.6C126.4 511.4 106.1 526.6 108.2 546.8L145.4 904.1C152.5 972.5 159.7 1041 166.8 1109.4C178.7 1220.4 233.5 1259 301.2 1269.9C340.8 1276.3 381.3 1277.6 421.5 1278.2C473 1279.1 525 1281.1 575.6 1271.7C650.7 1258 707 1207.9 715 1130.1C721.9 1062.8 729.5 988.6 737.1 914.3L781 486.3C781.6 480.7 783.9 475.6 787.6 471.5C791.4 467.4 796.4 464.6 801.8 463.6C823.3 459.4 843.8 452.2 859 435.9C883.3 409.9 888.2 376 879.6 341.8ZM800.8 383C793.1 390.3 781.5 393.7 770 395.4C641.3 414.5 510.7 424.2 380.6 419.9C287.5 416.7 195.3 406.4 103.1 393.4C84.3 390.5 78.1 383.8 66.4 371.2C72.2 345.9 75.2 330.8 77.9 316.9C83.3 298.3 99.9 296.4 99.9 296.4C125.7 293.3 155.6 304.2 181.2 308.1C242.8 316.5 405.9 331.4 540.3 329.5C671.9 311.9 695.9 308.7 743.6 300.7C764.8 296.9 788.4 289.7 801.2 311.7C810 326.7 811.1 346.7 809.8 363.6C809.4 371 806.1 377.9 800.8 383Z' fill='%230D0C22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:29px}.print-url{display:none}@media print{*{animation:none!important;transition:none!important}body{background:#fff!important;color:#000!important}.canvas-background,.canvas-pulse,.css-pulse,.bmc-rain,.redirect-badge-container,.affiliate-disclaimer,.options-menu,.library-menu,.cookies-modal,.book-previous,.book-next,.share-container,.favourite-container,.genre-title-container,.swipe-indicator-container,.click-indicator-container,audio{display:none!important}.app{position:static!important;width:auto!important;height:auto!important;overflow:visible!important}.book-swipe-layer{position:static!important;transform:none!important;height:auto!important;width:auto!important;display:block!important}.book-image-wrapper.book-previous,.book-image-wrapper.book-next{display:none!important}.book-image-wrapper.book-current{position:relative!important;transform:none!important;left:auto!important;top:auto!important;width:var(--book-size)!important;height:var(--book-size)!important;margin:.5rem auto 0!important;display:block!important}.book-image{opacity:1!important}.book-static-layer{position:static!important;display:block!important;text-align:center!important}.book-info-column{margin-top:2rem!important;max-width:100%!important;width:auto!important;flex-direction:column!important;align-items:center!important}.book-title{opacity:1!important;color:#000!important;margin-top:0!important;height:auto!important;max-height:none!important}.qr-code-container{opacity:1!important;visibility:visible!important;flex-basis:var(--qr-basis)!important}.print-url{display:block!important;font-size:1.25rem;color:#333;word-break:break-all;text-align:center;margin-bottom:.25rem;font-weight:700}}