> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindli.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Sign-In Tips Across Devices

> Use the right account and sign-out option on every device

export const MndIcon = ({icon, size = 20, color, circle = false}) => {
  const iconUrl = `https://app.mindli.com/api/icon/${icon}`;
  const [isDarkMode, setIsDarkMode] = React.useState(false);
  React.useEffect(() => {
    const checkTheme = () => {
      const darkClass = document.documentElement.classList.contains('dark');
      const darkAttr = document.documentElement.getAttribute('data-theme') === 'dark';
      setIsDarkMode(darkClass || darkAttr);
    };
    checkTheme();
    const observer = new MutationObserver(checkTheme);
    observer.observe(document.documentElement, {
      attributes: true,
      attributeFilter: ['class', 'data-theme']
    });
    return () => observer.disconnect();
  }, []);
  let finalColor = color;
  if (!color) {
    finalColor = isDarkMode ? '#FFFFFF' : '#333333';
  }
  const iconElement = <span style={{
    width: `${size}px`,
    height: `${size}px`,
    backgroundColor: finalColor,
    maskImage: `url(${iconUrl})`,
    maskSize: 'contain',
    maskRepeat: 'no-repeat',
    WebkitMaskImage: `url(${iconUrl})`,
    WebkitMaskSize: 'contain',
    display: 'inline-block',
    verticalAlign: 'middle'
  }} />;
  if (!circle) {
    return <span style={{
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center',
      verticalAlign: 'middle',
      transform: 'translateY(-0.08em)'
    }}>
        {iconElement}
      </span>;
  }
  const circleSize = Math.max(size + 6, 20);
  return <span style={{
    display: 'inline-flex',
    width: `${circleSize}px`,
    height: `${circleSize}px`,
    border: `2px solid ${finalColor}`,
    borderRadius: '9999px',
    alignItems: 'center',
    justifyContent: 'center',
    verticalAlign: 'middle',
    transform: 'translateY(-0.08em)'
  }}>
      {iconElement}
    </span>;
};

## Overview

These tips help you keep the same MindLi available on web, iOS, and Android, while keeping your account private and secure.

***

## 1. Use the Same MindLi Account on Every Device

Sign in with the same MindLi account on web, iOS, and Android so your Sparks, Boxes, and settings stay connected.

If you use different sign-in methods or different email addresses, you may end up in a different MindLi account.

***

## 2. Recommended: Use Your Google Account

Your Google account is usually the easiest way to sign in across devices.
This can be your Gmail account, or any other account managed by Google.

Tap **<MndIcon icon="MNDIconGoogle" /> Continue with Google** and choose the Google account you want connected to MindLi.

***

## 3. If the Wrong Google Account Opens, Switch Accounts First

If Google opens the wrong account, switch before completing sign-in.

On web, choose another account in the Google sign-in screen, or sign out of the wrong Google account in your browser first.

On mobile, close the sign-in screen and start again with the account you want to use.

***

## 4. Choose the Right Sign-Out Option for Privacy and Security

Use **Sign Out** when you only want to leave MindLi on the current device.
This is the right choice for your own phone, tablet, or computer when you simply want to end the current session.

Use **Sign Out From All Devices** when privacy or security matters across every device.
This signs you out of MindLi on this device and any other devices where you're signed in.

Use it if you lost a device, used a shared computer, or want to disconnect all active sessions.

***

## 5. Advanced Tip: Using Several Google Accounts

If you use several Google accounts, make sure you choose the account connected to the MindLi you want to open.

On web, Google sign-in lets you choose from Google accounts that are already signed in to your browser.

On mobile, tap **Continue with Google** for normal sign-in. To show the Google account chooser, long-press **Continue with Google**.

***

## 6. Refresh After Switching Devices or Signing Back In

If something looks stale after signing in again, use **<MndIcon icon="MNDIconRefreshCcw" /> Refresh Data** on the relevant screen.

<div style={{ display: 'flex', justifyContent: 'flex-start', marginTop: '2rem', paddingTop: '2rem' }}>
  <a href="/get-started/thinking-patterns" style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', color: 'currentColor', textDecoration: 'none', fontSize: '0.95rem', border: 'none' }}>
    <span>‹</span> <MndIcon icon="MNDIconBrain" size={16} color="currentColor" /> <span>Thinking Patterns</span>
  </a>
</div>
