/* Launch keeps its approved composition while sharing the public v0.60.1
   palette, typography and motion tokens with the rest of DailyOne. */

html.dailyone-launch-v0-57-1-active,
html.dailyone-launch-v0-57-1-active body { overflow: hidden; }

html.dailyone-launch-v0-57-1-active .app {
  transform: translateY(42px) scale(1.012);
  transform-origin: 50% 28%;
  filter: blur(8px);
  opacity: 0;
  transition: transform 900ms var(--dailyone-ease-emphasized), filter 900ms var(--dailyone-ease-emphasized), opacity 720ms ease-out;
}

html.dailyone-launch-v0-57-1-reveal .app {
  transform: translateY(8px) scale(1.003);
  filter: blur(1px);
  opacity: .96;
}

.splash.launch-v0-57-1 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(248,249,247,.98);
  color: var(--launch-ink);
  font-family: var(--dailyone-font-display);
  -webkit-font-smoothing: antialiased;
  transform: none;
  transition: opacity 720ms ease-out, visibility 720ms, background 720ms ease-out;
}

.splash.launch-v0-57-1::before,
.splash.launch-v0-57-1::after,
.splash.launch-v0-57-1 .splash-mark::before,
.splash.launch-v0-57-1 .splash-mark::after,
.splash.launch-v0-57-1 .splash-inner::after { content: none; }

.splash.launch-v0-57-1 .launch-ambient {
  position: absolute;
  inset: -12%;
  background: radial-gradient(circle at 52% 54%,rgba(213,235,230,.86) 0,rgba(232,242,239,.4) 24%,transparent 56%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(241,247,245,.72));
  transform: scale(1.05);
  animation: launchAmbientBreatheV571 2.36s ease-in-out both;
  transition: opacity 720ms ease-out,transform 720ms cubic-bezier(.2,.82,.22,1);
}

.splash.launch-v0-57-1.is-revealing { background: rgba(248,249,247,.04); }
.splash.launch-v0-57-1.is-revealing .launch-ambient { opacity: 0; transform: scale(1.015); }

.splash.launch-v0-57-1 .splash-inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(70vw,276px);
  min-width: 0;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-direction: column;
  text-align: center;
  animation: none;
  transition: transform 760ms cubic-bezier(.2,.82,.22,1),opacity 680ms ease-out;
}

.splash.launch-v0-57-1 .splash-sub,
.splash.launch-v0-57-1 .v50-splash-tagline,
.splash.launch-v0-57-1 .v51-progress { display: none!important; }

.splash.launch-v0-57-1.is-revealing .splash-inner { transform: translateY(-18px) scale(.985); opacity: .82; }

.splash.launch-v0-57-1 .splash-mark {
  display: block;
  width: 86px;
  height: 86px;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: transparent;
  box-shadow: 0 18px 46px rgba(42,77,67,.13);
  animation: launchLogoArriveV571 820ms cubic-bezier(.2,.82,.22,1) both;
}

.splash.launch-v0-57-1 .splash-mark img { display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover; }

.splash.launch-v0-57-1 .splash-name {
  margin-top: 23px;
  color: var(--launch-ink);
  font: 650 31px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;
  letter-spacing: -1.25px;
  animation: launchCopyArriveV571 650ms 180ms ease-out both;
}

.splash.launch-v0-57-1 .launch-tagline {
  margin: 14px 0 0;
  color: #27302d;
  font-size: 15px;
  font-weight: 450;
  line-height: 1.5;
  letter-spacing: 1.35px;
  animation: launchCopyArriveV571 650ms 260ms ease-out both;
}

.splash.launch-v0-57-1 .launch-progress {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 34px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(108,137,129,.18);
  animation: launchCopyArriveV571 560ms 350ms ease-out both;
}

.splash.launch-v0-57-1 .launch-progress::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: -46px;
  width: 46px;
  height: 100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  will-change: transform,opacity;
  animation: launchProgressSheenV571 1.08s 260ms cubic-bezier(.2,.72,.28,1) both;
}

.splash.launch-v0-57-1 .launch-progress-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  border-radius: inherit;
  background: var(--launch-sage);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
  animation: launchProgressGrowV571 1.22s 180ms cubic-bezier(.2,.78,.24,1) forwards;
}

.splash.launch-v0-57-1 .launch-progress-label {
  margin: 17px 0 0;
  color: var(--launch-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .7px;
  animation: launchCopyArriveV571 560ms 410ms ease-out both;
}

.splash.launch-v0-57-1.hide { visibility:hidden;opacity:0;transform:none; }

@keyframes launchLogoArriveV571 { from{opacity:0;transform:translateY(10px) scale(.88);filter:blur(7px)} to{opacity:1;transform:none;filter:none} }
@keyframes launchCopyArriveV571 { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
@keyframes launchProgressGrowV571 { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes launchProgressSheenV571 { 0%{opacity:0;transform:translate3d(0,0,0)} 16%,82%{opacity:.95} 100%{opacity:0;transform:translate3d(325px,0,0)} }
@keyframes launchAmbientBreatheV571 { 0%{opacity:.58;transform:scale(1.04)} 55%{opacity:1;transform:scale(1)} 100%{opacity:.82;transform:scale(1.02)} }

@media(prefers-reduced-motion:reduce){
  html.dailyone-launch-v0-57-1-active .app,.splash.launch-v0-57-1,.splash.launch-v0-57-1 *{animation:none!important;transition-duration:80ms!important}
}
