/* Simple Auth Modal Styles */
#auth-modal {
  display: none;
}
#auth-modal.active {
  display: flex;
}
#auth-modal .modal-bg {
  background: rgba(0,0,0,0.6);
}
#auth-modal .modal-content {
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
  width: 100%;
  max-width: 400px;
  padding: 2rem;
  position: relative;
  animation: modalIn .2s cubic-bezier(.4,0,.2,1);
}
#auth-modal .close-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #888;
  cursor: pointer;
}
@keyframes modalIn {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@media (max-width: 500px) {
  #auth-modal .modal-content { padding: 1rem; max-width: 95vw; }
}