body{background:#0e1215;box-sizing:border-box;color:#fff;font-family:Montserrat,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;cursor:pointer;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}.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:#a4ed93;font-size:.8rem;font-style:italic;margin:0 1rem;opacity:1}.genre-filter-bar .control-btn.selected{background:#a4ed93}.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{border-radius:1rem;box-sizing:border-box;cursor:pointer;height:14rem;line-height:1.2;padding:8rem 1rem 1rem;position:relative;text-align:center;transition:filter .1s ease,padding-top .1s ease;width:10rem}.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}.book-card .book-title small{font-size:.75rem}.book-card p{font-size:.8rem;line-height:1.2;opacity:.6}.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{background:#181b1d;text-shadow:0 0 .5rem #000,0 0 .5rem #000,0 0 .5rem #000,0 0 .5rem #000,0 0 .5rem #000}.card,.card>*{position:relative}.card>*{z-index:1}.selected-card{border-radius:1vh;box-shadow:0 0 1rem #000;box-sizing:border-box;height:calc(100vh - 4rem);margin:0 auto;max-height:1536px;max-width:1024px;overflow:hidden;padding:5vh;width:calc(69vh - 4rem)}.image-container{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:#a4ed93;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:space-between;margin:0 auto;max-width:2200px;width:90vw}.book-header{box-sizing:border-box;height:30rem;margin:1rem;padding:1rem;top:1rem;width:20rem}.book-header .book-cover{border-radius:.5rem;height:33rem;margin:1rem auto;object-fit:cover;width:22rem}.book-content{display:flex;flex-wrap:wrap;gap:1rem;height:-webkit-fit-content;height:fit-content;justify-content:start;padding: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-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{background:#0006;border-radius:.5rem;height:-webkit-min-content;height:min-content;overflow:hidden;padding:2rem 2rem 1.75rem;position:relative}.part-title{align-items:center;align-items:start;display:flex;flex-direction:column;font-size:1.5rem;font-weight:300;gap:.5rem;height:4rem;justify-content:center;letter-spacing:-.5px;line-height:1.25rem;margin:0 1rem 1rem}.part-title small{font-size:.8rem;margin-right:.5rem;opacity:.6}.part-title-text-small{font-size:1.2rem}.part-title-emoji{filter:grayscale(1) contrast(2) brightness(1.5);font-family:Noto Emoji,sans-serif;font-size:300%;font-weight:300;opacity:.075;position:absolute;right:1rem;top:2.75rem}.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}.bite-container:hover .bite-chapter,.bite-container:hover .bite-footer,.bite-container:hover .bite-title{opacity:1}.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:hover) .bite-chapter{display:none}.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 .bite-chapter,.book-content.stacked-view .part-bites .bite-container:hover .bite-footer,.book-content.stacked-view .part-bites .bite-container:hover .bite-title{opacity:1}.book-content.stacked-view .part-bites .bite-container:hover .bite-read{opacity:.5}.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{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:1rem 1.25rem;position:relative;transition:box-shadow .1s ease;width:18rem}.bite img{height:100%;object-fit:cover;width:100%}.bite-read{color:#9bb3ff;font-family:monospace;font-size:.75rem;font-weight:300;letter-spacing:-1px;margin-top:-1rem;position:absolute;right:1rem;text-align:center;top:2rem}.bite-chapter,.bite-read,.bite-title{opacity:0;transition:opacity .1s ease}.bite-footer{align-items:center;display:flex;font-size:.8rem;font-weight:900;justify-content:space-between;letter-spacing:-.5px;opacity:.3}.bite-number{font-size:1.2rem}.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;position:static;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}}.book-sticky{height:calc(100vh - 4rem);position:-webkit-sticky;position:sticky;top:2rem}.book-content.grid-view{flex-direction:column;flex-wrap:nowrap;margin-left:3rem;width:-webkit-min-content;width:min-content}.book-content.grid-view .part-bites{gap:0;margin-top:.5rem}.book-content.grid-view .part-bites .bite{box-shadow:0 .3rem .5rem #0707074d;font-size:.6rem;height:12rem;margin:0 0 .5rem;width:8rem}.book-content.grid-view .part-bites .bite .bite-chapter{visibility:hidden}.book-content.grid-view .part-bites .bite img{filter:saturate(.5) contrast(.6) brightness(.4)}.book-content.grid-view .part-bites .bite.selected img{filter:saturate(1) contrast(1)}.book-content.grid-view .part-title{font-size:1rem;height:2.5rem;line-height:.75rem;margin:0}
/*# sourceMappingURL=main.0ea1c416.css.map*/