body{margin:0;font-family:system-ui,-apple-system,sans-serif;padding-bottom:env(safe-area-inset-bottom)}

/* Menu container */
.menu-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  padding-bottom: 100px;
  background: var(--background);
  min-height: calc(100vh - 200px);
}

/* Mobile-only header (hide on desktop) */
@media (max-width: 768px) {
  .app-header-home {
    display: block;
    background: var(--accent);
    color: white;
    padding: 16px;
    padding-top: calc(16px + env(safe-area-inset-top));
  }

  .app-header-content-home {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
  }

  /* Hide desktop on mobile */
  .desktop-logout {
    display: none;
  }
}

/* Desktop-only styles */
@media (min-width: 769px) {
  .app-header-home {
    display: none;
  }

  .menu-container {
    padding: 32px 24px;
  }

  .desktop-logout {
    text-align: center;
    margin: 20px 0;
    display: none; /* No logout on main index */
  }
}

/* Override menu card border color to pink for main index */
.menu-card {
  border-left: 4px solid var(--octo-pink);
}

/* desktop logo img */
.logo-header .desktop-logo-img { max-width: 200px; height: auto; }