.ub-bookmarks-container{max-width:1400px;margin:0 auto;padding:2rem 0;background:var(--bg-color,#f5f5f5)}.ub-bookmarks-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 1rem}.ub-bookmarks-header h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(90deg,#ff6b6b,#ffa69e);background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;color:var(--text-color,#333);padding:0 .5rem}.ub-bookmarks-header h2:after{content:" ᐁ";color:#ff6b6b}.ub-sort-controls{display:flex;align-items:center;background:#fafafa;padding:8px 12px;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid var(--border-color,#e0e0e0)}.ub-sort-label{font-weight:600;margin-right:10px;color:var(--text-color,#333)}.ub-sort-select{background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:6px 28px 6px 12px;font-size:.9rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:all .2s ease}.ub-sort-select:focus{outline:none;border-color:#009fdf;box-shadow:0 0 0 2px rgba(0,159,223,.25)}.ub-bookmarks-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding:0 1rem}.ub-bookmark-card{display:flex;background:#fafafa;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;width:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease;height:220px}.ub-cover-container{width:33%;height:100%;position:relative;overflow:hidden}.ub-bookmark-cover{width:100%;height:100%;object-fit:cover}.ub-update-time{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;white-space:nowrap;background:rgba(0,0,0,.7);padding:4px 0}.ub-update-time i{font-size:12px;margin-right:5px}.ub-card-content{width:67%;display:flex;flex-direction:column;position:relative}.ub-bookmark-header{padding:8px 6px;background-color:var(--title-bg,#2c3e50);position:relative}.ub-bookmark-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;margin:0}.ub-bookmark-title:before{content:"";display:inline-block;width:4px;height:16px;background-color:#f39c12;margin-right:8px}.ub-bookmark-title-link{text-decoration:none;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.ub-bookmark-info{flex:1 1;padding:12px 50px 12px 12px;display:flex;flex-direction:column}.ub-chapter-list{display:flex;flex-direction:column;gap:8px}.ub-chapter-row{display:flex;align-items:flex-start;border-bottom:1px solid var(--line-color,#eaeaea);padding-bottom:6px}.ub-chapter-row:last-child{border-bottom:none}.ub-chapter-label{color:#333;font-size:14px;font-weight:500}.ub-chapter-link{color:var(--bookmark-color,#e74c3c);text-decoration:none;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;flex:1 1}.ub-new-chapter-link{color:var(--new-chapter-color,#2980b9);font-weight:600}.ub-chapter-link:hover{text-decoration:underline}.ub-chapter-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;flex:1 1}.ub-chapter-content .ub-chapter-label{color:#333;font-weight:500}.ub-chapter-content .ub-chapter-link{color:inherit;text-decoration:none;font-weight:inherit;display:inline;overflow:visible;text-overflow:unset;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;line-height:inherit;flex:none}.ub-chapter-content .ub-chapter-link.ub-new-chapter-link{color:var(--new-chapter-color,#2980b9);font-weight:600}.ub-chapter-content .ub-chapter-link:hover{text-decoration:underline}.ub-bookmarked-chapter{display:flex;align-items:flex-start;flex:1 1;overflow:hidden}.ub-bookmarked-chapter-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;flex:1 1}.ub-bookmarked-chapter-content .ub-chapter-label{color:#333;font-weight:500}.ub-bookmarked-chapter-content .ub-chapter-link{color:var(--bookmark-color,#e74c3c);text-decoration:none;font-weight:500;display:inline}.ub-bookmarked-chapter-content .ub-chapter-link:hover{text-decoration:underline}.ub-remove-chapter-x{color:#e74c3c;font-weight:700;cursor:pointer;margin-left:6px;font-size:16px;padding:2px 6px;border-radius:50%;transition:all .2s ease;background:rgba(231,76,60,.1);line-height:1;flex-shrink:0;align-self:flex-start;margin-top:1px}.ub-remove-chapter-x:hover:not(.ub-disabled){color:#c0392b;background:rgba(231,76,60,.2);transform:scale(1.1)}.ub-remove-chapter-x.ub-disabled{color:#999;cursor:not-allowed;background:hsla(0,0%,60%,.1)}.ub-remove-bookmark{background:none;border:none;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s ease;position:absolute;bottom:10px;right:10px;background-color:#e74c3c;box-shadow:0 2px 5px rgba(0,0,0,.3);z-index:100}.ub-remove-bookmark:hover{background-color:#c0392b;transform:scale(1.1);box-shadow:0 3px 7px rgba(0,0,0,.4)}.ub-remove-bookmark svg{width:18px;height:18px}.ub-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.ub-confirm-modal{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}.ub-confirm-modal h3{color:#e53935;margin-top:0;margin-bottom:16px;font-size:1.2rem}.ub-confirm-modal p{margin-bottom:20px;line-height:1.5;color:var(--text-color,#333)}.ub-confirm-actions{display:flex;justify-content:center;gap:12px}.ub-cancel-btn,.ub-confirm-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.ub-confirm-btn{background-color:#e53935;color:#fff}.ub-confirm-btn:hover{background-color:#c62828}.ub-cancel-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.ub-cancel-btn:hover{background-color:#e0e0e0}.ub-no-bookmarks{text-align:center;padding:3rem;background:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);grid-column:1/-1;margin:0 1rem}.ub-no-bookmarks p{margin-bottom:1rem;color:var(--text-secondary,#666)}.ub-browse-novels-btn{display:inline-block;padding:.5rem 1rem;background:var(--primary-color,#ff6b6b);color:#fff;text-decoration:none;border-radius:4px;transition:all .2s ease}.ub-browse-novels-btn:hover{background:var(--primary-hover,#ff5252);transform:translateY(-2px)}.ub-error,.ub-loading{text-align:center;padding:2rem;grid-column:1/-1;margin:0 1rem}.ub-error{color:var(--error-color,#dc3545)}.ub-retry-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--primary-color,#ff6b6b);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.ub-retry-btn:hover{background:var(--primary-hover,#ff5252)}:root.dark-mode{.ub-bookmarks-container{background:#121212}.ub-sort-controls{background:#1a1a1a;border-color:#333}.ub-sort-label{color:#e0e0e0}.ub-sort-select{background-color:#333;color:#e0e0e0;border-color:#555;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.ub-bookmark-card{background:#1a1a1a;border-color:#333;box-shadow:0 1px 3px rgba(0,0,0,.3)}.ub-bookmark-header{background-color:#1a212c}.ub-chapter-row{border-bottom-color:#333}.ub-bookmarked-chapter-content .ub-chapter-label,.ub-chapter-content .ub-chapter-label,.ub-chapter-label{color:#aaa}.ub-chapter-content .ub-chapter-link.ub-new-chapter-link{color:#3498db}.ub-bookmarked-chapter-content .ub-chapter-link{color:#ff5252}.ub-remove-chapter-x.ub-disabled{color:#666;background:hsla(0,0%,40%,.1)}.ub-remove-bookmark{background-color:#ff5252}.ub-remove-bookmark:hover{background-color:red}.ub-confirm-modal{background-color:#2d3748;color:#e2e8f0}.ub-confirm-modal h3{color:#f56565}.ub-confirm-modal p{color:#e2e8f0}.ub-cancel-btn{background-color:#4a5568;color:#e2e8f0;border-color:#718096}.ub-cancel-btn:hover{background-color:#718096}.ub-no-bookmarks{background:#1a1a1a}.ub-no-bookmarks p{color:#aaa}}@media (max-width:1200px){.ub-bookmarks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ub-bookmarks-container{padding:1rem 0}.ub-bookmarks-header{flex-direction:column;align-items:flex-start;padding:0 1rem}.ub-sort-controls{width:100%;margin-bottom:1rem}.ub-bookmarks-grid{grid-template-columns:1fr;padding:0 1rem}.ub-bookmark-card{height:auto;min-height:180px}.ub-chapter-label{min-width:60px;font-size:12px}.ub-chapter-link{font-size:12px}}@media (max-width:576px){.ub-bookmark-card{flex-direction:row;height:auto;min-height:120px}.ub-cover-container{flex-shrink:0}.ub-update-time{font-size:10px;padding:2px 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ub-update-time i{font-size:10px;margin-right:2px}.ub-card-content{width:calc(100% - 80px);flex:1 1}.ub-bookmark-info{padding-right:40px}.ub-bookmark-title{font-size:14px}.ub-chapter-label{min-width:50px;font-size:11px}.ub-chapter-link{font-size:11px}.ub-remove-bookmark{width:32px;height:32px}.ub-remove-bookmark svg{width:14px;height:14px}}