Update index.html

index.html

@@ -38,7 +38,38 @@
       box-shadow: 0 0 15px rgba(0, 102, 255, 0.5);
       background: #000;
     }
+/* ホバー時の時間表示スタイル */
+.hover-time {
+  position: absolute;
+  top: -30px;
+  transform: translateX(-50%);
+  background: rgba(0, 20, 40, 0.9);
+  color: #00ccff;
+  padding: 3px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  pointer-events: none;
+  display: none;
+  white-space: nowrap;
+  font-family: "M PLUS Rounded 1c", monospace;
+}
 
+/* サムネイルプレビュー用スタイル */
+.thumbnail-preview {
+  position: absolute;
+  width: 160px;
+  height: 90px;
+  background: #000;
+  border: 2px solid #00aaff;
+  box-shadow: 0 0 10px rgba(0, 170, 255, 0.5);
+  display: none;
+  pointer-events: none;
+  z-index: 10;
+  bottom: 50px;
+  transform: translateX(-50%);
+  border-radius: 4px;
+  object-fit: cover;
+}
     video {
       width: 100%;
       display: block;