:root{--accent-color:#6198fd}body{background:#0e1215;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;max-width:1000px;padding:1rem}.app-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.app-header h1{margin:0}.controls-container{display:flex;gap:.5rem}.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:-1rem 0 3rem}.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:center}.book-card-container{display:flex;position:relative}.book-card{box-sizing:border-box;cursor:pointer;height:256px;line-height:1.2;padding:11cqh 1cqh 0;position:relative;text-align:center;transform-origin:top left;transition:filter .2s ease,padding-top .1s ease,width .35s ease,height .35s ease,padding .35s ease,border-radius .35s ease,opacity .35s ease,transform .35s ease;width:171px}.book-card:hover{padding-top:5rem}.book-card:hover .book-card-footer{opacity:1}.book-card:hover .image-container{filter:brightness(.8)}.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}.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{box-sizing:border-box;display:flex;flex-direction:column;font-size:2cqh;height:85vh;justify-content:end;left:calc(4rem + 24vw - 24vh);margin:1rem;padding:1rem;text-align:center;top:5vh;width:55vh}.book-header .book-author,.book-header .book-title{bottom:20vh;box-sizing:border-box;left:0;padding:7vh;position:absolute;width:100%}.book-header .image-container{border-radius:2.5vh;box-shadow:0 0 1rem #000}.book-header .book-cover{border-radius:.5rem;height:33rem;margin:1rem auto;object-fit:cover;width:22rem}.book-content{display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;justify-content:start;margin-left:calc(10vw + 60vh);padding-bottom:20vh}.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-family:monospace;font-size:.625rem;font-weight:300;justify-content:space-between;left:0;letter-spacing:-.5px;line-height:1rem;opacity:0;padding:.75rem;position:absolute;text-align:left;transition:opacity .1s ease;width:100%}.book-part{border-radius:.5rem;display:flex;height:-webkit-min-content;height:min-content;padding:.75rem;position:relative;width:-webkit-fit-content;width:fit-content}.part-title{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;font-size:1.5rem;font-weight:300;font-weight:900;gap:.5rem;justify-content:center;line-height:1.5rem;padding:1rem;width:12rem}.part-title small{font-size:1.2rem;font-weight:300;opacity:.4}.part-title-text-small{font-size:1.2rem}.part-title-emoji{bottom:20rem;filter:grayscale(1) contrast(2) brightness(1.5);font-family:Noto Emoji,sans-serif;font-size:300%;font-weight:300;left:0;opacity:.15;position:absolute}.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;width:100%}.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{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:hover{transform:scale(1.025);z-index:20!important}.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{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-or-select{opacity:0}.bite{border-radius:.5rem;box-shadow:.5rem 0 .5rem rgba(7,7,7,.659);box-sizing:border-box;display:flex;flex-direction:column;font-size:.9rem;height:27rem;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:4.5rem 2.75rem;position:relative;transition:box-shadow .1s ease;width:18rem}.bite img{height:100%;object-fit:cover;width:100%}.bite>:not(.always-show){opacity:0;transition:opacity .1s ease}.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}.double-wrap-real{opacity:.3;text-shadow:none}.double-wrap-overlay{mix-blend-mode:overlay}.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}.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{height:auto;margin:0 auto 5rem;width:100%}.book-header .image-container{-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000 65%);mask-image:linear-gradient(180deg,#000 20%,#0000 65%);top:-10%}.book-content{padding:0;width:100%}.part-title{font-size:1.25rem;height:auto;margin:0 0 2rem}.part-title-emoji{font-size:250%;right:.5rem;top:1.75rem}.part-bites{gap:.5rem;margin:0}.bite-container{width:1.75rem}.bite-container:last-child{margin-right:12.75rem}.bite{font-size:.85rem;height:21rem;padding:.75rem 1rem;width:14rem}.control-menu{left:0;max-width:calc(100vw - 2rem);right:auto}.control-btn-back{position:relative;z-index:1}}.app-header-in-book{display:flex;flex-direction:column-reverse;gap:1rem;left:0;padding:1rem;position:fixed;top:0;z-index:1000}.book-header-container{display:flex;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.book-header-container>*{pointer-events:auto}.book-header-container.selected-header .book-header{align-items:end;border-radius:0 0 1rem 0;box-shadow:-.3rem .25rem .5rem rgba(0,0,0,.569);display:flex;font-size:.625rem;height:19rem;left:5.5rem;margin:0;overflow:hidden;padding:3rem 3rem 3rem 1rem;top:0;width:13rem}.book-header-container.selected-header .book-header .image-container{border-radius:0}.book-header-container.selected-header .book-header .book-title{bottom:0;box-sizing:border-box;height:8rem;margin:0;padding:3rem 2rem 2rem 1.5rem;text-align:left}.book-header-container.selected-header .book-author{display:none}.book-content.grid-view{flex-direction:column;flex-wrap:nowrap;gap:2rem;margin-left:8.5rem;padding:21rem 0 calc(100vh - 33rem);width:-webkit-min-content;width:min-content}.book-content.grid-view .book-part{align-items:center;flex-direction:column;justify-content:center;padding:1rem 0}.book-content.grid-view .book-part .part-title{height:auto;line-height:1rem;margin:3rem 0 .5rem -.5rem;padding:0;width:9rem}.book-content.grid-view .book-part .part-title-emoji{bottom:auto;left:auto;opacity:.1;right:1rem;top:2rem}.book-content.grid-view .part-bites{gap:.75rem;margin:.5rem 0 0;padding:0 .5rem}.book-content.grid-view .part-bites .bite.card{box-shadow:0 .3rem .5rem #0707074d;font-size:.6rem;height:9rem;margin:0;width:6rem}.book-content.grid-view .part-bites .bite.card .bite-number{height:100%;justify-content:center;opacity:0;transition:opacity .3s ease}.book-content.grid-view .part-bites .bite.card .bite-chapter,.book-content.grid-view .part-bites .bite.card .bite-number small{display:none}.book-content.grid-view .part-bites .bite.card img{filter:brightness(.7) saturate(0) contrast(.6);transition:filter .1s ease}.book-content.grid-view .part-bites .bite.card.selected img,.book-content.grid-view .part-bites .bite.card:hover img{filter:brightness(3.5) saturate(.3) contrast(.5)}.book-content.grid-view .part-bites .bite.card:hover:not(.selected){z-index:1}.book-content.grid-view .part-bites .bite.card:hover:not(.selected) img{filter:brightness(1) saturate(.5) contrast(1)}.book-content.grid-view .part-bites .bite.card:hover:not(.selected) .bite-number{opacity:1}.book-content.grid-view .part-bites .bite.card.selected{cursor:default}.book-content.grid-view .part-title{font-size:1rem;height:2.5rem;line-height:.75rem;margin:0}.of-total{display:none;font-size:35%!important;padding-right:.1cqh;position:absolute;top:9cqh}.selected-bite{grid-gap:3vh;border-radius:1vh;box-sizing:border-box;display:grid;gap:3vh;grid-template-columns:55vh 55vh;height:100vh;margin:0 auto;overflow:hidden;padding:9vh 4vh 9vh 15vh}.selected-bite .image-container{border-radius:2rem;box-shadow:0 0 1rem #000;position:relative}.selected-bite .bite-image-and-number{z-index:2}.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;position:absolute;top:8cqh}.selected-bite .bite-chapter{bottom:2cqh;box-sizing:border-box;font-size:1.5cqh;font-style:italic;left:0;opacity:.3;padding:0 4cqh;position:absolute;text-align:right;width:100%}.selected-bite .bite-text{text-wrap-style:balance;background:#0000004a;border-radius:2rem;box-sizing:border-box;font-size:3cqh;font-weight:300;line-height:1.75;max-height:57cqh;padding:1.5cqh 5.5cqh 6cqh;position:relative;text-shadow:none}.selected-bite .bite-text strong{color:#6198fd;color:var(--accent-color);display:inline-flex;font-weight:900;white-space:nowrap}.selected-bite-controls-container{align-items:center;display:flex;flex-direction:column;gap:1cqh;justify-content:center}.selected-card-container{align-items:center;display:flex;flex-direction:column;margin:0 auto}.book-fixed-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:3vh;bottom:0;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:-3vh;padding:4vh 4vh 7vh;position:fixed;right:calc(-11rem + 50% - 55vh);transition:all .2s ease;width:55vh;z-index:100}.book-fixed-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:-2.5cqh;opacity:.2;-webkit-user-select:none;user-select:none;width:5cqh}.book-fixed-controls .selected-bite-control:hover:not(:disabled){background:#ffffff80;border-color:#fff6}.book-fixed-controls .selected-bite-control:disabled{cursor:not-allowed;opacity:0!important}.book-fixed-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-fixed-controls.selected{background:#0000004d;border-radius:3vh;bottom:calc(2rem + 12vh);margin-right:11vh;padding:4vh;width:30vh}.book-fixed-controls>*{pointer-events:auto}.book-fixed-controls>:disabled{cursor:not-allowed;opacity:0!important}.book-fixed-controls:hover .selected-bite-control{opacity:1}.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::-webkit-scrollbar{width:8px}.books-list-sidebar-inner::-webkit-scrollbar-track{background:#0000}.books-list-sidebar-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:red;border:2px solid #0000;border-radius:6px}.books-list-sidebar-inner:hover::-webkit-scrollbar-thumb{background-color:red}.books-list-sidebar-inner{scrollbar-color:#000 #0000;scrollbar-width:thin}.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)}}.bite-right-side{display:flex;flex-direction:column;gap:7cqh;justify-content:space-between}.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{height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-color:#000 #0000;scrollbar-width:thin;transition:width .45s ease,opacity .45s ease,background .45s ease;width:100%;z-index:20}.books-layer.full{background:#0000;left:0;opacity:1;position:fixed;top:0;width:100%}.books-layer.compact{background:#00000038;left:0;opacity:1;position:fixed;top:0;width:5.5rem}.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{min-height:100%;transition:padding .45s ease,max-width .45s ease,margin .45s ease}.books-list-surface.full{margin:0 auto;max-width:1000px;padding:1rem}.books-list-surface.compact{margin:0;max-width:none;padding:0}.books-list-header-area{max-height:8rem;min-height:5rem}.books-list-filter-area,.books-list-header-area{overflow:hidden;transition:opacity .25s ease,max-height .35s ease}.books-list-filter-area{max-height:12rem}.books-list-scroll{transition:padding .45s ease}.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:0 0 1rem;transition-delay:.2s}.books-list-surface.compact .book-list{gap:1rem}.books-list-surface.compact .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-surface.compact .book-card:hover{filter:none;opacity:1}.books-list-surface.compact .book-card .image-container{border-radius:0}.books-list-surface.compact .book-card-footer,.books-list-surface.compact .letter-header,.books-list-surface.compact h3,.books-list-surface.compact p{opacity:0!important;pointer-events:none}.book-list-compact-animated{animation:books-list-slide-to-compact .35s ease-out forwards;transform-origin:left center}@keyframes books-list-slide-to-compact{0%{opacity:0;transform:translateX(0) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}.selected-card-close-fixed{position:fixed;right:1vh;top:1vh;z-index:10}.control-btn-back{position:relative;z-index:100}.books-list-filter-area,.controls-container{display:none}.books-list-header-area{height:8rem}
/*# sourceMappingURL=main.8acfd1f4.css.map*/