.bookmarks-page{max-width:1200px;margin:0 auto;padding:24px 16px}.bookmarks-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.bookmarks-page-title{align-items:center;gap:12px;display:flex}.bookmarks-page-title svg{color:#3b82f6}.bookmarks-page-title h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:800}.bookmarks-page-actions{align-items:center;gap:12px;display:flex}.bookmarks-page-sort{border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);padding:8px 14px}.bookmarks-page-sort:hover{border-color:var(--border-3);background:var(--surface-2)}.bookmarks-page-clear{border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);background:#ef44440d;border:1px solid #ef44444d;padding:8px 14px}.bookmarks-page-clear:hover{border-color:var(--error);background:#ef444426}.bookmarks-page-count{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:20px}.bookmarks-page-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.bookmark-page-card{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--surface-1);transition:var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.bookmark-page-card:hover{border-color:var(--border-2);background:var(--surface-2);box-shadow:var(--shadow-lg)}.bookmark-page-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.bookmark-page-thumb{aspect-ratio:16/9;background:var(--surface-2);width:100%;overflow:hidden}.bookmark-page-thumb img{object-fit:cover;width:100%;height:100%}.bookmark-page-content{flex-direction:column;flex:1;padding:16px;display:flex}.bookmark-page-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;line-height:1.4;display:-webkit-box;overflow:hidden}.bookmark-page-desc{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;line-height:1.5;display:-webkit-box;overflow:hidden}.bookmark-page-meta{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:12px;margin-bottom:10px;display:flex}.bookmark-page-source{font-weight:var(--font-medium);color:var(--text-secondary)}.bookmark-page-entities{flex-wrap:wrap;gap:6px;display:flex}.bookmark-page-entity{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary);font-size:11px;font-weight:var(--font-medium);padding:3px 8px}.bookmark-page-remove{border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--background-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-muted);cursor:pointer;opacity:0;transition:var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.bookmark-page-card:hover .bookmark-page-remove{opacity:1}.bookmark-page-remove:hover{border-color:var(--error);color:var(--error);background:#ef444433}.bookmarks-page-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.bookmarks-page-empty svg{opacity:.3;color:var(--text-muted);margin-bottom:24px}.bookmarks-page-empty h2{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:700}.bookmarks-page-empty p{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;margin:0 0 24px}.bookmarks-page-cta{border-radius:var(--radius-md);background:var(--foreground);color:var(--background);font-size:var(--text-base);font-weight:var(--font-semibold);transition:var(--transition-base);align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex}.bookmarks-page-cta:hover{box-shadow:0 8px 20px #caff034d}.page-loading{min-height:400px;font-size:var(--text-lg);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}@media (max-width:640px){.bookmarks-page{padding:16px 12px}.bookmarks-page-header{flex-direction:column;align-items:stretch}.bookmarks-page-title h1{font-size:24px}.bookmarks-page-grid{grid-template-columns:1fr}.bookmark-page-remove{opacity:1}}