added chapters on player using aniskip api

docker/views/css/anime/watch.css

@@ -761,3 +761,70 @@
         flex: 0 0 calc(50% - 0.75rem);
     }
 }
+
+ .plyr__progress {
+     position: relative;
+ }
+
+.plyr__markers {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    pointer-events: none;
+    z-index: 2;
+}
+
+.plyr__marker {
+    position: absolute;
+    bottom: 0;
+    width: 3px;
+    height: 100%;
+    background: rgba(255, 215, 0, 0.8); /* Color dorado para Opening */
+    pointer-events: all;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.plyr__marker[data-label*="Ending"] {
+    background: rgba(255, 100, 100, 0.8); /* Color rojo para Ending */
+}
+
+.plyr__marker:hover {
+    height: 120%;
+    width: 4px;
+    background: rgba(255, 215, 0, 1);
+}
+
+.plyr__marker[data-label*="Ending"]:hover {
+    background: rgba(255, 100, 100, 1);
+}
+
+/* Tooltip para mostrar el label */
+.plyr__marker::before {
+    content: attr(data-label);
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-8px);
+    background: rgba(0, 0, 0, 0.9);
+    color: white;
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    white-space: nowrap;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.2s ease;
+}
+
+.plyr__marker:hover::before {
+    opacity: 1;
+}
+.plyr__marker {
+    position: absolute;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.35);
+    cursor: pointer;
+}