.nav-item::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    max-width: 110px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    background: var(--glass-fallback-bg);
    color: var(--text);
    font-size: 0.74rem;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, 4px);
    pointer-events: none;
    transition: opacity var(--transition), transform var(--transition);
}

.nav-item:hover::before,
.nav-item:focus-visible::before,
.nav-item.show-tooltip::before {
    opacity: 1;
    transform: translate(-50%, 0);
}