From 483b20e13d2136aa6533715d739f0864bd66b05e Mon Sep 17 00:00:00 2001
From: Kiyomichi Kosaka <ok2@users.noreply.github.com>
Date: Fri, 20 Jun 2025 08:09:50 +0200
Subject: [PATCH] Improve detail timeline visibility

---
 style.css | 36 ++++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/style.css b/style.css
index 91cacd3..fdba01b 100644
--- a/style.css
+++ b/style.css
@@ -401,7 +401,7 @@
 .detail-timeline {
   position: relative;
   height: 400px;
-  border-left: 2px solid #00ffff;
+  border-left: 3px solid #00ffff;
   margin-left: 40px;
   overflow-x: visible;
   overflow-y: hidden;
@@ -411,12 +411,14 @@
   position: absolute;
   left: -40px;
   width: calc(100% + 40px);
-  border-top: 1px dashed rgba(255,255,255,0.2);
-  color: #aaa;
-  font-size: 0.8em;
+  border-top: 1px dashed rgba(0,255,255,0.5);
+  color: #00ffff;
+  font-size: 0.9em;
+  font-weight: 600;
   padding-top: 2px;
+  text-shadow: 0 0 4px #00ffff;
   pointer-events: none;
-  z-index: 1;
+  z-index: 5;
 }
 
 .current-time-line {
@@ -425,23 +427,26 @@
   width: calc(100% + 40px);
   border-top: 2px solid #ff00ff;
   color: #ff00ff;
-  font-size: 0.8em;
+  font-size: 0.9em;
+  font-weight: 600;
   padding-top: 2px;
+  text-shadow: 0 0 4px #ff00ff;
   pointer-events: none;
-  z-index: 2;
+  z-index: 6;
 }
 
 .event-box, .event-line {
   position: absolute;
   left: 0;
-  background: rgba(255,0,255,0.3);
-  border: 1px solid rgba(0,255,255,0.5);
+  background: rgba(255,0,255,0.4);
+  border: 1px solid rgba(0,255,255,0.7);
   border-radius: 4px;
   padding: 2px 4px;
   color: #fff;
-  font-size: 0.7em;
+  font-size: 0.75em;
   overflow: visible;
   white-space: nowrap;
+  z-index: 3;
 }
 
 .event-line {
@@ -462,13 +467,16 @@
   top: 50%;
   transform: translateY(-50%);
   margin-left: 4px;
-  background: rgba(255,0,255,0.3);
-  border: 1px solid rgba(0,255,255,0.5);
+  background: rgba(255,0,255,0.5);
+  border: 1px solid rgba(0,255,255,0.8);
   border-radius: 4px;
-  padding: 2px 4px;
+  padding: 2px 6px;
   white-space: nowrap;
   color: #fff;
-  font-size: 0.7em;
+  font-size: 0.75em;
+  font-weight: 600;
+  text-shadow: 0 0 4px #ff00ff;
+  z-index: 4;
 }
 
 /* Layout combining current time and analog clock */