:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--background-color: #f8f9fa;--text-color: #212529;--font-family: Arial, sans-serif;--modal-overlay-color: rgba(0, 0, 0, .5);--modal-bg-color: white}html,body{height:100%;margin:0;padding:0;overflow:hidden;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}h1,h2,h3{margin:0}button{cursor:pointer}h1{font-size:2rem;margin-bottom:20px;text-align:center}h2,h3{margin-bottom:15px}.card{background-color:var(--modal-bg-color);border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.card:hover{box-shadow:0 4px 8px #00000026}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.card-content{font-size:1rem}.text-center{text-align:center}@media (max-width: 768px){button{font-size:14px;padding:8px 16px}h1{font-size:18px;text-align:center}}@media (max-width: 480px){button{font-size:12px;padding:6px 12px}h1{font-size:16px;text-align:center}}.page-container{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.list{list-style-type:none;padding:0;margin:0}.list-item{margin-bottom:10px;display:flex;align-items:center}.main-container{display:flex;flex-direction:column;height:100vh;overflow:visible;box-sizing:border-box}.header-panel{display:flex;align-items:center;justify-content:flex-start;padding:10px;background-color:#f1f1f1;border-radius:8px;max-width:fit-content;box-sizing:border-box}.header-panel:hover{background-color:#e9ecef;transition:background-color .2s ease}.chitaicoins-img{height:50px;flex-shrink:0;margin-right:8px}.chitaicoins-text{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.chitaicoins-label{font-weight:700;color:#a2a2a2;font-size:14px}.chitaicoins-value{font-weight:700;color:#555;font-size:32px;text-align:left}@media (max-width: 480px){.header-panel{flex-direction:row;justify-content:flex-start}.header-panel img{height:44px}.chitaicoins-label{font-size:12px}.chitaicoins-value{font-size:28px}}.main-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text-color)}@media (max-width: 768px){.main-title{font-size:1.5rem}}.nav-button-active{font-weight:700;color:#555}.nav-button{color:#a2a2a2;font-weight:400}button,.button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;transition:background-color .2s ease}button:hover,.button:hover{background-color:var(--primary-hover-color)}button:disabled,.button:disabled{background-color:#ccc;cursor:not-allowed}.button-container{text-align:center;margin-bottom:20px}input{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%;box-sizing:border-box;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0003;width:90%;max-width:400px;text-align:center;font-family:Arial,sans-serif;color:#333;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:20px;margin-bottom:20px;text-align:center}.big-number{font-size:80px;font-weight:700;color:var(--primary-color);text-align:center;margin-bottom:15px}.plan-description{font-size:16px;color:#555;text-align:center;margin-bottom:10px}.price{font-size:18px;color:#222;font-weight:700;text-align:center;margin-bottom:20px}.new-price{font-size:20px;color:var(--primary-color);font-weight:700}.modal-actions{display:flex;justify-content:center;gap:10px}.primary-button{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.primary-button:hover{background-color:var(--primary-hover-color)}.secondary-button{padding:10px 20px;background-color:#ccc;color:#555;border:none;border-radius:4px;cursor:pointer;font-size:16px}.secondary-button:hover{background-color:#bbb}.old-price{font-size:16px;color:#999;text-decoration:line-through;margin-right:8px}.blue-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(100%) saturate(576%) hue-rotate(197deg) brightness(98%) contrast(95%)}.error-message{color:red;font-size:14px;text-align:center;margin-top:10px}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-indicator{display:flex;align-items:center;justify-content:flex-start}.typing-indicator span{width:8px;height:8px;margin:0 4px;background-color:var(--primary-color);border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0}.message-input{padding:10px;display:flex;flex-direction:row;align-items:flex-end;background-color:#f1f1f1;box-shadow:0 -2px 5px #0000001a;position:sticky;bottom:0;width:100%;box-sizing:border-box;z-index:10}.book-discussion-container{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;width:100%}.message-list{flex:1;overflow-y:auto;padding:10px;box-sizing:border-box}.message-textarea{flex:1;resize:none;padding:10px;border-radius:5px;border:1px solid #ccc;line-height:20px;box-sizing:border-box;font-family:inherit;font-size:14px}.send-button{margin-left:10px;padding:10px 20px;border-radius:5px;background:var(--primary-color);color:#fff;border:none;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.send-button:disabled{background:#ccc;cursor:not-allowed}.send-button:hover:not(:disabled){background:var(--primary-hover-color)}.discussion-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:800px;margin:0 auto;box-shadow:0 2px 8px #0000001a;border-radius:8px;background-color:var(--background-color);box-sizing:border-box}.discussion-header{display:flex;align-items:center;gap:0px;padding:0 20px;height:60px;font-size:16px;border-bottom:1px solid #ccc;box-sizing:border-box;background-color:#f8f9fa}.discussion-header h1{font-size:16px;margin:0;flex:1}@media (max-width: 768px){.message-input{padding:8px}.message-textarea{font-size:14px;padding:8px}.send-button{padding:8px 15px;font-size:14px}}.back-button{display:flex;align-items:center;justify-content:center;height:100%;width:60px;background:none;border:none;color:var(--primary-color);cursor:pointer}.back-button:hover{background-color:#e9ecef}.material-icons{font-size:24px;line-height:1}.shelf-container{flex:1;display:flex;flex-direction:column;gap:15px;padding:20px 20px 60px;overflow-y:auto;box-sizing:border-box}.no-books-message,.loading-message{text-align:center;font-size:16px;color:#555}.search-form{display:flex;justify-content:center;margin-bottom:20px;width:100%;max-width:500px;position:relative;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:10px 60px 10px 15px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;box-sizing:border-box}.search-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:5px 15px;font-size:14px;cursor:pointer}.search-button:hover{background-color:var(--primary-hover-color)}.search-results{flex:1;overflow-y:auto;padding-bottom:60px;box-sizing:border-box}.cards-container{display:flex;flex-direction:column;gap:15px;padding:10px;box-sizing:border-box}.book-card{display:flex;align-items:center;gap:15px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.book-card:hover{box-shadow:0 4px 12px #00000026}.book-image{width:80px;height:100px;object-fit:cover;border-radius:4px;flex-shrink:0}.book-details{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.book-title{font-size:16px;font-weight:700;margin:0;color:#333}.book-author,.book-year{font-size:14px;margin:5px 0;color:#555}.discuss-button{align-self:flex-start;padding:8px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.discuss-button.loading{background-color:#ccc;cursor:not-allowed}.discuss-button:hover:not(.loading){background-color:var(--primary-hover-color)}.developer-note{margin-top:20px;font-style:italic;font-size:14px;text-align:center;color:#555}.developer-note a{color:var(--primary-color);text-decoration:none}.developer-note a:hover{text-decoration:underline}.no-results{text-align:center;color:#555}.terms-container{max-width:800px;margin:0 auto;padding:20px;box-sizing:border-box;background:var(--background-color);border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow-y:auto}.terms-container h1{font-size:24px;text-align:center;margin-bottom:20px}.terms-content{font-size:16px;line-height:1.6;color:var(--text-color)}.terms-content ul{padding-left:20px;margin:20px 0}.terms-content li{margin-bottom:10px}.back-button{background:none;border:none;color:var(--primary-color);font-size:16px;cursor:pointer;margin-bottom:20px}.back-button:hover{text-decoration:underline}.terms-link{font-size:12px;color:#666;text-align:center;line-height:1.5;margin-top:10px}.terms-link a{color:#007bff;text-decoration:none}.terms-link a:hover{text-decoration:underline}.payment-success-container{text-align:center;margin-top:50px;padding:20px}.payment-success-container h1{color:var(--primary-color);font-size:24px;margin-bottom:20px}.payment-success-container p{font-size:18px;color:#555;margin-bottom:30px}.payment-success-container .primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.payment-success-container .primary-button:hover{background-color:var(--primary-hover-color)}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}