/* Megumareta splash — 1s, mirrors app identity: indigo gradient bg + glass card + wordmark */
#splash {
  position: fixed; inset: 0; z-index: 100;
  background: linear-gradient(180deg, #2b3a8f 0%, #4653ae 60%, #8b95cf 100%);
  display: flex; align-items: center; justify-content: center;
  opacity: 1; transition: opacity .35s ease;
}
#splash.hide { opacity: 0; pointer-events: none; }

/* glass card — same language as hero card in app */
.splash-card {
  display: flex; flex-direction: column; align-items: center;
  padding: 34px 44px;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 24px;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  animation: card-in .45s cubic-bezier(.2, .9, .3, 1) both;
}
@keyframes card-in {
  from { opacity: 0; transform: translateY(16px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* brand row: logo circle + wordmark */
.splash-brand { display: flex; align-items: center; gap: 12px; }

/* logo circle — same as app brand-mark (blue circle, M) */
.splash-logo {
  width: 52px; height: 52px; border-radius: 50%;
  background: linear-gradient(145deg, #1e5bd6, #3d4aa5);
  display: grid; place-items: center;
  font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; color: #fff;
  box-shadow: 0 4px 14px rgba(30, 91, 214, .4);
  animation: logo-in .4s cubic-bezier(.2, 1.4, .3, 1) .1s both;
}
@keyframes logo-in {
  from { opacity: 0; transform: scale(.5); }
  to { opacity: 1; transform: scale(1); }
}

/* wordmark — letters pop in fast (fits in 1s) */
.splash-word { display: flex; overflow: hidden; }
.splash-word span {
  font-family: 'Inter', sans-serif;
  font-size: 26px; font-weight: 700; color: #fff; letter-spacing: .02em;
  display: inline-block; transform: translateY(130%);
  animation: word-up .32s cubic-bezier(.2, .9, .25, 1) forwards;
}
.splash-word span:nth-child(1) { animation-delay: .18s; }
.splash-word span:nth-child(2) { animation-delay: .22s; }
.splash-word span:nth-child(3) { animation-delay: .26s; }
.splash-word span:nth-child(4) { animation-delay: .30s; }
.splash-word span:nth-child(5) { animation-delay: .34s; }
.splash-word span:nth-child(6) { animation-delay: .38s; }
.splash-word span:nth-child(7) { animation-delay: .42s; }
.splash-word span:nth-child(8) { animation-delay: .46s; }
.splash-word span:nth-child(9) { animation-delay: .50s; }
.splash-word span:nth-child(10) { animation-delay: .54s; }
@keyframes word-up { to { transform: translateY(0); } }

.splash-tagline {
  margin-top: 12px; font-size: 10px; letter-spacing: .38em; text-transform: uppercase;
  color: rgba(255,255,255,.65); font-weight: 700;
  opacity: 0; animation: tag-in .3s ease .6s forwards;
}
@keyframes tag-in { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .splash-card, .splash-logo, .splash-word span, .splash-tagline {
    animation-duration: .01s !important; animation-delay: 0s !important;
  }
}