.holographic-card{--holographic-angle-base:127deg;--holographic-angle-blue-base:143deg;--holographic-angle:var(--holographic-angle-base);--holographic-angle-blue:var(--holographic-angle-blue-base);--holographic-wave-anchor:50% 100%;--holographic-ripple-size:10.2% 3.8%;--holographic-ripple-image:radial-gradient(ellipse at var(--holographic-wave-anchor),#0000 0,#0000 33%,#edfdfd8a 34%,#e6b1fb5c 39%,#0000 41%,#0000 51%,#edfdfd75 52%,#e6b1fb4f 58%,#0000 60%,#0000 69%,#edfdfd61 70%,#e6b1fb42 76%,#0000 78%);--holographic-ripple-position:calc(50% + (50% - var(--holographic-background-x))*0.04) calc(50% + (50% - var(--holographic-background-y))*0.04);--holographic-background-x:50%;--holographic-background-y:50%;--holographic-bar-bg:#000;--holographic-bar-color:#ccc;--holographic-primary-stripe:color-mix(in srgb,var(--holographic-primary) 70%,#000);--holographic-bars:3%;--holographic-intensity:0.75;--holographic-opacity:0;--holographic-perspective:600px;--holographic-pointer-from-center:0;--holographic-pointer-from-left:0.5;--holographic-pointer-from-top:0.5;--holographic-pointer-x:50%;--holographic-pointer-y:50%;--holographic-primary:#39a1f1;--holographic-accent:#0fc;--holographic-dust:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 130'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='9' cy='18' r='1.15' opacity='.9'/%3E%3Ccircle cx='31' cy='72' r='.8' opacity='.55'/%3E%3Ccircle cx='46' cy='23' r='.55' opacity='.45'/%3E%3Ccircle cx='78' cy='109' r='1' opacity='.7'/%3E%3Ccircle cx='104' cy='41' r='.65' opacity='.5'/%3E%3Ccircle cx='137' cy='84' r='1.25' opacity='.8'/%3E%3Ccircle cx='151' cy='14' r='.7' opacity='.5'/%3E%3C/g%3E%3Cg fill='%23fff1a8'%3E%3Ccircle cx='22' cy='114' r='.9' opacity='.65'/%3E%3Ccircle cx='55' cy='91' r='1.1' opacity='.68'/%3E%3Ccircle cx='94' cy='7' r='.75' opacity='.48'/%3E%3Ccircle cx='119' cy='118' r='.85' opacity='.55'/%3E%3Ccircle cx='146' cy='54' r='.7' opacity='.5'/%3E%3C/g%3E%3Cg fill='%23bdfcff'%3E%3Ccircle cx='15' cy='49' r='.7' opacity='.55'/%3E%3Ccircle cx='68' cy='33' r='1' opacity='.7'/%3E%3Ccircle cx='91' cy='78' r='.55' opacity='.48'/%3E%3Ccircle cx='128' cy='23' r='.9' opacity='.62'/%3E%3C/g%3E%3Cg fill='%23f0b8ff'%3E%3Ccircle cx='38' cy='8' r='.75' opacity='.52'/%3E%3Ccircle cx='72' cy='64' r='.8' opacity='.56'/%3E%3Ccircle cx='112' cy='96' r='.65' opacity='.46'/%3E%3Ccircle cx='154' cy='123' r='.95' opacity='.6'/%3E%3C/g%3E%3C/svg%3E");--holographic-rotate-x:0deg;--holographic-rotate-y:0deg;--holographic-scanlines-dark:#000;--holographic-scanlines-light:#666;--holographic-scanlines-space:1px;--holographic-space:5%;--holographic-sunpillar-1:#ff7a75;--holographic-sunpillar-2:#ffed61;--holographic-sunpillar-3:#a8ff61;--holographic-sunpillar-4:#85fff7;--holographic-sunpillar-5:#7a95ff;--holographic-sunpillar-6:#d875ff;--holographic-ui-offset-x:0px;--holographic-ui-offset-y:210px;--holographic-ui-offset-z:60px;--holographic-radius:0px;border-radius:var(--holographic-radius);box-shadow:none;display:inline-grid;overflow:visible;perspective:var(--holographic-perspective);transform:translateZ(.01px);transform-style:preserve-3d;will-change:transform,visibility,z-index}.holographic-card__rotator{border-radius:inherit;box-shadow:none;display:grid;line-height:0;overflow:visible;position:relative;transform:rotateX(var(--holographic-rotate-x)) rotateY(var(--holographic-rotate-y)) translateZ(.01px);transform-style:preserve-3d;transition:opacity .33s ease-out;will-change:transform}.holographic-card__rotator>*{grid-area:1/1;transform-style:preserve-3d}.holographic-card__front{border-radius:inherit;box-shadow:none;display:grid;line-height:0;overflow:visible;pointer-events:none;position:relative;transform:translateZ(.01px)}.holographic-card__front>*{grid-area:1/1}.holographic-card__glare,.holographic-card__shine{border-radius:var(--holographic-radius);box-shadow:none;-webkit-clip-path:inset(0 round var(--holographic-radius));clip-path:inset(0 round var(--holographic-radius));display:grid;inset:0;overflow:hidden;pointer-events:none;position:absolute;transform-style:preserve-3d;transition:opacity .24s ease-out;will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.holographic-card__glare,.holographic-card__glare:after,.holographic-card__shine,.holographic-card__shine:after,.holographic-card__shine:before{border-radius:var(--holographic-radius);transform:translateZ(1px)}.holographic-card__glare:after,.holographic-card__shine:after,.holographic-card__shine:before{border-radius:var(--holographic-radius);-webkit-clip-path:inset(0 round var(--holographic-radius));clip-path:inset(0 round var(--holographic-radius));content:"";grid-area:1/1;height:100%;inset:0;pointer-events:none;position:absolute;transform-style:preserve-3d;width:100%}.holographic-card__shine{background-blend-mode:multiply,overlay,overlay,normal;background-image:var(--holographic-foil),repeating-linear-gradient(var(--holographic-angle),var(--holographic-primary),var(--holographic-primary-stripe),var(--holographic-primary),var(--holographic-primary-stripe),var(--holographic-primary)),repeating-linear-gradient(var(--holographic-angle-blue),#0000 calc(var(--holographic-space)*.75),var(--holographic-accent) calc(var(--holographic-space)*1.25),#e0e0e0 calc(var(--holographic-space)*1.75),var(--holographic-accent) calc(var(--holographic-space)*2.25),#0000 calc(var(--holographic-space)*2.75)),radial-gradient(farthest-corner circle at var(--holographic-pointer-x) var(--holographic-pointer-y),#ffffff38 0,#0000001a 40%,#00000052 120%);background-position:50%,54% 50%,46% 50%,var(--holographic-background-x) var(--holographic-background-y);background-size:cover,400% 400%,400% 400%,200% 200%;filter:brightness(calc(var(--holographic-pointer-from-center)*.25 + .85)) contrast(1.15) saturate(1.05);mix-blend-mode:color-dodge;opacity:calc(var(--holographic-opacity)*var(--holographic-intensity));z-index:3}.holographic-card__shine:before{background-blend-mode:screen,screen;background-image:repeating-linear-gradient(var(--holographic-angle),var(--holographic-bar-bg) calc(var(--holographic-bars)*2),var(--holographic-bar-color) calc(var(--holographic-bars)*3),var(--holographic-bar-bg) calc(var(--holographic-bars)*3.5),var(--holographic-bar-color) calc(var(--holographic-bars)*4),var(--holographic-bar-bg) calc(var(--holographic-bars)*5),var(--holographic-bar-bg) calc(var(--holographic-bars)*14)),repeating-linear-gradient(var(--holographic-angle),var(--holographic-bar-bg) calc(var(--holographic-bars)*2),var(--holographic-bar-color) calc(var(--holographic-bars)*3),var(--holographic-bar-bg) calc(var(--holographic-bars)*3.5),var(--holographic-bar-color) calc(var(--holographic-bars)*4),var(--holographic-bar-bg) calc(var(--holographic-bars)*5),var(--holographic-bar-bg) calc(var(--holographic-bars)*10));background-position:calc((50% - var(--holographic-background-x))*1.15 + 54%) calc((50% - var(--holographic-background-y))*.8 + 50%),calc((50% - var(--holographic-background-x))*-1.05 + 46%) calc((50% - var(--holographic-background-y))*-.65 + 50%);background-size:200% 200%,200% 200%;filter:brightness(1.08) contrast(1.08);mix-blend-mode:hard-light;opacity:.65;transform:translateZ(1.2px)}.holographic-card__shine:after{background-blend-mode:multiply,overlay,hue,soft-light;background-image:var(--holographic-foil),repeating-linear-gradient(var(--holographic-angle),var(--holographic-primary) calc(var(--holographic-space)*1),var(--holographic-primary-stripe) calc(var(--holographic-space)*1.5),var(--holographic-primary) calc(var(--holographic-space)*2),var(--holographic-primary-stripe) calc(var(--holographic-space)*2.5),var(--holographic-primary) calc(var(--holographic-space)*3)),repeating-linear-gradient(var(--holographic-angle-blue),#0000 calc(var(--holographic-space)*.5),var(--holographic-accent) calc(var(--holographic-space)*1),#e0e0e0 calc(var(--holographic-space)*1.5),var(--holographic-accent) calc(var(--holographic-space)*2),#0000 calc(var(--holographic-space)*2.5)),repeating-linear-gradient(var(--holographic-angle),#0000 0,#8fa3a38c 3.8%,#8fc1c1a6 4.5%,#8fa3a38c 5.2%,#0000 10%,#0000 12%);background-position:50%,54% 50%,46% 50%,54% 50%;background-size:cover,200% 700%,200% 700%,300% 100%;filter:brightness(calc(var(--holographic-pointer-from-center)*.22 + .88)) contrast(1.2) saturate(1.05);mix-blend-mode:hard-light;opacity:.7;transform:translateZ(1.35px)}.holographic-card__glare{background-image:radial-gradient(farthest-corner circle at var(--holographic-pointer-x) var(--holographic-pointer-y),#fff 0,#ffffff59 9%,#0000001f 24%,#0000 40%);background-position:50%;background-size:100% 100%;filter:brightness(1.02) contrast(1.35);mix-blend-mode:overlay;opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*.55);transform:translateZ(1.5px);z-index:4}.holographic-card__glare:after{background-blend-mode:color-dodge,color-dodge,color-dodge,screen,soft-light;background-image:var(--holographic-dust),var(--holographic-dust),var(--holographic-dust),var(--holographic-ripple-image),radial-gradient(farthest-corner circle at var(--holographic-pointer-x) var(--holographic-pointer-y),#eefcfcd9 0,#fff3 16%,#0000 34%);background-position:calc(50% + (50% - var(--holographic-background-x))*.012) calc(50% + (50% - var(--holographic-background-y))*.012),calc(73.6% + (50% - var(--holographic-background-x))*-.008) calc(41.1% + (50% - var(--holographic-background-y))*-.008),calc(38.4% + (50% - var(--holographic-background-x))*.006) calc(55.5% + (50% - var(--holographic-background-y))*.006),var(--holographic-ripple-position),50%;background-size:29.5% 16.1%,42% 23.1%,55.7% 30.3%,var(--holographic-ripple-size),100% 100%;filter:brightness(1.02) contrast(1.55);mix-blend-mode:overlay;transform:translateZ(1.65px)}.holographic-card--pattern-inverse{--holographic-angle:calc(var(--holographic-angle-base) - 60deg);--holographic-angle-blue:calc(var(--holographic-angle-blue-base) - 60deg)}.holographic-card--masked{--holographic-mask-intensity:0.3}.holographic-card--masked .holographic-card__glare,.holographic-card--masked .holographic-card__glare:after,.holographic-card--masked .holographic-card__shine,.holographic-card--masked .holographic-card__shine:after,.holographic-card--masked .holographic-card__shine:before{-webkit-mask-image:var(--holographic-mask);mask-image:var(--holographic-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.holographic-card--masked .holographic-card__glare:after{-webkit-mask-composite:source-in,source-in;-webkit-mask-composite:source-in,source-in,xor;mask-composite:intersect,intersect;-webkit-mask-image:var(--holographic-mask),var(--holographic-mask),var(--holographic-mask);mask-image:var(--holographic-mask),var(--holographic-mask),var(--holographic-mask);-webkit-mask-position:center,center,center;mask-position:center,center,center;-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:100% 100%,100% 100%,100% 100%;mask-size:100% 100%,100% 100%,100% 100%}.holographic-card--masked .holographic-card__shine{filter:brightness(calc(var(--holographic-pointer-from-center)*.3 + .85)) contrast(1.65) saturate(1.5);opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*var(--holographic-mask-intensity))}.holographic-card--masked .holographic-card__shine:before{filter:brightness(1.15) contrast(1.2);opacity:1}.holographic-card--masked .holographic-card__shine:after{filter:brightness(calc(var(--holographic-pointer-from-center)*.28 + .94)) contrast(1.6) saturate(1.45);opacity:1}.holographic-card--masked .holographic-card__glare{opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*var(--holographic-mask-intensity)*.8)}.holographic-card--dark-base{--holographic-mask-intensity:1}.holographic-card--dark-base .holographic-card__front>img{filter:brightness(1.16) contrast(1.03) saturate(1.06)}.holographic-card--dark-base .holographic-card__shine{filter:brightness(calc(var(--holographic-pointer-from-center)*.28 + .88)) contrast(1.5) saturate(1.4);mix-blend-mode:screen}.holographic-card--dark-base .holographic-card__shine:before{filter:brightness(1.15) contrast(1.2);mix-blend-mode:hard-light;opacity:.85}.holographic-card--dark-base .holographic-card__shine:after{filter:brightness(calc(var(--holographic-pointer-from-center)*.26 + .94)) contrast(1.5) saturate(1.4);mix-blend-mode:hard-light;opacity:.9}.holographic-card--dark-base .holographic-card__glare{mix-blend-mode:overlay;opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*.72)}.holographic-card--dark-base.holographic-card--masked .holographic-card__shine:before{-webkit-mask-image:none;mask-image:none}.holographic-card--dark-base.holographic-card--masked .holographic-card__shine{filter:brightness(calc(var(--holographic-pointer-from-center)*.3 + .9)) contrast(1.55) saturate(1.45)}.holographic-card--dark-base.holographic-card--masked .holographic-card__shine:after{filter:brightness(calc(var(--holographic-pointer-from-center)*.28 + .94)) contrast(1.55) saturate(1.45)}.holographic-card--dark-base.holographic-card--masked .holographic-card__glare{opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*var(--holographic-mask-intensity)*.78)}.holographic-card--light-base .holographic-card__shine{filter:brightness(calc(var(--holographic-pointer-from-center)*.24 + .8)) contrast(1.4) saturate(1.3)}.holographic-card--light-base .holographic-card__shine:after{filter:brightness(calc(var(--holographic-pointer-from-center)*.22 + .9)) contrast(1.42) saturate(1.35);opacity:.9}.holographic-card--light-base .holographic-card__glare{opacity:calc(var(--holographic-opacity)*var(--holographic-intensity)*.7)}.holographic-card__rotator>.bite-chapter{bottom:3cqh;cursor:help;font-size:1.8cqh;font-style:italic;left:0;opacity:.3;pointer-events:auto;position:absolute;text-align:center;top:auto;transition:opacity .24s ease-out;width:100%;z-index:5}.holographic-card__rotator>.bite-chapter img{display:inline-block;height:1.1em;margin-right:.35em;vertical-align:-.15em;width:auto}.holographic-card__rotator>.bite-chapter:hover{opacity:1}.holographic-card__ui{--holographic-ui-scale:calc((var(--holographic-perspective) - var(--holographic-ui-offset-z))/var(--holographic-perspective));--holographic-ui-reserved:5.5cqh;align-self:start;box-shadow:none;display:flex;flex-direction:column;height:calc(100% - var(--holographic-ui-reserved));overflow:visible;pointer-events:auto;position:relative;transform:translate3d(var(--holographic-ui-offset-x),var(--holographic-ui-offset-y),var(--holographic-ui-offset-z)) scale(var(--holographic-ui-scale));width:100%}:root{--accent-color:#6198fd;--scrollbar-thumb:#ffffff59;--scrollbar-thumb-hover:#ffffff80;--scrollbar-track:#0000;--scrollbar-thumb-bite:#0000;--scrollbar-track-bite:#0000;--scrollbar-size:8px}html{scrollbar-gutter:stable}:not(html){scrollbar-color:#ffffff59 #0000;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}:not(html)::-webkit-scrollbar{height:8px;height:var(--scrollbar-size);width:8px;width:var(--scrollbar-size)}:not(html)::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track)}:not(html)::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ffffff59;background-color:var(--scrollbar-thumb);border:2px solid #0000;border-radius:6px}:not(html):hover::-webkit-scrollbar-thumb{background-color:#ffffff80;background-color:var(--scrollbar-thumb-hover)}body.bite-selected,body.bite-selected :not(html),html.bite-selected,html.bite-selected :not(html){scrollbar-color:#0000 #0000;scrollbar-color:var(--scrollbar-thumb-bite) var(--scrollbar-track-bite)}body.bite-selected :not(html)::-webkit-scrollbar,body.bite-selected::-webkit-scrollbar,html.bite-selected :not(html)::-webkit-scrollbar,html.bite-selected::-webkit-scrollbar{background-color:initial;background-color:var(--scrollbar-track-bite)}body.bite-selected :not(html)::-webkit-scrollbar-thumb,body.bite-selected :not(html):hover::-webkit-scrollbar-thumb,body.bite-selected::-webkit-scrollbar-thumb,html.bite-selected :not(html)::-webkit-scrollbar-thumb,html.bite-selected :not(html):hover::-webkit-scrollbar-thumb,html.bite-selected::-webkit-scrollbar-thumb{background-color:initial;background-color:var(--scrollbar-thumb-bite);border-color:#0000}body.bite-selected :not(html)::-webkit-scrollbar-track,body.bite-selected::-webkit-scrollbar-track,html.bite-selected :not(html)::-webkit-scrollbar-track,html.bite-selected::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track-bite)}html{background:#2a3339}body{box-sizing:border-box;color:#fff;font-family:Outfit,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;margin:0;padding:0}.app{margin:0 auto;padding:1rem}.app-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:0;justify-content:space-between;left:0;margin-bottom:2rem;padding:1.5rem;position:fixed;top:0}.app-header h1{margin:0}.app-header img{height:2rem;width:auto}.controls-container{display:flex;gap:.5rem;justify-content:end}.control-wrapper,.icon-sort{position:relative}.icon-sort{border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid;color:currentColor;display:inline-block;height:0;margin-left:.5rem;top:3px;vertical-align:middle;width:0}.icon-sort:after{background:currentColor;bottom:1px;content:"";height:10px;position:absolute;right:-1px;width:2px}.icon-genre{margin-left:.5rem;position:relative;top:-.5rem;transform-origin:50% 0;width:.75rem}.icon-genre,.icon-genre:after,.icon-genre:before{background:currentColor;display:inline-block;height:.125rem}.icon-genre:after,.icon-genre:before{content:"";left:0;margin:.25rem .125rem;position:absolute;top:0;width:.5rem}.icon-genre:after{margin:.5rem .25rem;width:.25rem}.control-menu{background:#282828;border-radius:.5rem;box-shadow:0 .5rem 1rem #0006;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:start;left:0;padding:.5rem;position:absolute;top:calc(100% + .5rem);z-index:100}.control-menu small{font-size:.7rem;font-style:italic;margin:0 0 .5rem;opacity:.5}.control-menu button{background:#0000;border:1px solid #0000;border-radius:1rem;color:#fff;font-family:inherit;font-size:.8rem;opacity:.5;padding:.35rem .75rem;transition:all .15s ease;white-space:nowrap}.control-menu button:hover{background:#474747}.control-menu button.selected{background:#fff;color:#000;opacity:1}button{cursor:pointer}.genre-filter-bar{align-items:center;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end;margin:2rem 0 1rem}.genre-filter-bar span{color:#6198fd;font-size:.8rem;font-style:italic;margin:0 1rem;opacity:1}.genre-filter-bar .control-btn.selected{background:#6198fd}.control-btn{background:hsla(0,0%,100%,.071);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;opacity:.5;padding:.4rem .9rem;transition:all .15s ease}.control-btn:hover{opacity:1}.control-btn.active{background:#fff;color:#000;opacity:1}.control-btn.active.genre-filter-btn .icon-genre{right:2px;top:-.25rem;transform:rotate(45deg);width:1rem}.control-btn.active.genre-filter-btn .icon-genre:before{margin:0;transform:rotate(90deg);width:1rem}.control-btn.active.genre-filter-btn .icon-genre:after{display:none}.control-btn.selected{background:#fff;color:#0e1215;opacity:1}.genre-filter-btn{align-items:center;display:flex;justify-content:space-between;width:4.25rem}.genre-filter-btn>*{width:1.25rem}.book-list{display:flex;flex-wrap:wrap;gap:2vw;justify-content:start;padding:2rem 3vw}.book-card-container{display:flex;position:relative}.book-card-container.book-card-container-selected .book-card{filter:none!important;opacity:1!important;outline:3px solid;pointer-events:none}.book-card{box-sizing:border-box;cursor:pointer;height:256px;line-height:1.2;outline:0 solid;outline-offset:-1px;padding:11cqh 1cqh 0;position:relative;text-align:center;transition:filter .2s ease,padding-top .2s ease,outline .2s ease;width:171px}.book-card .book-card-tilt{inset:0;position:absolute;z-index:1}.book-card .book-card-bg{border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:0}.book-card .book-card-bg .image-container{box-shadow:0 .5rem .5rem #0000004f;transition:filter .2s ease}.book-card .book-card-fg{box-sizing:border-box;inset:0;padding:6rem 1rem 0;position:absolute;z-index:1}.book-card:hover{padding-top:5rem}.book-card:hover .book-card-footer{opacity:1}.book-card:hover .book-card-bg .image-container{filter:saturate(1.25) contrast(1.05) brightness(1.05)}.book-card .book-card-category{word-spacing:10rem}.book-card .book-card-publish-date{min-width:2.5rem;text-align:right;word-spacing:-.125rem}.book-card .book-title{font-size:1.25rem;font-weight:300;margin:0;transition:opacity .25s ease}.book-card .book-title small{font-size:.75rem}.book-card p{font-size:.8rem;line-height:1.2;opacity:.6;transition:opacity .25s ease}.book-card img{height:100%;object-fit:cover;width:100%}.letter-header{font-size:1.1rem;left:.5rem;margin:0 1.5rem 0 -1.5rem;opacity:.2;position:relative;text-align:right;top:-1rem;width:0}.card{text-shadow:0 2px 6px #000c,0 0 20px #0006}.card,.card>*{position:relative}.card>*{z-index:1}.card.book-header-fg:hover .double-wrap-overlay,.card.book-header-fg:hover .double-wrap-real{opacity:.39}.double-wrap-overlay{mix-blend-mode:overlay;transition:opacity .6s ease}.double-wrap-real{opacity:.3;text-shadow:none;transition:opacity .6s ease}.image-container{background:#000;border-radius:.5rem;overflow:hidden;z-index:0}.image-container,.image-container img{height:100%;left:0;position:absolute;top:0;width:100%}.image-container img{object-fit:cover}.image-overlay{background:#6198fd;height:100%;left:0;mix-blend-mode:soft-light;opacity:.3;position:absolute;top:0;width:100%;z-index:2}.image-low{filter:blur(3px);z-index:0}.image-high{z-index:1}.book{display:flex;justify-content:start;margin:0 auto;padding:0}.book-header{--book-header-left:calc(4rem + 3vw);--book-header-width:min(55vh,32vw);--book-header-height:min(85vh,48vw);font-size:2cqh;height:var(--book-header-height);left:var(--book-header-left);overflow:visible;padding:1rem;position:relative;text-align:center;top:8vh;transition:width .3s ease,height .3s ease,top .3s ease,left .3s ease;width:var(--book-header-width)}.book-header,.book-header .book-header-controls{box-sizing:border-box;display:flex;flex-direction:column}.book-header .book-header-controls{align-items:center;bottom:2cqh;gap:1.5cqh;justify-content:center;left:0;padding:0 1.5cqh;pointer-events:auto;position:absolute;right:0;z-index:2}.book-header .book-header-controls .selected-bite-control{background:#0000;border:none;border-radius:500px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:2cqh;height:5cqh;margin-top:0;opacity:1;-webkit-user-select:none;user-select:none;width:5cqh}.book-header .book-header-controls .selected-bite-control:hover:not(:disabled){background:#ffffff80;border-color:#fff6}.book-header .book-header-controls .selected-bite-control:disabled{cursor:not-allowed;opacity:0!important}.book-header .book-header-controls .selected-bite-control.book-audio-player-play{background:#fff;color:#000;height:7cqh;width:7cqh}.book-header .book-header-controls .selected-bite-control.book-audio-player-play:hover:not(:disabled){background:#ffffffe6}.book-header .book-header-controls .selected-bite-control.book-audio-player-play:disabled{opacity:.35!important}.book-header .book-header-controls .selected-bite-control.book-audio-player-speed-hold{border-radius:0;height:auto;width:auto}.book-header .book-header-controls .selected-bite-control.book-audio-player-speed-hold:hover:not(:disabled){background:#0000}.book-header .book-header-controls .selected-bite-control.selected-card-close{border-radius:2cqh;color:#fff;cursor:pointer;font-family:inherit;font-size:1.5cqh;font-weight:500;font-weight:900;margin:-3cqh auto 0;padding:1cqh 2cqh;transition:all .2s ease;width:auto}.book-header .book-cover{border-radius:.5rem;height:33rem;margin:1rem auto;object-fit:cover;width:22rem}.book-header .book-header-bg .image-container{transition:filter .2s ease,border-radius .2s ease,box-shadow .2s ease}.book-header.bite-selected{height:100vh;left:0;top:0;width:calc(var(--book-header-left) + var(--book-header-width))}.book-header.bite-selected .book-header-bg .image-container{border-radius:0;box-shadow:0 0 0 #0000;filter:grayscale(.5) contrast(.8) brightness(.5)}.book-header-bg{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.book-header-bg .image-container{border-radius:2.5vh;box-shadow:0 0 1rem #000}.book-header-fg{display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:absolute;text-align:center;z-index:1}.book-header-fg .book-author,.book-header-fg .book-title{bottom:15cqh;box-sizing:border-box;font-size:3.5cqh;left:0;line-height:1;padding:3cqh;position:absolute;width:100%}.book-header-fg .book-author{font-size:2.5cqh;opacity:1;transform:translateY(calc(100% - 5cqh))}.book-header-fg .bite-chapter{box-sizing:border-box;font-size:1.5cqh;font-style:italic;left:auto;opacity:.3;position:absolute;right:2.5cqh;text-align:right;top:2.5cqh;width:auto;z-index:2}.book-header-fg .bite-chapter img{display:inline-block;height:1.1em;margin-right:.35em;vertical-align:-.15em;width:auto}.book-content{column-gap:0;display:flex;flex-wrap:wrap;gap:1rem;height:-webkit-fit-content;height:fit-content;justify-content:start;padding-bottom:20vh;padding-left:calc(6rem + 70vh);padding-top:4vh;row-gap:2rem}.books-sorted-by-date .letter-header{font-size:.8rem;left:.25rem;top:-1.5rem;white-space:nowrap}.book-card-footer{align-items:end;bottom:0;box-sizing:border-box;display:flex;font-size:.75rem;font-weight:300;justify-content:space-between;left:0;line-height:1rem;opacity:0;padding:.75rem;position:absolute;text-align:left;transition:opacity .3s ease;width:100%}.book-part{border-radius:.5rem;height:-webkit-min-content;height:min-content;margin-right:5rem;padding:.75rem;position:relative;width:-webkit-fit-content;width:fit-content}.book-part,.part-title{display:flex;flex-direction:column}.part-title{align-items:start;box-sizing:border-box;font-size:1.5rem;font-weight:300;font-weight:900;gap:.5rem;justify-content:center;line-height:1.5rem;padding:1rem 1rem 1rem 0;width:12rem;width:100%}.part-title small{font-family:monospace;font-size:1.2rem;font-style:italic;font-weight:300;letter-spacing:-15%;opacity:.4}.part-title-text-small{font-size:1.2rem}.part-title-emoji{display:inline-block;filter:grayscale(1) contrast(2) brightness(1.5);font-family:Noto Emoji,sans-serif;font-size:300%;font-weight:300;margin:-2rem -2rem 0 1rem;opacity:.15}.part-bites{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 -1rem}.bite-container{cursor:pointer;position:relative;top:0;transform-origin:100% 100%;transition:top .1s ease,transform .1s ease}.bite-container img{transition:filter .1s ease}.book-content-container.stacked-view{display:flex;justify-content:space-evenly}.book-content.stacked-view .part-bites:not(:has(.bite-container:hover))>.bite-container:first-child{transform:scale(1.025)}.book-content.stacked-view .part-bites:not(:has(.bite-container:hover))>.bite-container:first-child img{filter:saturate(1) contrast(1)}.book-content.stacked-view .part-bites .bite-container{width:5rem}.book-content.stacked-view .part-bites .bite-container img{filter:saturate(1.5) contrast(.5) brightness(.7)}.book-content.stacked-view .part-bites .bite-container:first-child{z-index:10}.book-content.stacked-view .part-bites .bite-container:nth-child(2){z-index:9}.book-content.stacked-view .part-bites .bite-container:nth-child(3){z-index:8}.book-content.stacked-view .part-bites .bite-container:nth-child(4){z-index:7}.book-content.stacked-view .part-bites .bite-container:nth-child(5){z-index:6}.book-content.stacked-view .part-bites .bite-container:nth-child(n+6){z-index:5}.book-content.stacked-view .part-bites .bite-container:has(~.bite-container:hover) .bite-bg{box-shadow:-.5rem 0 .5rem rgba(7,7,7,.659)}.book-content.stacked-view .part-bites .bite-container:has(+.bite-container+.bite-container+.bite-container+.bite-container:hover){z-index:16!important}.book-content.stacked-view .part-bites .bite-container:has(+.bite-container+.bite-container+.bite-container:hover){z-index:17!important}.book-content.stacked-view .part-bites .bite-container:has(+.bite-container+.bite-container:hover){z-index:18!important}.book-content.stacked-view .part-bites .bite-container:has(+.bite-container:hover){z-index:19!important}.book-content.stacked-view .part-bites .bite-container:last-child{margin-right:13rem}.book-content.stacked-view .part-bites .bite-container .bite-fg{mix-blend-mode:overlay}.book-content.stacked-view .part-bites .bite-container:hover{transform:scale(1.025);z-index:20!important}.book-content.stacked-view .part-bites .bite-container:hover .bite-fg{mix-blend-mode:normal}.book-content.stacked-view .part-bites .bite-container:hover img{filter:saturate(1) contrast(1)}.book-content.stacked-view .part-bites .bite-container:hover:not(:first-child) .bite-bg{box-shadow:.5rem 0 .5rem rgba(7,7,7,.659),-.5rem 0 .5rem rgba(7,7,7,.659)}.book-content.stacked-view .part-bites .bite-container:hover .show-on-hover,.book-content.stacked-view .part-bites .bite-container:hover .show-on-hover-or-select{opacity:1}.book-content.stacked-view .part-bites .bite-container:hover+.bite-container{z-index:19!important}.book-content.stacked-view .part-bites .bite-container:hover+.bite-container+.bite-container{z-index:18!important}.book-content.stacked-view .part-bites .bite-container:hover+.bite-container+.bite-container+.bite-container{z-index:17!important}.book-content.stacked-view .part-bites .bite-container:hover+.bite-container+.bite-container+.bite-container+.bite-container{z-index:16!important}.bite-title{font-size:1.2rem;margin:0;padding-right:1rem;text-align:center;top:1rem;width:100%;z-index:1}.show-on-hover,.show-on-hover-or-select{opacity:0;transition:opacity .1s ease}.bite{aspect-ratio:2/3;border-radius:.5rem;box-sizing:border-box;font-size:.9rem;height:auto;margin-bottom:1rem;overflow:visible;position:relative;width:18rem}.bite img{height:100%;object-fit:cover;width:100%}.bite-bg{box-shadow:.5rem 0 .5rem rgba(7,7,7,.659);overflow:hidden;pointer-events:none;transition:box-shadow .1s ease}.bite-bg,.bite-fg{border-radius:inherit;inset:0;position:absolute}.bite-fg{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:4.5rem 2.75rem}.bite-title-emoji{margin-right:.5rem}.bite-read{bottom:1.5rem;color:#9bb3ff;font-family:monospace;font-size:.75rem;font-weight:300;left:1.5rem;letter-spacing:-1px;margin-top:-1rem;text-align:center;text-align:left}.bite-number,.bite-read{position:absolute;width:100%}.bite-number{align-items:center;bottom:0;box-sizing:border-box;display:flex;font-size:1.2rem;font-weight:900;gap:.5rem;justify-content:end;padding:1.25rem 1.5rem;right:0;text-align:right;text-shadow:0 .1rem .3rem #000}.bite-number small{font-weight:300;opacity:0}.book-background-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;position:fixed;top:0;width:100%;z-index:-1}.book-background-container .image-container{filter:blur(10px) saturate(2) contrast(.4) brightness(.9);height:200%;opacity:.5;top:-30%;z-index:-1}@media(max-width:768px){.app{padding:.5rem}.app-header{align-items:stretch;flex-direction:column;margin-bottom:1rem}.app-header h1{font-size:1.5rem}.app-container.has-book .book-layer.visible{inset:auto;min-height:100vh;position:relative}.book-background-container{display:none}.controls-container{justify-content:end;margin-bottom:1rem}.control-btn{font-size:.8rem;padding:.35rem .75rem}.genre-filter-btn{min-width:4.25rem;width:auto}.genre-filter-bar{justify-content:flex-end;margin:-.5rem 0 2rem;padding-left:3rem}.genre-filter-bar span{text-align:right;width:100%}.book-list{gap:1rem}.book-card{height:12rem;padding:6rem .5rem .5rem;width:8rem}.book-card .book-title{font-size:1rem}.book{flex-direction:column}.book-header{--book-header-height:56.25vw;--book-header-left:0;aspect-ratio:16/9;container-type:size;height:var(--book-header-height);left:0;margin:0 auto .5rem;overflow:hidden;padding:0;top:0;width:100%}.book-header .book-header-bg .image-container{border-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 45%,#000000d9 75%,#0003);mask-image:linear-gradient(180deg,#000 45%,#000000d9 75%,#0003);top:0}.book-header .book-header-fg{justify-content:flex-end;padding-bottom:3.5rem}.book-header .book-header-fg .book-title{bottom:2.75rem;box-sizing:border-box;font-size:1.1rem;left:0;line-height:1.1;padding:0 1rem;position:absolute;width:100%}.book-header .book-header-fg .book-author{bottom:1.5rem;font-size:.85rem;left:0;opacity:.75;padding:0 1rem;position:absolute;transform:none;width:100%}.book-header .book-header-controls{left:0;padding:0 1rem;pointer-events:auto;position:fixed;right:0;z-index:24}.book-header:not(.bite-selected) .book-header-controls{bottom:auto;top:calc(1.25rem + 56.25vw)}.book-header.bite-selected{height:0;left:0;margin:0;min-height:0;overflow:visible;padding:0;top:0;width:100%}.book-header.bite-selected .book-header-bg,.book-header.bite-selected .book-header-fg{display:none}.book-header.bite-selected .book-header-controls{bottom:0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom, 0px));top:auto}.book-header .book-info-cta{border-radius:2rem;font-size:.8rem;padding:.45rem .9rem}.book-content{padding:0;width:100%}.book-part{box-sizing:border-box;margin-right:0;padding:0 0 0 1.25rem;width:100%}.part-title{font-size:1.25rem;height:auto;margin:0 0 .5rem}.part-title-emoji{font-size:250%;right:.5rem;top:1.75rem}.part-bites{gap:.5rem;margin:0}.book-content.stacked-view{box-sizing:border-box;padding:0;width:100%}.book-content.stacked-view .book-part{--mobile-bite-width:calc(15.4rem/var(--bite-fit-factor, 1.375)*var(--bite-part-scale, 1));--mobile-bite-stride:calc(var(--mobile-bite-width)*var(--bite-overlap-ratio, 0.125))}.book-content.stacked-view .part-bites{flex-wrap:nowrap;gap:0;margin:0}.book-content.stacked-view .bite-container{flex:0 0 var(--mobile-bite-stride);width:var(--mobile-bite-stride)}.book-content.stacked-view .bite-container:last-child{margin-right:calc(var(--mobile-bite-width) - var(--mobile-bite-stride))}.book-content.stacked-view .bite{aspect-ratio:2/3;font-size:calc(var(--mobile-bite-width)*.061);height:auto;max-width:var(--mobile-bite-width);width:var(--mobile-bite-width)}.book-content.stacked-view .bite-fg{padding:calc(var(--mobile-bite-width)*.054) calc(var(--mobile-bite-width)*.071)}.control-menu{left:0;max-width:calc(100vw - 2rem);right:auto}.control-btn-back{position:relative;z-index:1}.selected-card-container{box-sizing:border-box;height:100dvh;inset:0;left:0;padding:0 0 9rem;position:fixed;top:0;z-index:23}.selected-bite-stage,.selected-card-container{align-items:center;justify-content:center;width:100%}.selected-bite-stage{container-type:size;display:flex;height:100%;max-height:calc(100dvh - 10rem);max-width:94vw}.bite-page-flip-scene,.selected-bite-stage .selected-bite{aspect-ratio:2/3;height:min(100cqh,150cqw);max-height:100%;max-width:100%;width:min(100cqw,66.6666666667cqh)}}.app-header-logo{align-items:center;display:flex;gap:0;position:relative;transition:gap .3s ease;-webkit-user-select:none;user-select:none}.app-header-logo:after{background:#fff;bottom:0;content:"";height:4.5px;left:10px;position:absolute;transition:width .3s ease;width:4rem}.app-header-logo .app-header-logo-b{left:3.1rem;position:relative;transition:left .3s ease}.app-header-logo .logo-smalls{bottom:0;position:absolute;transform-origin:0 100%;transition:left .3s ease,transform .3s ease}.app-header-logo .logo-smalls.app-header-logo-ore{left:.375rem}.app-header-logo .logo-smalls.app-header-logo-ites{left:5.425rem}.app-header-in-book{cursor:pointer;display:flex;left:0;position:fixed;top:0;z-index:1000}.app-header-in-book .control-btn-back{opacity:1}.app-header-in-book .app-header-logo:after{width:50%}.app-header-in-book .app-header-logo .app-header-logo-b{left:-4px}.app-header-in-book .app-header-logo .logo-smalls{transform:scale(0)}.app-header-in-book .app-header-logo .logo-smalls.app-header-logo-ites{left:0}.app-header-in-book .app-header-book-title{align-items:center;display:flex;font-size:1rem;font-weight:900;height:2rem;line-height:1.1;margin:0;max-width:calc(100vw - 5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-in-book:hover{filter:brightness(.8)}.app-header-in-book:hover .control-btn-back{transform:translateX(.25rem)}.book-header-container{display:flex;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2;z-index:22}.book-header-container>*{pointer-events:auto}.book-content-container.grid-view,.book-content.grid-view{display:none}.book-content.grid-view{box-sizing:border-box;flex-direction:column;flex-wrap:nowrap;gap:2rem;height:calc(100vh - 19rem);margin-top:19rem;overflow-y:scroll;padding:3rem 1.5rem 3rem 3rem;width:-webkit-min-content;width:min-content}.book-content.grid-view .book-part{align-items:center;flex-direction:column;justify-content:center;margin:0;padding:1rem 0}.book-content.grid-view .book-part .part-title{height:auto;line-height:1rem;margin:1rem 0 .5rem -.5rem;padding:0;width:9rem}.book-content.grid-view .book-part .part-title-emoji{bottom:auto;opacity:.1;position:absolute;right:2rem;top:3rem}.book-content.grid-view .part-bites{gap:.75rem;margin:.5rem 0 0;padding:0 .5rem}.book-content.grid-view .part-bites .bite{font-size:.6rem;height:9rem;margin:0;width:6rem}.book-content.grid-view .part-bites .bite .bite-bg{box-shadow:0 .3rem .5rem #0707074d}.book-content.grid-view .part-bites .bite .bite-number{height:100%;justify-content:center;opacity:0;transition:opacity .3s ease}.book-content.grid-view .part-bites .bite .bite-chapter,.book-content.grid-view .part-bites .bite .bite-number small{display:none}.book-content.grid-view .part-bites .bite img{filter:brightness(.7) saturate(0) contrast(.6);transition:filter .1s ease}.book-content.grid-view .part-bites .bite.selected img,.book-content.grid-view .part-bites .bite:hover img{filter:none}.book-content.grid-view .part-bites .bite:hover:not(.selected){z-index:1}.book-content.grid-view .part-bites .bite:hover:not(.selected) img{filter:brightness(1) saturate(.5) contrast(1)}.book-content.grid-view .part-bites .bite:hover:not(.selected) .bite-number{opacity:1}.book-content.grid-view .part-bites .bite.selected{pointer-events:none}.book-content.grid-view .part-bites .bite.selected .bite-number{opacity:1}.book-content.grid-view .part-title{font-size:1rem;height:2.5rem;line-height:.75rem;margin:0}.of-total{font-size:35%!important;padding-right:.1cqh;position:absolute;top:9cqh}.bite-title-number,.of-total{display:none}.selected-bite{aspect-ratio:2/3;box-sizing:border-box;container-type:size;overflow:visible;position:relative;width:min(55vh,40vw)}.selected-bite .selected-bite-bg{inset:0;position:absolute;-webkit-user-select:none;user-select:none}.selected-bite .selected-bite-bg:after{border-radius:2rem;box-shadow:0 0 1rem #000;content:"";inset:0;opacity:1;pointer-events:none;position:absolute}.selected-bite .selected-bite-fg{display:flex;flex-direction:column;inset:0;justify-content:space-between;position:absolute;z-index:1}.selected-bite .selected-bite-bg .image-container{border-radius:2rem;inset:0}.selected-bite .of-total{display:block}.selected-bite .show-on-hover-or-select,.selected-bite .show-on-select{opacity:1}.selected-bite .bite-number{font-size:4cqh;gap:1.5cqh;padding:4cqh 4.7cqh}.selected-bite .bite-number small{font-size:100%}.selected-bite .bite-title{box-sizing:border-box;font-size:4.2cqh;left:0;position:absolute;text-align:left}.selected-bite .bite-title-number{border:.2cqh solid hsla(0,0%,100%,.278);border-radius:50%;bottom:.5cqh;box-sizing:border-box;display:inline-block;font-size:60%;height:6cqh;margin:6cqh 3cqh 0 0;padding-top:2.7cqh;position:relative;text-align:center;width:6cqh}.selected-bite .bite-title-emoji{margin:0 -2.8cqh 0 5cqh;position:relative;top:3cqh;z-index:1}.selected-bite .bite-title-emoji,.selected-bite .bite-title-number{animation:bite-title-meta-in .35s ease-out .45s forwards;opacity:0}.selected-bite .bite-title-text{opacity:0;transition:opacity .35s ease-out}.selected-bite.bite-title-text-revealed .bite-title-emoji,.selected-bite.bite-title-text-revealed .bite-title-number{animation:none;opacity:1}.selected-bite.bite-title-text-revealed .bite-title-text{opacity:1}.selected-bite .bite-the-end{bottom:-5cqh;color:hsla(0,0%,100%,.478);font-size:2cqh;font-style:italic;font-weight:900;padding:2cqh 3cqh;position:absolute;right:0cqh;text-shadow:none;transform:skewX(354deg);transition:color .35s ease-out}.selected-bite .bite-the-end.bite-the-end-accent{color:#6198fd;color:var(--accent-color)}.selected-bite .bite-text{-webkit-text-stroke:1cqh color-mix(in srgb,#6198fd 15%,#000);-webkit-text-stroke:1cqh color-mix(in srgb,var(--accent-color) 15%,#000);border-radius:0 0 2rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;font-size:2.5cqh;font-weight:500;height:80%;justify-content:center;line-height:1.55;margin-top:auto;padding:8cqh 8cqh 8cqh 11cqh;paint-order:stroke;position:relative;width:100%}.selected-bite .bite-text .bite-text-inner{display:flex;flex-direction:column;gap:1.5cqh;justify-content:center;width:100%}.selected-bite .bite-text .bite-text-sync{display:contents}.selected-bite .bite-text strong{color:#6198fd;color:var(--accent-color);font-weight:900}.selected-bite .bite-text strong.bite-bold-nowrap{white-space:nowrap}.selected-bite .bite-text .bite-word{-webkit-text-stroke-color:color-mix(in srgb,#6198fd 15%,#000);-webkit-text-stroke-color:color-mix(in srgb,var(--accent-color) 15%,#000);opacity:0;transition:-webkit-text-stroke-color .15s ease-out,opacity .15s ease-out}.selected-bite .bite-text .bite-word.spoken{opacity:1}.selected-bite .bite-text .bite-word.active{-webkit-text-stroke-color:#6198fd;-webkit-text-stroke-color:var(--accent-color);position:relative}.selected-bite .bite-text strong .bite-word.active{-webkit-text-stroke-width:.9cqh;color:#fff}.selected-bite .bite-text p{text-wrap:balance;text-wrap-style:balance;margin:0;margin-top:var(--p-margin-top,0)}.selected-bite .bite-text p:first-child{margin-top:0}.selected-bite-controls-container{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:1cqh;justify-content:center;padding:0 1.5cqh;width:100%}.book-audio-player{display:flex;flex-direction:column;gap:1.2cqh;opacity:.35;transition:opacity .2s ease;width:100%}.book-audio-player.book-audio-player-ready{opacity:1}.book-audio-player-progress-container{align-items:center;display:flex;height:1.2cqh;position:relative;width:100%}.book-audio-player-progress{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100%;margin:0;position:relative;width:100%;z-index:1}.book-audio-player-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffffffe6 0,#ffffffe6 0,#ffffff40 0,#ffffff40);background:linear-gradient(to right,#ffffffe6 0,#ffffffe6 calc(var(--progress, 0)*100%),#ffffff40 calc(var(--progress, 0)*100%),#ffffff40 100%);border-radius:.2cqh;height:.4cqh}.book-audio-player-progress::-moz-range-track{background:#ffffff40;border-radius:.2cqh;height:.4cqh}.book-audio-player-progress::-moz-range-progress{background:#ffffffe6;border-radius:.2cqh;height:.4cqh}.book-audio-player-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:none;border-radius:50%;box-shadow:0 .1cqh .3cqh #0000004d;height:1.2cqh;margin-top:-.4cqh;width:1.2cqh}.book-audio-player-progress::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 .1cqh .3cqh #0000004d;height:1.2cqh;width:1.2cqh}.book-audio-player-progress:disabled{cursor:default;opacity:.5}.book-audio-player-bite-markers{height:0;left:.75cqh;pointer-events:none;position:absolute;right:.4cqh;top:50%;z-index:2}.book-audio-player-bite-marker{background:hsla(0,0%,100%,.231);border-radius:.1cqh;height:.4cqh;position:absolute;top:-.2cqh;transform:translateX(-50%);width:.2cqh}.book-audio-player-times{align-items:center;display:flex;justify-content:space-between;margin-top:-.6cqh;width:100%}.book-audio-player-primary{gap:4cqh}.book-audio-player-primary,.book-audio-player-secondary{align-items:center;display:flex;justify-content:center;width:100%}.book-audio-player-secondary{gap:3cqh}.book-audio-player-play{align-items:center;background:#fff;border-radius:50%;color:#000;display:flex;flex-shrink:0;height:7cqh;justify-content:center;margin-top:0;opacity:1;width:7cqh}.book-audio-player-play img{display:block;height:1.1em;width:1.1em}.book-audio-player-play:hover:not(:disabled){background:#ffffffe6}.book-audio-player-next,.book-audio-player-prev{align-items:center;display:flex;justify-content:center;margin-top:0;opacity:1}.book-audio-player-next img,.book-audio-player-prev img{display:block;height:1.2em;width:1.2em}.book-audio-player-time{font-feature-settings:"tnum";flex-shrink:0;font-size:1.2cqh;font-variant-numeric:tabular-nums;min-width:2.8em;opacity:.7}.book-audio-player-slider{min-width:0}.book-audio-player-volume-group{align-items:center;display:flex;gap:.8cqh;min-width:8cqh}.book-audio-player-volume{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;flex:1 1;height:.8cqh;width:6cqh}.book-audio-player-volume::-webkit-slider-runnable-track{background:#ffffff40;border-radius:.15cqh;height:.3cqh}.book-audio-player-volume::-moz-range-track{background:#ffffff40;border-radius:.15cqh;height:.3cqh}.book-audio-player-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:none;border-radius:50%;height:.8cqh;margin-top:-.25cqh;width:.8cqh}.book-audio-player-volume::-moz-range-thumb{background:#fff;border:none;border-radius:50%;height:.8cqh;width:.8cqh}.book-audio-player-volume-icon{display:block;flex-shrink:0;height:1.6cqh;width:1.6cqh}.book-audio-player-speed{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:1.6cqh;font-weight:600;padding:0}.book-audio-player-speed:disabled{cursor:not-allowed;opacity:.4}.book-audio-player-speed-hold{align-items:center;background:#0000;border-radius:0;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;font-size:1cqh;font-weight:500;gap:.2cqh;height:auto;justify-content:center;margin-top:0;min-width:0;opacity:1;padding:0;width:auto}.book-audio-player-speed-hold img{display:block;height:1.8cqh;width:1.8cqh}.book-audio-player-speed-hold:hover:not(:disabled){background:#0000}.book-audio-player-speed-hold.book-audio-player-speed-hold-active{color:#6198fd;color:var(--accent-color);opacity:1;transform:scale(1.08)}.selected-card-container{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;margin:0 auto;padding-left:calc(4rem + 55vh + 3vw);position:fixed;width:100%}.selected-bite-stage{aspect-ratio:2/3;position:relative;width:min(55vh,40vw)}.selected-bite-stage .selected-bite{height:100%;width:100%}.bite-page-flip-scene .selected-bite-bg:after{transition:opacity .6s ease-in-out}.bite-page-flip-scene--next:not(.bite-page-flip-scene--animating) .bite-page-flip-under .selected-bite-bg:after{opacity:0}.bite-page-flip-scene--next.bite-page-flip-scene--animating .bite-page-flip-under .selected-bite-bg:after{opacity:1}.bite-page-flip-scene--next.bite-page-flip-scene--animating .bite-page-flip-leaf .selected-bite-bg:after,.bite-page-flip-scene--prev:not(.bite-page-flip-scene--animating) .bite-page-flip-leaf .selected-bite-bg:after{opacity:0}.bite-page-flip-scene--prev.bite-page-flip-scene--animating .bite-page-flip-leaf .selected-bite-bg:after{opacity:1}.bite-page-flip-scene--open:not(.bite-page-flip-scene--animating) .bite-page-flip-leaf .selected-bite-bg:after,.bite-page-flip-scene--prev.bite-page-flip-scene--animating .bite-page-flip-under .selected-bite-bg:after{opacity:0}.bite-page-flip-scene--open.bite-page-flip-scene--animating .bite-page-flip-leaf .selected-bite-bg:after{opacity:1}.bite-page-flip-scene{height:100%;overflow:visible;perspective:1400px;position:relative;width:100%}.bite-page-flip-under{inset:0;position:absolute;z-index:0}.bite-page-flip-leaf{inset:0;position:absolute;transform-origin:left center;transform-style:preserve-3d;transition:transform .6s ease-in-out;z-index:1}.bite-page-flip-leaf--next{opacity:1;transform:rotateY(0deg)}.bite-page-flip-leaf--next.bite-page-flip-leaf--animating{transform:rotateY(-90deg);will-change:transform}.bite-page-flip-leaf--next.bite-page-flip-leaf--next-out.bite-page-flip-leaf--animating{animation:bite-page-flip-next-rotate .8s ease-in-out forwards;transform:none;transition:none;will-change:transform}.bite-page-flip-leaf--next.bite-page-flip-leaf--next-out.bite-page-flip-leaf--animating .bite-page-flip-back--mirrored{animation:bite-page-flip-next-back-fade .8s linear forwards}.bite-page-flip-leaf--prev{transform:rotateY(-90deg)}.bite-page-flip-leaf--prev.bite-page-flip-leaf--animating{transform:rotateY(0deg);will-change:transform}.bite-page-flip-leaf--open{transform:rotateY(90deg)}.bite-page-flip-leaf--open.bite-page-flip-leaf--animating{transform:rotateY(0deg);will-change:transform}.bite-page-flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0;overflow:visible;position:absolute}.bite-page-flip-back{transform:rotateY(180deg)}.bite-page-flip-back--mirrored .selected-bite{transform:scaleX(-1)}@keyframes bite-title-meta-in{0%{opacity:0}to{opacity:1}}@keyframes bite-page-flip-next-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(-120deg)}}@keyframes bite-page-flip-next-back-fade{0%,72.5%{opacity:.8}to{opacity:0}}.bite-page-flip-scene .selected-bite{height:100%;width:100%}.selected-bite-controls{align-items:center;display:flex;gap:2cqh;justify-content:center}.caret{display:inline-block;height:.45em;position:relative;vertical-align:middle;width:.5em}.caret:after,.caret:before{background:currentColor;border-radius:1px;bottom:0;content:"";height:120%;margin:-1px;position:absolute;width:2px}.caret:before{left:auto;right:50%;transform:rotate(-45deg);transform-origin:bottom right}.caret:after{left:50%;right:auto;transform:rotate(45deg);transform-origin:bottom left}.caret.caret--up{transform:rotate(180deg)}.caret.caret--left{transform:rotate(90deg)}.caret.caret--right{transform:rotate(-90deg)}.selected-bite-count{align-items:center;display:flex;flex-direction:column;font-size:2cqh;font-weight:300;justify-content:center}.selected-bite-count span{font-size:4cqh;font-weight:900;margin:-1cqh 0;text-align:center;width:7cqh}.selected-bite-count small{opacity:.2}@keyframes subtle-glow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 20px #ffffff1a}50%{box-shadow:0 4px 20px #0000004d,0 0 30px #ffffff4d}}.book-info-cta{align-items:center;animation:subtle-glow 3s ease-in-out infinite;background:#6198fd;background:var(--accent-color);border:none;border-radius:6cqh;box-shadow:0 4px 20px #0000004d,0 0 20px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:2.5cqh;font-weight:600;font-weight:900;gap:1cqh;letter-spacing:.05em;padding:2cqh 3cqh;transition:all .3s ease}.book-info-cta small{font-weight:300}.book-info-cta:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#ffffff80;box-shadow:0 6px 30px #0006;transform:scale(1.08) translateY(-2px)}.book-info-cta:active{transform:scale(1.02)}.image-collage{background-position:50%;background-size:cover;filter:blur(10px) saturate(2) contrast(.7) brightness(.9);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.bite-image-and-number{position:relative}.display-contents{display:contents}.books-list-sidebar{animation:books-sidebar-enter .35s ease-out;height:100vh;position:relative;z-index:10}.books-list-sidebar-inner{animation:books-sidebar-inner-enter .35s ease-out;background:#00000038;box-sizing:border-box;height:100vh;left:0;overflow-y:auto;padding:9rem 0 1rem;position:fixed;top:0;width:5.5rem}.books-list-sidebar-inner .book-list{gap:1rem}.books-list-sidebar-inner .book-card{border-radius:.4rem;filter:brightness(.7) saturate(0) contrast(.6);height:4.2rem;opacity:.75;overflow:hidden;padding:0;width:3rem}.books-list-sidebar-inner .book-card:hover{filter:none;opacity:1}.books-list-sidebar-inner .book-card .image-container{border-radius:0}.books-list-sidebar-inner h3,.books-list-sidebar-inner p{display:none}@keyframes books-sidebar-enter{0%{opacity:.7}to{opacity:1}}@keyframes books-sidebar-inner-enter{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}.book-loading{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.book-loading-spinner{animation:book-loading-spin .8s linear infinite;border:2px solid #fff3;border-radius:999px;border-top-color:#ffffffe6;height:32px;width:32px}@keyframes book-loading-spin{to{transform:rotate(1turn)}}.app-container{min-height:100vh;overflow-x:clip;position:relative;width:100%}.books-layer{display:flex;flex-direction:column;width:100%;z-index:20}.books-layer.full{background:#0000;height:auto;min-height:100vh;opacity:1;overflow:visible;position:relative;width:100%}.books-layer.compact{--books-compact-width:5.5rem;height:100vh;left:0;overflow:hidden;padding-left:.5rem;position:fixed;top:0;width:var(--books-compact-width);z-index:23}.books-layer.compact .books-layer-scroll-clip{overflow-x:clip}.books-layer.compact .books-list-scroll{box-sizing:border-box;opacity:0;pointer-events:none;transform:translateX(calc(var(--books-compact-width)*-1));transition:opacity .3s ease,transform .3s ease;width:100%}.books-layer.compact.books-layer-compact-drawer-snap .books-list-scroll{transition:none}.books-layer.compact:hover .books-layer-scroll-clip,body:has(.books-list-compact-book-header.compact:hover) .books-layer.compact .books-layer-scroll-clip{scrollbar-color:#ffffff59 #0000;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.books-layer.compact:hover .books-layer-scroll-clip::-webkit-scrollbar-thumb,body:has(.books-list-compact-book-header.compact:hover) .books-layer.compact .books-layer-scroll-clip::-webkit-scrollbar-thumb{background-color:#ffffff59;background-color:var(--scrollbar-thumb)}.books-layer.compact:hover .books-list-scroll,body:has(.books-list-compact-book-header.compact:hover) .books-layer.compact .books-list-scroll{opacity:1;pointer-events:auto;transform:translateX(0)}.books-layer.books-layer-bite-selected{display:none}.book-layer{inset:0;min-height:100vh;position:absolute;transition:opacity .45s ease}.book-layer.hidden{opacity:0;pointer-events:none}.book-layer.visible{opacity:1;pointer-events:auto}.book-container-empty{min-height:100vh}.books-list-surface{display:flex;flex-direction:column}.books-list-surface.full{height:auto;margin:0 auto;min-height:0;padding:1rem}.books-list-surface.full .books-layer-scroll-clip,.books-list-surface.full .books-list-scroll{overflow:visible}.books-list-surface.compact{flex:1 1;height:100%;margin:0;max-width:none;min-height:0;padding:0}.books-list-surface.compact .books-layer-scroll-clip{flex:1 1;-webkit-mask-image:linear-gradient(180deg,#0000 6%,#000 8%);mask-image:linear-gradient(180deg,#0000 6%,#000 8%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-gutter:stable;scrollbar-width:thin}.books-list-surface.compact .books-layer-scroll-clip::-webkit-scrollbar{height:0;width:8px}.books-list-surface.compact .books-layer-scroll-clip::-webkit-scrollbar-track{background:#0000}.books-list-surface.compact .books-layer-scroll-clip::-webkit-scrollbar-thumb{background-color:#0000;border-radius:6px}.books-list-surface.compact .books-list-filter-area,.books-list-surface.compact .books-list-header-area{opacity:0;pointer-events:none}.books-list-surface.compact .books-list-header-area{max-height:8rem}.books-list-surface.compact .books-list-filter-area{display:none}.books-list-surface.compact .books-list-scroll{padding:5.5rem 0 1rem}.books-list-surface.compact .book-list{gap:1rem;justify-content:center;padding:0}.books-list-surface.compact:hover .book-card,body:has(.books-list-compact-book-header.compact:hover) .books-list-surface.compact .book-card{opacity:1}.books-list-surface.compact .book-card{border-radius:.4rem;filter:brightness(1.5) saturate(0);height:4.2rem;overflow:hidden;padding:0;transition:opacity .2s ease,filter .2s ease;width:3rem}.books-list-surface.compact .book-card .book-card-bg,.books-list-surface.compact .book-card .book-card-fg,.books-list-surface.compact .book-card .book-card-tilt{border-radius:inherit}.books-list-surface.compact .book-card:hover{filter:none}.books-list-surface.compact .book-card .book-card-bg .image-container{border-radius:0}.books-list-surface.compact .book-card-fg h3,.books-list-surface.compact .book-card-fg p{display:none}.books-list-surface.compact .book-card-footer,.books-list-surface.compact .letter-header{opacity:0!important;pointer-events:none}.books-list-header-area{max-height:20rem;min-height:5rem;overflow:hidden}.books-list-header-area .books-list-filter-area{max-height:12rem;overflow:hidden}.control-btn-back{margin:-.3rem .5rem 0 -.7rem;opacity:0;position:relative;transition:opacity .3s ease,transform .3s ease;z-index:100}.books-mobile-drawer,.books-mobile-menu-btn{display:none}@media(max-width:768px){.app-header.app-header-in-book,.books-list-compact-book-header.compact,.books-list-compact-book-header.compact .app-header{left:auto;margin-bottom:.25rem;position:static;top:auto;z-index:auto}.app-header.app-header-bite-selected,.books-list-compact-book-header.compact .app-header.app-header-bite-selected{background:linear-gradient(180deg,#2a3339 55%,#0000);left:0;margin-bottom:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:35}.books-list-compact-book-header.compact:has(.app-header-bite-selected){left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:35}.books-list-compact-book-header.compact:has(.app-header-bite-selected) .app-header{pointer-events:auto}.book-header-container{height:0;left:auto;overflow:visible;position:static;top:auto;z-index:auto}.book-header.bite-selected{container-type:normal;height:0;inset:0;left:0;margin:0;min-height:0;overflow:visible;padding:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:30}.book-header.bite-selected .book-header-bg,.book-header.bite-selected .book-header-fg{display:none}.book-header.bite-selected .book-header-controls{pointer-events:auto}.selected-card-container{inset:0;bottom:0;height:100dvh;left:0;margin:0;padding:0 1rem 8.5rem;position:fixed;right:0;top:0;z-index:20}.selected-bite-stage,.selected-card-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.selected-bite-stage{container-type:size;height:100%;max-height:calc(100dvh - 10rem);max-width:100%;position:relative}.selected-bite,.selected-bite-stage .selected-bite{position:relative}.bite-page-flip-scene,.selected-bite,.selected-bite-stage .selected-bite{aspect-ratio:2/3;height:min(100cqh,150cqw);max-height:100%;max-width:100%;width:min(100cqw,66.6666666667cqh)}.book-header.bite-selected .book-header-controls{bottom:0;box-sizing:border-box;left:0;padding:0 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:auto;z-index:40}.book-header.bite-selected .book-header-controls .selected-bite-control{font-size:1rem;height:2.5rem;margin-top:0;width:2.5rem}.book-header.bite-selected .book-header-controls .selected-bite-control.book-audio-player-play{height:3rem;width:3rem}.book-header.bite-selected .book-header-controls .selected-bite-control.book-audio-player-speed-hold{height:auto;width:auto}.book-header.bite-selected .book-header-controls .selected-bite-controls-container{gap:.35rem;padding:0;width:100%}.book-header.bite-selected .book-header-controls .book-audio-player{gap:.45rem;width:100%}.book-header.bite-selected .book-header-controls .book-audio-player-primary{gap:1.75rem}.book-header.bite-selected .book-header-controls .book-audio-player-secondary{gap:1.25rem}.book-header.bite-selected .book-header-controls .book-audio-player-play{height:3rem;width:3rem}.book-header.bite-selected .book-header-controls .book-audio-player-time{font-size:.75rem}.book-header.bite-selected .book-header-controls .book-audio-player-volume{width:3.5rem}.book-header.bite-selected .book-header-controls .book-audio-player-volume-icon{height:.9rem;width:.9rem}.book-header.bite-selected .book-header-controls .book-audio-player-speed{font-size:.9rem}.book-header.bite-selected .book-header-controls .book-audio-player-speed-hold{font-size:.65rem}.book-header.bite-selected .book-header-controls .book-audio-player-speed-hold img{height:1rem;width:1rem}.book-header.bite-selected .book-header-controls .selected-bite-count{font-size:1rem}.book-header.bite-selected .book-header-controls .selected-bite-count span{font-size:1.75rem;margin:0;width:auto}.books-mobile-menu-btn{align-items:center;background:hsla(0,0%,100%,.071);border:none;border-radius:2rem;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;gap:.22rem;height:2.5rem;justify-content:center;margin-left:auto;opacity:.85;padding:0;width:2.5rem}.books-mobile-menu-btn span{background:#fff;border-radius:1px;display:block;height:2px;width:1rem}.app-header-has-menu{align-items:center;box-sizing:border-box;flex-direction:row;justify-content:flex-start;padding-right:1rem;width:100%}.app-header-has-menu .app-header-book-title,.app-header-has-menu .app-header-logo{flex:1 1;min-width:0}.books-mobile-drawer{display:block;inset:0;pointer-events:none;position:fixed;visibility:hidden;z-index:45}.books-mobile-drawer.books-mobile-drawer-open{pointer-events:auto;visibility:visible}body.books-mobile-drawer-open,html.books-mobile-drawer-open{overflow:hidden}.books-mobile-drawer-backdrop{background:#0000008c;border:none;cursor:pointer;inset:0;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease}.books-mobile-drawer-open .books-mobile-drawer-backdrop{opacity:1}.books-mobile-drawer-panel{background:#2a3339;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%}.books-mobile-drawer-open .books-mobile-drawer-panel{transform:translateX(0)}.books-mobile-drawer-panel .books-list-surface.full{flex:1 1;height:auto;margin:0;min-height:0;padding:0 1rem 1rem}.books-mobile-drawer-panel .books-list-header-area{max-height:none;min-height:0;overflow:visible}.books-mobile-drawer-panel .books-list-filter-area{display:block;max-height:12rem;overflow:hidden}.books-mobile-drawer-panel .books-layer-scroll-clip{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.books-mobile-drawer-panel .books-list-scroll{overflow:visible}.books-mobile-drawer-panel .book-list{gap:1rem;padding:0}.books-mobile-drawer-panel .book-card{height:12rem;padding:6rem .5rem .5rem;width:8rem}.books-mobile-drawer-panel .book-card-fg h3,.books-mobile-drawer-panel .book-card-fg p,.books-mobile-drawer-panel .book-card-footer,.books-mobile-drawer-panel .letter-header{opacity:1;pointer-events:auto}.books-mobile-drawer-home{align-items:center;align-self:flex-start;display:inline-flex;gap:.35rem;margin:1rem 1rem .5rem;opacity:1}}
/*# sourceMappingURL=main.050865f4.css.map*/