body{font-family:EB Garamond,serif;margin:0;padding:0;background-color:#fdfcf8;color:#333}.centered-container{display:flex;justify-content:center;align-items:center;min-height:100vh;max-width:850px;margin:0 auto;padding:0 1rem;background-image:url(/assets/branch1-DPdif3yj.png);background-position:83% 0%;background-repeat:no-repeat;box-shadow:0 0 2px #ccc,inset 0 0 70px #ece7dd}.layout-container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.new-app-header{display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding-bottom:3rem}.header-top-row{display:flex;justify-content:space-between;align-items:center;padding-left:2rem;padding-right:12rem}.logo-container{flex:1}.logo{height:100px;vertical-align:middle}.logo:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.search-and-nav{display:flex;align-items:center;gap:1rem}.nav-link,.nav-link-icon{text-decoration:none;color:#555;font-size:1rem;transition:color .2s}.nav-link:hover,.nav-link-icon:hover{color:#000}.header-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;position:relative}.bottom-nav{display:flex;gap:1.5rem;padding:.5rem 2rem}.bottom-nav-link{text-decoration:none;color:#555;font-size:.9rem;transition:color .2s;position:relative;z-index:2}.bottom-nav-link:hover{color:#000}.branch-image{height:200px;width:100%;position:absolute;bottom:0;right:0;z-index:1}.app-main{flex-grow:1;padding:2rem;max-width:1200px}.auth-form-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 2px #ccc,inset 0 0 70px #ece7dd;text-align:center}.auth-form-title{font-family:Times New Roman,serif;font-size:1.7rem;margin-top:0;margin-bottom:1.5rem;color:#333}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 0 5px #f0f0f0}.auth-form input:focus{outline:none;box-shadow:0 0 1px #ccc,inset 0 0 20px #ece7dd;border:1px solid #140a0a52;cursor:text;transition:border .2s ease-in-out}.auth-form button{padding:.8rem;font-size:1rem;color:#fff;background-color:#522202e8;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}.auth-form button:hover{background-color:#5a4606e0}.auth-link-text{margin-top:1rem;font-size:.9rem;color:#666}.auth-link-text a{color:#522202e8;text-decoration:none;font-weight:700}.auth-link-text a:hover{text-decoration:underline}.homepage-content{font-size:1.5rem;text-align:center;padding:2rem;margin-bottom:2rem}.homepage-content>p:first-child{font-size:2.5rem;margin:0}.homepage-content>p:last-child{font-size:1.2rem;margin:.5rem 0 0}.book-search-container{padding-top:1.5rem;text-align:center}.book-search-container h2{color:#333;margin-top:0;margin-bottom:1.5rem;font-family:Times New Roman,serif}.search-form-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto}.search-form{display:flex;align-items:center;gap:10px;position:relative}.search-input-container{position:relative}.search-input{flex-grow:1;padding:.8rem 2.5rem .8rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-shadow:0 0 1px #ccc,inset 0 0 20px #ece7dd}.search-input:focus{outline:none;box-shadow:0 0 1px #ccc,inset 0 0 20px #ece7dd;border:1px solid #140a0a52;cursor:text;transition:border .2s ease-in-out}.search-button{padding:.8rem 1.5rem;background-color:#522202e8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out;width:130px}.search-button:hover{background-color:#5a4606e0}.clear-input-button{position:absolute;right:9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;z-index:10;line-height:1;padding:0 5px}.search-suggestions{list-style:none;padding:0;margin:.5rem 0 0;background-color:#ffffffea;box-shadow:0 2px 5px #0000001a;position:absolute;width:70%;max-width:400px;left:39%;transform:translate(-50%);z-index:20;box-shadow:0 0 2px #ccc,inset 0 0 70px #ece7dd;border:none}.suggestion-item{padding:.8rem 1rem;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f0f0f0}.search-results{margin-top:2rem;text-align:center;box-shadow:0 0 2px #ccc,inset 0 0 40px #ece7dd}.search-results-title{color:#353535d8;border-bottom:2px solid #00000067;padding-bottom:.5rem;padding-top:1rem;padding-left:.1rem;margin-top:0;margin-bottom:0;font-size:1.5rem;margin-left:1rem;margin-right:1rem;text-align:left}.search-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:.5rem}.loading-text{color:#353535d8;font-size:1.5rem;margin-top:1rem;margin-bottom:0;padding-top:1.4rem;padding-bottom:1.4rem}.book-card{display:flex;padding:1rem;transition:transform .2s ease-in-out;flex-direction:column;align-items:center;text-align:center;margin-top:1rem}.book-poster{width:100%;max-width:150px;height:auto;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.book-details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.book-title{font-size:1rem;margin:0 0 .5rem;color:#333}.book-author{font-style:italic;font-size:.8rem;color:#666;margin:0}.book-pages{font-size:.8rem;color:#888;margin:0}.add-button{background-color:#4caf8ae0;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:5px;cursor:pointer;margin-top:1rem;font-size:.9rem;transition:background-color .2s}.add-button:hover{background-color:#d86928b6}.add-button.added-button{background-color:#ccc;color:#666;cursor:not-allowed;border:1px solid #999}.add-button.added-button:hover{background-color:#ccc}.error-message{color:#d9534f;text-align:center;padding-top:1.4rem}.remove-button{background-color:#dd7373;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:5px;cursor:pointer;margin-top:1rem;font-size:.9rem;transition:background-color .2s}.remove-button:hover{background-color:#c9302c}.error-message{color:#d9534f;text-align:center}.no-books-message{color:#666;text-align:center}.bookshelf-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.bookshelf-section-container{background-color:#fff;box-shadow:0 0 2px #ccc,inset 0 0 70px #ece7dd;padding:2rem;min-height:400px}.bookshelf-section-title{color:#353535d8;border-bottom:2px solid #00000067;padding-bottom:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.book-card-on-shelf{display:flex;background-color:#fff;padding:1rem;flex-direction:row;align-items:flex-start;gap:1rem}.book-poster-shelf{width:90px;height:auto;border-radius:4px;box-shadow:0 2px 4px #0003}.book-details-shelf{flex-grow:1}.progress-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin-top:.4rem}.progress-bar{height:15px;background-color:#5fbe9a;transition:width .3s ease-in-out;border-radius:5px;position:absolute;top:0;left:0;z-index:0}.progress-text{position:relative;z-index:1;color:#000b;font-size:.8rem;margin-bottom:0}.progress-controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;position:relative;margin-top:.3rem}.page-buttons{display:flex;gap:.5rem;margin-top:0rem}.page-button{background-color:#3cb985f5;color:#fff;border:none;padding:.3rem .6rem;border-radius:5px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.page-button:hover:not(:disabled){background-color:#43d15bea}.page-button:disabled{background-color:#ccc;cursor:not-allowed}.page-slider{width:80%;margin-top:.5rem;z-index:2;accent-color:#3cb985f5}.notes-container{margin-top:.2rem}.notes-container p{margin-top:0;margin-bottom:.2rem;color:#444}.notes-textarea{padding:.5rem;border-radius:4px;border:1px solid #ccc;outline:none;resize:none;border:none;overflow-y:auto;box-shadow:0 0 1px #ccc,inset 0 0 20px #ece7dd;transition:border .2s ease-in-out}.notes-page-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;box-shadow:0 0 2px #ccc,inset 0 0 70px #ece7dd}.notes-page-title{font-size:1.5rem;text-align:center;color:#353535d8;margin-bottom:2rem}.no-notes-message{font-style:italic;color:#666;text-align:center}.notes-list{display:flex;flex-direction:column;gap:1.5rem}.note-card{padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.note-book-title{font-size:1.2rem;margin-top:0;margin-bottom:.2rem}.note-book-author{font-style:italic;color:#888;font-size:.9rem;margin-top:0}.note-content p{line-height:1.6;font-size:.9rem}