html{scrollbar-gutter:stable}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#111;color:#f5f5f5}#root{max-width:80vw;margin:0 auto;padding:0 1rem}main{min-height:100vh}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000c;z-index:1}.overlay.active{display:block;animation:fade .5s}.overlay.hidden{display:none}header{margin:1.5rem 0;display:flex;align-items:center;justify-content:space-between}header h1{text-align:center;margin:0}header img{width:44px;height:40px}.bookmark-list-container{z-index:1;box-sizing:border-box;position:fixed;padding:1rem 1.5rem;height:100%;width:40vw;top:0;right:0;background-color:#333;color:#e0e0e0;overflow:auto}@media (max-width: 1024px){.bookmark-list-container{width:50vw}}@media (max-width: 500px){.bookmark-list-container{width:80vw}}.bookmark-list-container::-webkit-scrollbar-track{background:rgb(51,51,51)}.bookmark-list-container::-webkit-scrollbar{width:10px}.bookmark-list-container::-webkit-scrollbar-thumb{background:#888}.bookmark-list-container::-webkit-scrollbar-thumb:hover{background:#555}.bookmark-list-container .list-header{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between}.bookmark-list-container .list-header h2{margin:0}.bookmark-list-container .list-books-container{margin:2rem 0}.bookmark-list-container .list-books-container .book-list-available{width:100%;margin:2rem 0;font-size:1.3rem;text-align:center}.bookmark-list-container .list-books-container .book-item{margin:1rem 0;padding:.1rem 1rem;background-color:#202020}.bookmark-list-container .list-books-container .book-item h3{letter-spacing:.05rem}.bookmark-list-container.show{animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}.grid-books-header{margin:2rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}.grid-books-header h2{margin:0}.grid-books-header .select-dropdown{margin:0;padding:0;position:relative;box-sizing:border-box;background-color:#e6e6e6;border-radius:.2rem;cursor:pointer}.grid-books-header .select-dropdown:after{content:"";position:absolute;top:50%;right:8px;width:0;height:0;margin-top:-2px;border-top:5px solid #838383;border-right:5px solid transparent;border-left:5px solid transparent}.grid-books-header .select-dropdown select{font-size:1rem;font-weight:500;font-family:inherit;letter-spacing:.05rem;max-width:100%;padding:7px 28px 7px 12px;border:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.grid-books-header .select-dropdown select:active,.grid-books-header .select-dropdown select:focus{outline:none;box-shadow:none}.grid-books-container{margin:2rem 0;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid-books-container .book-item{text-align:center;cursor:pointer}.grid-books-container .book-item .img-container{box-sizing:border-box;position:relative;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#555555ab;border-radius:.45rem}.grid-books-container .book-item .img-container img{width:85%;aspect-ratio:9/14;object-fit:cover;border-radius:.2rem;-webkit-user-select:none;user-select:none}.grid-books-container .book-item .img-container .bookmark{position:absolute;width:100%;margin:0;bottom:0;padding:.3rem 0;font-weight:500;background-color:#008500;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.grid-books-container .book-item h4{margin:1rem 0}.hidden{visibility:hidden}@keyframes fadeIn{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.bookmark-button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:.1rem}.bookmark-button:hover{background-color:#5e5e5e;cursor:pointer}.bookmark-button:active{background-color:#3f3f3f}.close-button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:.1rem;transition:background-color .3s}.close-button:hover{background-color:#5e5e5e;cursor:pointer}.close-button:active{background-color:#3f3f3f}footer{padding:1rem 0;display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.05rem}footer a:hover svg g{fill:#555555ab;transition:all ease .4s}