.bookshelf-search{display:flex;gap:8px;max-width:400px;margin-top:16px}#bookshelf-search-input{flex:1;border:1px solid #ddd;background:#fff;outline:0;font-size:14px;padding:8px 14px;color:#333;border-radius:20px;transition:border-color .2s}#bookshelf-search-input:focus{border-color:#86ab2e}#bookshelf-search-input::placeholder{color:#999}.bookshelf-search-btn{padding:8px 20px;border:none;background:#607d21;border-radius:20px;cursor:pointer;font-size:14px;color:#fff;-webkit-appearance:none;transition:background .2s;flex-shrink:0}.bookshelf-search-btn:hover{background:#5a751e}.bookshelf-page.searching .bookshelf-item{display:none}.bookshelf-page.searching .bookshelf-item.match{display:flex}.bookshelf-search-result{padding:12px 20px;background:#f0f8e8;color:#658622;font-size:14px;text-align:center;border-radius:8px;margin:16px 20px}.add-to-bookshelf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;background:#607d21;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s}.add-to-bookshelf-btn:hover{background:#5a751e;text-decoration:none;color:#fff}.add-to-bookshelf-btn:active{background:#4e6619}.add-to-bookshelf-btn.in-bookshelf{background:#f0f8e8;color:#658622;border:1px solid #86ab2e;box-shadow:0 2px 8px rgba(134,171,46,.15)}.add-to-bookshelf-btn.in-bookshelf:hover{background:#e5f4db;border-color:#7a9e29;text-decoration:none;color:#658622}.add-to-bookshelf-btn .icon{width:18px;height:18px;flex-shrink:0}@keyframes bookshelfBtnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.bookshelf-btn-animate{animation:bookshelfBtnPulse .6s ease}.sc-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:10000;opacity:0;transition:all .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.sc-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}.sc-toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.sc-toast-success .sc-toast-icon{background:#86ab2e;color:#fff}.sc-toast-error .sc-toast-icon{background:#e74c3c;color:#fff}.sc-toast-message{font-size:15px;color:#333;line-height:1.4}@media (max-width:599px){.sc-toast{top:auto;bottom:80px;max-width:calc(100% - 32px)}}.bookshelf-page{max-width:1200px;margin:0 auto;padding:0 20px 40px;background:#fff;min-height:calc(100vh - 52px);text-align:left}.bookshelf-header{padding:24px 0 16px;border-bottom:1px solid #eee;margin-bottom:24px}.bookshelf-title{font-size:24px;font-weight:600;color:#333;margin:0}.bookshelf-summary{color:#999;font-size:14px;margin:0 0 8px}.bookshelf-count-badge{font-size:14px;color:#999}.bookshelf-list{padding:0;margin:0 0 30px}.bookshelf-item{display:flex;justify-content:space-between;align-items:stretch;padding:20px 0;border-bottom:1px solid #f0f0f0}.bookshelf-item:first-child{padding-top:0}.bookshelf-item:last-child{border-bottom:none}.bookshelf-item-content{flex:1;min-width:0}.bookshelf-book-title{margin:0 0 8px 0;font-size:18px;font-weight:600;line-height:1.4}.bookshelf-book-title a{color:#1a1a1a;text-decoration:none;transition:color .3s ease}.bookshelf-book-title a:hover{color:#658622;text-decoration:none}.bookshelf-book-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:#999}.book-category{padding:2px 8px;background:#f0f8e8;color:#658622;border-radius:4px;font-weight:500}.bookshelf-progress{margin:10px 0 8px 0;font-size:14px;color:#666}.progress-label{color:#999}.progress-chapter{color:#333;font-weight:500}.bookshelf-time{font-size:12px;color:#bbb}.bookshelf-item-actions{display:flex;flex-direction:column;gap:10px;margin-left:20px;flex-shrink:0}.btn-continue-reading{padding:8px 20px;background:#607d21;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;white-space:nowrap;transition:background .2s}.btn-continue-reading:hover{background:#5a751e;text-decoration:none;color:#fff}.btn-remove-book{padding:8px 20px;background:#fff;color:#999;border:1px solid #e5e5e5;border-radius:20px;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-remove-book:hover{background:#fff5f5;color:#e74c3c;border-color:#e74c3c;text-decoration:none}.bookshelf-empty{text-align:center;padding:80px 20px}.empty-icon{width:80px;height:80px;margin:0 auto 20px;opacity:.3}.empty-text{font-size:18px;color:#999;margin:0 0 20px 0}.empty-link{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;background:#607d21;color:#fff;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.empty-link:hover{background:#5a751e;text-decoration:none;color:#fff}.book-actions{display:flex;align-items:center;gap:12px;margin:20px 0}@media (max-width:599px){.bookshelf-search{max-width:100%}#bookshelf-search-input{font-size:16px}.bookshelf-header{padding:16px 0 12px;margin-bottom:20px}.bookshelf-title{font-size:20px}.bookshelf-page{padding:0 15px 30px}.bookshelf-item{padding:16px 0}.bookshelf-item-actions{margin-left:12px}.btn-continue-reading{padding:6px 14px;font-size:13px}.btn-remove-book{padding:6px 14px;font-size:12px}.bookshelf-book-title{font-size:16px}.add-to-bookshelf-btn{padding:8px 16px;font-size:14px}.add-to-bookshelf-btn .icon{width:16px;height:16px}}@media (min-width:600px) and (max-width:879px){.bookshelf-page{padding:0 16px 40px}.bookshelf-item-actions{min-width:140px}}@media print{.add-to-bookshelf-btn,.bookshelf-item-actions,.sc-toast{display:none!important}}