@font-face{font-family:Mikale;src:url(/assets/mikale-D3CZ15e-.ttf) format("truetype")}.login-page-container,.auth-wrapper{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.login-page-container:before{content:"";position:fixed;top:0;left:0;width:50%;height:100%;background-image:url(https://images.unsplash.com/photo-1700906010457-c7a565935b81?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;z-index:0}.login-page-container:after{content:"";position:fixed;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#0009,#0000004d);z-index:1}.quote-text{font-size:28px;font-style:italic;font-family:Cormorant Garamond,serif;color:#6e1a37;margin-bottom:30px;letter-spacing:.5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.auth-card{width:100%;max-width:400px;padding:60px 40px;background:transparent;text-align:left;z-index:2;position:relative;margin-left:50%}.logo{font-size:45px;font-weight:300;margin-bottom:8px;font-family:Mikale,serif;color:#333;letter-spacing:.5px}.subtitle-text{color:#666;font-size:16px;margin-bottom:25px;letter-spacing:0;line-height:1.4;font-weight:400}.email-input{width:100%;padding:12px 0;border:none;border-bottom:1px solid #ddd;border-radius:0;margin-bottom:40px;font-size:15px;transition:border-color .2s ease;box-sizing:border-box;background:transparent;color:#333}.email-input::placeholder{color:#ccc}.email-input:focus{outline:none;border-bottom-color:#6e1a37}.btn-primary{width:100%;padding:12px;border-radius:0;border:1px solid #6E1A37;background-color:#6e1a37;color:#fff;font-size:13px;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;box-sizing:border-box;gap:8px}.btn-primary:hover:not(:disabled){background-color:#333;border-color:#333}.btn-primary:disabled{background-color:#f5f5f5;border-color:#eee;color:#ccc;cursor:not-allowed}.otp-group{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:40px}.otp-slot{width:48px;height:48px;border:none;border-bottom:1px solid #ddd;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;transition:all .2s ease;background:transparent;color:#000}.otp-slot.active{border-bottom-color:#000}.otp-separator{font-size:20px;color:#ddd;margin:0 4px}.resend-container{margin-top:40px;font-size:12px;color:#999}.btn-link{border:none;background:none;color:#000;cursor:pointer;font-weight:400;padding:0;text-decoration:none;font-size:12px}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:#ccc;cursor:not-allowed}.welcome-text{font-size:15px;margin-bottom:40px;font-weight:300;letter-spacing:0;color:#000}@media(max-width:1024px){.login-page-container:before,.login-page-container:after{display:none}.auth-card{margin-left:0;max-width:320px}}.navbar{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0}@font-face{font-family:Mikale;src:url(/assets/mikale-D3CZ15e-.ttf) format("truetype")}.navbar-logo{font-size:35px;color:#000;font-family:Mikale,serif;text-decoration:none}.nav-links a{margin-left:30px;text-decoration:none;color:#000;font-size:20px;font-family:ltc-nicholas-cochin-pro;font-style:italic;font-weight:400}.logout-btn{padding:12px 25px;border:1px solid black;font-family:ltc-nicholas-cochin-pro;background:transparent;border-radius:8px;cursor:pointer;font-size:15px}.active-link{margin-left:30px;text-decoration:none;color:#000;font-size:20px;font-family:ltc-nicholas-cochin-pro;font-style:italic;font-weight:400;position:relative}.active-link:after{content:"";position:absolute;bottom:-4px;left:25%;width:50%;height:2px;background-color:#000}.home{font-family:serif;background-color:#fdfdfd}.hero{height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;animation:heroFadeSlide 1.2s ease forwards}@keyframes heroFadeSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sub-title{font-family:Mikale,serif;font-weight:400;font-size:60px;margin-bottom:10px}.hero-description{font-size:24px;color:#555;max-width:600px;margin:0 auto 30px}.primary-btn,.secondary-btn{padding:12px 25px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:20px;margin:10px;font-weight:400;font-style:italic}.primary-btn{background:#000;color:#fff;border:none;font-family:LTC Nicholas Cochin Pro,serif}.secondary-btn{background:transparent;border:1px solid black;font-family:LTC Nicholas Cochin Pro,serif}.quote{text-align:center;padding:60px;font-size:22px;font-style:italic;color:#444;line-height:1.6}.carousel-item{display:flex;flex-direction:column;align-items:center;gap:15px;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:.4}to{opacity:1}}.minimal-book-cover{width:100%;aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .3s ease}.carousel-item:hover .minimal-book-cover{transform:translateY(-10px)}.trending{padding:80px 10%}.trending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid #eee;padding-bottom:10px}.trending-title{font-size:28px;color:#333}.arrow-btn{background:#000;color:#fff;border:none;width:40px;height:40px;border-radius:50%;margin-left:10px;cursor:pointer}.arrow-btn.disabled{background:#ccc;cursor:not-allowed}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.view-btn{width:100%;background:#fff;color:#000;border:2px solid #000;padding:10px;border-radius:5px;cursor:pointer;font-size:18px}.view-btn:hover{background:#000;color:#fff}.cover-link,.btn-link{text-decoration:none;width:100%;display:block;color:inherit}.carousel-item a{text-align:center}.primary-btn{text-decoration:none}.trending-link-wrapper{text-decoration:none;color:inherit}.trending-link-wrapper:hover .trending-title{color:#337ab7}.books-page{background:#fdfdfd;min-height:100vh;font-family:serif}.books-header{text-align:center;padding:60px 20px;background:#fff;border-bottom:1px solid #eee}.books-title{font-size:40px;font-family:Mikale,serif;margin-bottom:30px}.search-container{display:flex;justify-content:center;gap:10px;max-width:800px;margin:0 auto}.language-dropdown{padding:12px;border:2px solid #eeeeee;border-radius:4px;background:#fff;cursor:pointer;font-family:serif;font-weight:500}.books-search-input{width:400px;padding:12px 20px;border:1px solid #ccc;border-radius:4px;outline:none;font-size:18px}.books-search-btn{padding:12px 25px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:.3s}.books-search-btn:hover{background:#444}.books-content{padding:20px 8% 100px}.shelf-container{margin-top:50px;padding:30px;background:#f9f7f1;border-radius:12px;box-shadow:0 4px 12px #00000008;animation:fadeIn .8s ease-in}.shelf-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.shelf-title{font-size:24px;color:#000;margin:0;display:flex;align-items:center;gap:15px}.search-grid,.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.slender-book-card{display:flex;flex-direction:column;align-items:center;transition:transform .3s;width:100%}.slender-book-card:hover{transform:translateY(-5px)}.card-image-container{position:relative;width:100%;display:block}.heart-btn{position:absolute;top:8px;right:8px;z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.heart-btn:hover{transform:scale(1.1);background:#fff}.cover-box{margin-bottom:15px!important;width:100%!important;height:280px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:none!important}.cover-box img{max-height:100%!important;width:auto!important;border-radius:2px!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))!important;display:block!important;margin:0 auto!important}.book-meta{text-align:center;width:100%}.title-truncate{font-size:16px;font-weight:600;color:#333;margin:10px 0 5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;height:40px;line-height:1.3}.book-meta p{font-size:18px;color:#666;margin-top:10px;font-style:italic;text-align:center}.shelf-view-btn{width:100%;background:#000;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:700;margin-top:10px;transition:background .3s ease}.shelf-view-btn:hover{background:#555}.clear-btn{background:#eee;border:1px solid #ccc;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700}.clear-btn:hover{background:#000;color:#fff}.load-more-container{display:flex;justify-content:center;margin-top:40px;border-top:1px solid #ddd;padding-top:30px}.load-more-btn{padding:14px 40px;background:#000;color:#fff;border-radius:30px;cursor:pointer;font-weight:700;font-size:15px;display:flex;align-items:center;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-results-shelf{border:2px solid #337ab7;background-color:#fff!important}.horizontal-carousel{position:relative;padding:30px 60px!important;background:#f9f7f1;border-radius:12px;height:auto!important}.carousel-wrapper{position:relative;display:flex;align-items:center;width:100%}.side-arrow{position:absolute;top:140px;background:#000000b3;color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.side-arrow.left{left:-25px}.side-arrow.right{right:-25px}.side-arrow:hover{background:#000;transform:scale(1.1)}.cover-box{margin-bottom:15px!important;width:100%!important;height:280px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}.cover-box img{max-height:100%!important;width:auto!important;border-radius:2px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));display:block}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%;padding-bottom:20px}.book-subtitle{margin-bottom:10px;font-size:20px;font-style:italic}view-all-tag{text-decoration:none}.shelf-title-link{text-decoration:none}.shelf-title-link:hover{color:#666}.detail-page,.detail-loading-wrapper{background-color:#f9f7f1;min-height:100vh;font-family:serif}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}.loading-text{font-size:22px;color:#333;font-style:italic;margin-top:20px}.detail-content-container{max-width:1100px;margin:0 auto;padding:50px 20px}.back-btn{text-decoration:none;color:#666;font-weight:600;margin-bottom:25px;display:inline-block}.detail-main-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:50px;align-items:start}.detail-main-cover{width:100%;border-radius:4px;box-shadow:10px 10px 25px #00000026}.detail-title-text{font-size:40px;line-height:1.2;margin-bottom:8px;color:#333}.detail-author-text{font-size:20px;color:#666;margin-bottom:25px}.status-container{margin:20px 0;padding:15px;background:#fff;border:1px dashed #000;border-radius:8px}.status-label{font-size:14px;font-weight:700;margin-bottom:10px;color:#666}.status-toggle-group{display:flex;gap:10px}.status-chip{padding:6px 12px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px;transition:all .3s ease}.status-chip.active{background:#000;color:#fff;border-color:#000}.detail-stats-box{background:#fff;padding:20px;border-radius:8px;border:1px solid #eee;margin-bottom:30px}.detail-stats-box p{margin-bottom:10px;font-size:15px}.detail-stats-box strong{color:#000;width:100px;display:inline-block}.detail-desc-section h3{border-bottom:2px solid #337ab7;display:inline-block;padding-bottom:5px;margin-bottom:15px}.detail-desc-section p{line-height:1.7;color:#444}.genre-tag{background:#fff;border:1px solid #ddd;color:#555;padding:6px 14px;border-radius:20px;text-decoration:none;font-size:13px;margin-right:10px;display:inline-block}.genre-tag:hover{background:#000;color:#fff}.detail-button-group{display:flex;gap:15px;margin-top:40px}.btn-primary{background:#000;color:#fff;padding:14px 28px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn-remove{background:#eee;color:#000;border:1px solid #000;padding:14px 28px;border-radius:4px;cursor:pointer}.btn-secondary{background:#f0f0f0;color:#333;border:1px solid #ccc;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e5e5e5}.btn-secondary.success-state{background:#666!important;color:#fff!important;border-color:#666!important}.subject-header{margin-bottom:40px;border-bottom:2px solid #337ab7;padding-bottom:10px}.subject-title{font-family:Mikale,serif;font-size:36px;margin-top:10px}.back-link{text-decoration:none;color:#337ab7;font-weight:700}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px}.books-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.books-loader-container p{font-size:22px;color:#333;font-style:italic;margin-top:20px;font-family:Mikale,serif}.subject-view-page{background-color:#f9f7f1;min-height:100vh}.subject-container{padding:40px 8%}.subject-header{margin-bottom:40px;border-bottom:2px solid #337ab7;padding-bottom:10px;display:flex;flex-direction:column;align-items:flex-start}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px}.not-found-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9f7f1;text-align:center;padding:20px}.error-code{font-size:120px;font-family:serif;color:#666;margin:0}.error-message{font-size:32px;margin-bottom:15px;color:#333}.error-description{font-size:18px;color:#666;max-width:400px;margin:0 auto 30px}.home-link{display:inline-block;padding:12px 25px;background-color:#333;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background .3s}.home-link:hover{background-color:#000}.shelf-page{background-color:#f9f7f1;min-height:100vh}.shelf-main-content{max-width:1100px;margin:0 auto;padding:30px 20px}.user-shelves-wrapper{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 20px #0000000d;margin-bottom:40px;border:1px solid #eee}.compact-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:25px;padding:15px 0}.compact-shelf{margin-bottom:30px;border-bottom:1px solid #f5f5f5}.shelf-status-title-sm{display:flex;align-items:center;gap:10px;font-size:20px;font-family:serif;color:#333}.mini-book-card{width:150px!important;display:flex;flex-direction:column}.mini-cover{width:100%!important;height:220px!important;object-fit:contain!important;background-color:#f0f0f0;border-radius:4px;box-shadow:2px 4px 10px #0000001a;display:block!important}.mini-meta{margin-top:10px}.mini-title{font-size:13px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-edit{font-size:12px;color:#666;text-decoration:none}.shelf-status-title-large{display:flex;align-items:center;gap:12px;font-size:26px;font-family:Mikale,serif;margin-bottom:25px}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px}.cover-box{height:260px;overflow:hidden;border-radius:4px;box-shadow:0 4px 10px #0000001a}.cover-box img{width:100%;height:100%;object-fit:cover}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#f9f7f1}