html { scroll-behavior: smooth; }

body {
  background-image:
    radial-gradient(1200px 600px at 10% -10%, rgba(52, 211, 153, 0.04), transparent 60%),
    radial-gradient(900px 500px at 100% 20%, rgba(148, 163, 184, 0.04), transparent 60%);
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #05070d; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #134e4a, #0e7490);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #0d9488, #06b6d4); }

details > summary::-webkit-details-marker { display: none; }
details > summary { list-style: none; }

@keyframes auroraShift {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.7; }
  50% { transform: translate3d(3%, -2%, 0); opacity: 0.9; }
}
.aurora-anim { animation: auroraShift 14s ease-in-out infinite; }

.text-balance { text-wrap: balance; }

a, button { -webkit-tap-highlight-color: transparent; }