/* Home → Clear Market entry transition */
.cm-entry-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background:
    radial-gradient(120% 60% at 100% 0%, color-mix(in srgb, #ec4899 12%, transparent), transparent 60%),
    radial-gradient(120% 60% at 0% 100%, color-mix(in srgb, #06b6d4 10%, transparent), transparent 60%),
    #f5f3ff;
  color: #1c1543;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

html.night-mode .cm-entry-overlay,
body.night-mode .cm-entry-overlay {
  background:
    radial-gradient(120% 50% at 100% 0%, color-mix(in srgb, #b8337a 18%, transparent), transparent 55%),
    #0f0c22;
  color: #f1eeff;
}

.cm-entry-overlay.is-active {
  opacity: 1;
  pointer-events: auto;
}

.cm-entry-overlay__title {
  font-family: "Chronicle Display", "Chronicle Display A", "Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 8vw, 2.8rem);
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #5b3df5 0%, #8b5cf6 38%, #ec4899 72%, #ff8a4c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html.night-mode .cm-entry-overlay__title,
body.night-mode .cm-entry-overlay__title {
  background: linear-gradient(135deg, #a48bff 0%, #c084fc 40%, #f472b6 75%, #fb923c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cm-entry-overlay__sub {
  margin: 0;
  font-family: "Chronicle Display", "Chronicle Display A", "Playfair Display", Georgia, serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.7;
}

.cm-entry-overlay__lottie {
  width: min(220px, 60vw);
  height: min(220px, 60vw);
}