#splash .splash-bg::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 252, 245, 0.34) 0%, rgba(255, 252, 245, 0) 28%),
    radial-gradient(circle at 50% 93%, rgba(255, 250, 239, 0.88) 0%, rgba(255, 250, 239, 0.56) 22%, rgba(255, 250, 239, 0) 48%) !important;
}

.splash-top-logo {
  position: absolute !important;
  z-index: 3 !important;
  top: max(28px, calc(env(safe-area-inset-top) + 18px)) !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.splash-top-logo img {
  width: 86px !important;
  height: 86px !important;
  display: block !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 12px 20px rgba(132, 87, 18, 0.16))
    drop-shadow(0 2px 0 rgba(255, 255, 255, 0.72)) !important;
}

#splash.is-ready .splash-top-logo {
  opacity: 0 !important;
  transform: translateY(-10px) scale(0.97) !important;
  filter: blur(6px) !important;
  transition: transform 0.24s ease, opacity 0.24s ease, filter 0.24s ease !important;
}

.splash-session-copy {
  width: fit-content !important;
  min-width: min(100%, 250px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 12px 18px 13px !important;
  border: 1px solid rgba(191, 140, 48, 0.16) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.88), rgba(255, 247, 232, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 14px 34px rgba(126, 86, 20, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(12px) !important;
}

.splash-session-copy span {
  color: #705019 !important;
  text-shadow: none !important;
}

.splash-session-copy strong {
  color: #070708 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(132, 87, 18, 0.18) !important;
}

#splash .splash-subtitle {
  color: #554b3f !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 420px) {
  .splash-top-logo {
    top: max(24px, calc(env(safe-area-inset-top) + 14px)) !important;
  }

  .splash-top-logo img {
    width: 80px !important;
    height: 80px !important;
  }

  .splash-session-copy {
    min-width: min(100%, 232px) !important;
    padding: 11px 16px 12px !important;
    border-radius: 22px !important;
  }
}

@media (max-height: 740px) {
  .splash-top-logo img {
    width: 70px !important;
    height: 70px !important;
  }

  .splash-session-copy {
    padding-top: 10px !important;
    padding-bottom: 11px !important;
  }
}