.lyrics-viewport {
    height: min(55vh, 520px);
    overflow-y: auto;
    padding: 35vh 1rem;
    scroll-behavior: smooth;
}

.lyrics-track {
    display: grid;
    gap: 0.2rem;
}
.lyrics-stanza-start {
    margin-top: 2rem;
}

.lyrics-line {
    width: 100%;
    padding: 0.5rem 1rem;

    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.35);

    cursor: pointer;
    text-align: center;

    font: inherit;
    font-size: clamp(1.1rem, 2vw, 1.8rem);
    font-weight: 700;

    transition:
        color 180ms ease,
        opacity 180ms ease,
        transform 180ms ease;
}

.lyrics-line:hover {
    color: rgba(255, 255, 255, 0.75);
}

.lyrics-line.is-past {
    color: rgba(255, 255, 255, 0.18);
}

.lyrics-line.is-active {
    color: #d9ff5f;
    transform: scale(1.06);
}

.lyrics-message {
    color: #a4a9b2;
    text-align: center;
}

.lyrics-error {
    color: #ff6b6b;
}

body.focus-mode .lyrics-viewport {
    height: calc(100vh - 190px);
}