/* Modal animation */
dialog[open].modal-animate {
  animation: modal-in 150ms ease-out;
}

dialog[open].modal-animate::backdrop {
  animation: backdrop-in 150ms ease-out;
}

@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Monospace font size adjustment - mono fonts appear larger at same size */
.font-mono {
  font-size: 0.8em;
}

/* Dropdown and popover animation */
[data-dropdown-target="menu"]:not(.hidden),
[data-popover-target="panel"]:not(.hidden) {
  animation: dropdown-in 150ms ease-out;
}

@keyframes dropdown-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}