.lesson-label {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    pointer-events: none;
    font-size: 10px;
    font-weight: 500;
    fill: #064e3b;
    user-select: none;
}

.dot:hover + .lesson-label {
    opacity: 1;
}

.connection-line {
    stroke: #34d399;
    stroke-width: 1.5;
}

.new-node {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { r: 5px; }
    50% { r: 6px; }
    100% { r: 5px; }
}

#lesson-map {
    width: 100%;
    height: 100%;
}