Enhance breadcrumb navigation with path-selected highlighting, improved scroll positioning, and pulsing animation for focused tree items

frontend/style.css

@@ -637,6 +637,17 @@ select {
   color: var(--text-primary);
   box-shadow: inset 2px 0 0 var(--accent);
 }
+.tree-item.path-selected {
+  background: color-mix(in srgb, var(--accent) 20%, transparent);
+  color: var(--accent);
+  box-shadow: inset 0 0 0 2px var(--accent), inset 2px 0 0 var(--accent);
+  border-radius: 6px;
+  animation: pathPulse 1.5s ease-out;
+}
+@keyframes pathPulse {
+  0% { background: color-mix(in srgb, var(--accent) 40%, transparent); }
+  100% { background: color-mix(in srgb, var(--accent) 20%, transparent); }
+}
 .tree-item.filtered-out {
   display: none;
 }
@@ -1758,7 +1769,6 @@ body.resizing-v {
   #vault-panel-content {
     max-height: none;
   }
-
   #tag-panel-content {
     max-height: none;
   }