body.auth-locked {
    display: none !important;
}

.mermaid {
  transition: transform 0.3s ease;
  cursor: zoom-in;
  background: var(--md-default-bg-color);
  border: 2px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
}

.mermaid:hover {
  transform: scale(2.5);
  z-index: 100;
  position: relative;
  background: var(--md-default-bg-color);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 
    0 0 20px rgba(0,0,0,0.3),
    0 0 0 1px var(--md-default-fg-color--lightest);
}