*{box-sizing:border-box;margin:0;padding:0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:70px;background-color:#2e2e2e;box-shadow:0 2px 5px #0000004d;position:sticky;top:0;z-index:1;color:#fff}.navbar-left{display:flex;align-items:center;gap:.5rem}.reading-list-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.reading-list-icon{font-size:1.8rem;cursor:pointer;color:#fff;transition:.3s}.reading-list-icon:hover{color:#b19cd9;text-shadow:0 0 8px #b19cd9}.navbar-logo{display:flex;align-items:center;font-size:1.2rem;font-weight:700;color:#fff}.navbar-center{flex:1;display:flex;justify-content:center}.search-container{display:flex;width:60%}.search-input{flex:1;padding:.6rem 1rem;border-radius:30px 0 0 30px;border:1px solid #555;font-size:1rem;outline:none;background-color:#fff;color:#000}.search-input::placeholder{color:#ccc}.search-button{padding:0 1rem;border:1px solid #555;background-color:#fff;border-radius:0 30px 30px 0;cursor:pointer;transition:.3s;color:#000}.search-button:hover{background-color:#b19cd9;color:#fff;border-color:#b19cd9}.navbar-right{display:flex;align-items:center}.sign-in-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background-color:#555;border-radius:30px;cursor:pointer;transition:.3s;color:#fff}.sign-in-button:hover{background-color:#b19cd9;color:#fff}.sidebar{position:fixed;top:70px;left:0;width:33%;height:calc(100% - 70px);background-color:#1e1e1e;color:#fff;padding:1rem;box-shadow:2px 0 5px #00000080;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:0}.sidebar.open{transform:translate(0)}.sidebar-title{font-size:1.5rem;margin-bottom:1rem}.book-list{display:flex;flex-direction:column;gap:1rem}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#1e1e1e}.sidebar::-webkit-scrollbar-thumb{background-color:#8a63d2;border-radius:4px;transition:background .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#a784e2}.sidebar .book-card{display:flex;background-color:#2c2c2c;padding:.75rem;border-radius:8px;align-items:center}.sidebar .book-cover{width:50px;height:75px;object-fit:cover;border-radius:4px;margin-right:1rem}.sidebar .book-info{flex-grow:1}.sidebar .book-title{font-size:1.1rem;margin:0}.sidebar .book-author{font-size:.9rem;color:#ccc;margin:.25rem 0}.remove-button{background:#8a63d2;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background .2s}.remove-button:hover{background:#a784e2}.main-body .book-card{display:flex;background-color:#f9f9f9;padding:1rem;border-radius:12px;color:#000;gap:1rem;align-items:flex-start;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;border-left:5px solid #8A63D2}.main-body .book-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.main-body .book-cover{width:150px;height:200px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #ddd}.main-body .book-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.main-body .book-title{font-size:1.6rem;margin:0}.main-body .book-author{font-size:1rem;color:#555;margin:.25rem 0}.main-body .book-description{font-size:.9rem;color:#333;max-height:120px;overflow-y:auto;margin-top:.5rem;padding-right:.25rem}.main-body .book-info button{margin-top:.75rem;align-self:flex-start;padding:.5rem 1rem;border:none;border-radius:6px;background-color:#8a63d2;color:#fff;cursor:pointer;transition:background .2s,transform .2s}.main-body .book-info button:hover{background-color:#a784e2;transform:scale(1.05)}.main-body .book-description::-webkit-scrollbar{width:6px}.main-body .book-description::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.main-body .book-description::-webkit-scrollbar-track{background-color:#f1f1f1}.app-container{display:flex;flex-direction:column;transition:margin-left .3s ease;padding:2rem}.app-container.sidebar-open{margin-left:33vw}