.timeline-bg {
            fill: #000;
        }
        .timeline-line,
        .timeline-tick,
        .moon-line {
            stroke: #888;
            stroke-width: 2;
            stroke-linecap: round;
        }
        .event-circle {
            fill: #000;
            stroke: white;
            stroke-width: 2;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
        }
        #event-list {
            list-style-type: none;
            padding: 0;
            max-width: 40rem;
        }
        #event-list li {
            padding: 8px;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
        }
        #event-list li strong {
            color: #ccc;
            display: inline-block;
            min-width: 200px;
        }
.stage-name {
    color: white;
}
.stage-date {
    color: #888;
}
.stage-phase {
    color: #666;
}

        .event-circle.highlight {
            fill: #ff3b30;
            stroke: #ff3b30;
        }
        #event-list li.highlight {
            background-color: #333;
        }
        #event-list li.highlight strong,
        #event-list li.highlight span {
            color: #ff3b30;
        }