/* Minimal extras on top of Tailwind CDN */
html {
  scroll-behavior: smooth;
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.toast {
  animation: rise-in 0.35s ease both;
}

@media (max-width: 767px) {
  .nav-links {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.75rem 1rem 1rem;
    background: rgb(9 9 11 / 0.97);
    border-bottom: 1px solid rgb(39 39 42);
  }

  .nav-links.is-open {
    display: flex;
  }

  .nav-links a {
    display: block;
    padding: 0.75rem 0.25rem;
    color: rgb(161 161 170);
  }

  .nav-links a:hover {
    color: white;
  }

  .nav-header {
    position: relative;
  }
}

.platform.is-active {
  border-color: rgb(167 139 250);
  background-color: rgb(245 243 255);
  box-shadow: 0 0 0 2px rgb(221 214 254);
}