.desktop-nav {
    display: block;
}

.mobile-topbar {
    display: none;
}

.mobile-topbar-brand {
    color: var(--app-text);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.mobile-topbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-topbar-icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--app-text);
    text-decoration: none;

    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 14px;
}