:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-height:100vh}h1{text-align:left}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{padding:2rem;text-align:center;width:100%}h1{text-align:left;margin:0}.search-input{max-width:300px;width:100%;padding:12px;height:44px;box-sizing:border-box}.flex{display:flex}.flex-hr{justify-content:space-between;gap:16px}.text-align-left{text-align:left}.mv-16{margin-top:16px;margin-bottom:16px}.status-label{padding:4px 8px;border-radius:30px;box-sizing:border-box;width:fit-content;font-size:12px;display:flex;align-items:center;gap:3px}.status-label-icon{display:flex}.status-label-text{text-transform:capitalize}.status-label-to_read{background:pink}.status-label-reading{background:#90ee90}.status-label-read{background:#add8e6}.tooltip{position:absolute;right:0;width:200px;background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000002b;z-index:1}.tooltip ul{list-style:none;padding:0;margin:0;text-align:left}.tooltip-group{position:relative}.tooltip-item{padding:10px}.tooltip-item:hover{background:#add8e6}.book-card{border:1px solid gray;border-radius:5px;padding:10px;display:grid;grid-template-columns:80px auto;gap:16px}.book-card-header{display:flex;justify-content:space-between}.book-img{height:100%;width:100%}.book-details{margin:8px 0}.ui-drawer-container{height:100vh;width:100vw;position:fixed;right:0;top:0}.ui-drawer-panel{height:100vh;width:100%;background:#fff;position:absolute;z-index:1;overflow:scroll;box-sizing:border-box}.ui-drawer-overlay{height:100%;width:100%;opacity:0;transition:.3s opacity ease}.ui-drawer-header{display:flex;justify-content:space-between;margin-bottom:16px}.is-open .ui-drawer-overlay{opacity:1;background:#00000080}@media only screen and (max-width: 767px){.ui-drawer-panel{bottom:-100%;right:0;transition:.3s bottom ease;padding:32px}.is-open .ui-drawer-panel{bottom:0}}@media only screen and (min-width: 768px){.ui-drawer-panel{width:430px;right:-430px;transition:.3s right ease;padding:32px 20px 32px 32px}.is-open .ui-drawer-panel{right:0}}.button-primary{background:#00f;color:#fff;font-weight:700}.button-ghost{background:transparent}.button-primary,.button-ghost:hover{color:#fff;font-weight:700}.button-ghost:hover{background:#d3d3d3}.form-button{width:100%;margin-top:20px;color:#fff;height:42px}fieldset{border:none;display:flex;flex-direction:column;padding:0}fieldset:not(:last-of-type){margin-bottom:15px}label{margin-bottom:5px}input{height:42px;padding:10px;box-sizing:border-box}.book-list{display:grid;grid-template-columns:1fr;gap:16px}@media only screen and (min-width: 768px){.book-list{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1024px){.book-list{grid-template-columns:1fr 1fr 1fr}}.loading-view{position:absolute;top:0;left:0;height:100vh;width:100vw;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1}.loading-view-content{color:#fff;font-weight:700}.sort-controls{display:flex;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.modal-component{height:100vh;width:100vw;position:fixed;right:0;top:0}.modal-overlay{height:100%;width:100%;background:#00000080;transition:.3s opacity ease}.modal{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0}.modal-header,.modal-footer{display:flex;padding:16px}.modal-header{border-bottom:1px solid #dee2e6;background:#dee2e6;border-top-left-radius:5px;border-top-right-radius:5px}.modal-footer{justify-content:flex-end}.modal-content{max-width:800px;width:100%;margin:1.75rem auto;background:#fff;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;max-height:95vh;border-radius:5px}.modal-body{height:100%;overflow-y:scroll;padding:16px}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.empty-view-message{margin:0}