.custom-outline-border {
    border: 1px solid #333;
  }

  body.light-mode {
    background-color: #ffffff !important;
    color: #111827 !important;
  }

  body.light-mode .bg-gray-800 {
    background-color: #f3f4f6 !important;
  }

  body.light-mode .text-gray-100 {
    color: #111827 !important;
  }

  body.light-mode .text-gray-400 {
    color: #4b5563 !important;
  }

  body.light-mode .custom-outline-border {
    border-color: #e5e7eb !important;
  }

.gravity-stage {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  overflow: hidden;
}

.gravity-piece {
  position: fixed;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f3f4f6;
  transform-origin: center;
  will-change: transform;
}

.gravity-piece img {
  display: block;
  object-fit: cover;
}

.gravity-piece a,
.gravity-piece div,
.gravity-piece img,
.gravity-piece i {
  pointer-events: none;
}

.gravity-word {
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
  font: inherit;
  font-weight: 700;
  text-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
}

.gravity-hide-originals header,
.gravity-hide-originals main {
  opacity: 0;
}