#bookshelf-app{margin-top:1rem}#bookshelf-app #loading-screen{display:flex;justify-content:center;align-items:center;padding:4rem 0}#bookshelf-app .loading-content{text-align:center;color:#8b4513;font-family:Georgia,serif}#bookshelf-app .loading-content p{margin-top:16px;font-size:18px}#bookshelf-app .loading-spinner{width:48px;height:48px;border:4px solid rgb(139,69,19);border-top-color:transparent;border-radius:50%;margin:0 auto;animation:bookshelf-spin 1s linear infinite}@keyframes bookshelf-spin{to{transform:rotate(360deg)}}#bookshelf-app #walls{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr))}#bookshelf-app .wall-of-shelves{margin:4px;display:grid;grid-template-columns:1;justify-content:center}#bookshelf-app .shelf{display:flex;justify-content:space-between;height:171px;border:10px solid rgb(139,69,19);background-color:#432209;max-width:100%}#bookshelf-app .book-pile{display:inline}#bookshelf-app .pile-label{text-align:center;color:#8b4513;font-size:8px;height:10px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#bookshelf-app .shelved-pile{display:flex;margin-bottom:1px}#bookshelf-app .book{background-color:#4caf50;color:#000;border:.1px solid rgba(0,0,0,.5);cursor:pointer;height:150px;margin-top:20px;margin-right:.5px;margin-left:.5px;transition-duration:1s}#bookshelf-app .book .book-title{position:relative;transform-origin:top left;transform:rotate(-90deg);top:150px;width:130px;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}#bookshelf-app .book .book-title .title-text{display:inline-block}#bookshelf-app .book .book-author{position:relative;transform-origin:top left;transform:rotate(-90deg);top:150px;width:130px;padding-left:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px}#bookshelf-mobile{display:none}@media(max-width:639px){#bookshelf-desktop{display:none}#bookshelf-mobile{display:block}.mobile-category{margin-bottom:1.5rem}.mobile-category-heading{color:#8b4513;font-family:Georgia,serif;font-size:1.4rem;margin:0 0 .4rem}.mobile-shelf{border:6px solid rgb(139,69,19);background-color:#432209;padding:4px;display:flex;flex-direction:column;gap:3px}.mobile-book-spine{display:flex;flex-direction:column;justify-content:center;padding:6px 10px;text-decoration:none;overflow:hidden}.mobile-book-spine .spine-title{font-weight:700;font-size:12pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-book-spine .spine-author{font-size:.85rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-book-spine:active{opacity:.7}}