/* Hypatia V16 / Chronicle Chroma splash component.
   Scoped, dark, bounded, no legacy HyOS Liquid Glass. */
:root{
  --hyp-splash-bg:#02050e;
  --hyp-splash-panel:#061124;
  --hyp-splash-ink:#f0f7ff;
  --hyp-splash-muted:#91a8c4;
  --hyp-splash-cyan:#35eaff;
  --hyp-splash-purple:#a657ff;
  --hyp-splash-pink:#ff3fc8;
}
#hypatia-v16-splash{
  position:fixed;inset:0;z-index:2147482000;isolation:isolate;
  display:flex;align-items:center;justify-content:center;
  padding:calc(20px + env(safe-area-inset-top,0px))
          calc(20px + env(safe-area-inset-right,0px))
          calc(20px + env(safe-area-inset-bottom,0px))
          calc(20px + env(safe-area-inset-left,0px));
  background:
    radial-gradient(ellipse 85% 68% at 12% 0%,rgba(53,138,255,.13),transparent 67%),
    radial-gradient(ellipse 80% 62% at 87% 80%,rgba(166,87,255,.12),transparent 68%),var(--hyp-splash-bg);
  color:var(--hyp-splash-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  opacity:1;visibility:visible;overflow:hidden;
  transition:opacity .32s ease,visibility .32s ease;
}
#hypatia-v16-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
#hypatia-v16-splash *{box-sizing:border-box}
#hypatia-v16-splash .hyp-splash-panel{
  width:min(100%,414px);max-height:min(600px,calc(100dvh - 44px));
  display:flex;flex-direction:column;align-items:center;gap:13px;
  text-align:center;
  padding:clamp(22px,6vw,42px) clamp(20px,5vw,38px);
  border:1px solid transparent;border-radius:22px;
  background:
    linear-gradient(155deg,rgba(8,18,37,.97),rgba(2,5,14,.97)) padding-box,
    linear-gradient(125deg,rgba(53,234,255,.57),rgba(99,150,255,.12) 55%,rgba(166,87,255,.47)) border-box;
  box-shadow:0 28px 90px rgba(0,0,0,.53),inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
#hypatia-v16-splash .hyp-splash-face{
  width:clamp(66px,18vw,88px);height:clamp(66px,18vw,88px);
  display:block;object-fit:cover;border-radius:50%;flex:none;
  background:#071322;border:2px solid rgba(53,234,255,.6);
  box-shadow:0 0 0 6px rgba(53,234,255,.055),0 0 38px rgba(53,234,255,.14);
}
#hypatia-v16-splash .hyp-splash-mark{
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.34em;
  color:#a3efff;margin-top:4px;
}
#hypatia-v16-splash .hyp-splash-app{
  max-width:100%;font-size:clamp(21px,5.2vw,28px);line-height:1.17;
  font-weight:850;letter-spacing:-.036em;overflow-wrap:anywhere;
  background:linear-gradient(115deg,#fff 9%,#97eeff 61%,#bea2ff);
  color:#f5fbff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#hypatia-v16-splash .hyp-splash-caption{
  min-height:17px;font:600 12px/1.4 Inter,system-ui,sans-serif;
  color:var(--hyp-splash-muted);overflow-wrap:anywhere;
}
#hypatia-v16-splash .hyp-splash-track{
  height:4px;width:min(100%,260px);border-radius:5px;
  overflow:hidden;background:rgba(110,157,216,.16);
}
#hypatia-v16-splash .hyp-splash-progress{
  height:100%;width:40%;border-radius:inherit;
  background:linear-gradient(90deg,var(--hyp-splash-cyan),#438fff,var(--hyp-splash-purple));
  animation:hyp-splash-v16-progress 1.55s ease-in-out infinite alternate;
}
@keyframes hyp-splash-v16-progress{from{transform:translateX(-85%)}to{transform:translateX(245%)}}
#hypatia-v16-splash .hyp-splash-footer{
  font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(173,196,230,.52);margin-top:6px;
}
@media(max-width:440px){
 #hypatia-v16-splash .hyp-splash-panel{padding:30px 20px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
 #hypatia-v16-splash,#hypatia-v16-splash *{animation:none!important;transition-duration:.01ms!important}
 #hypatia-v16-splash .hyp-splash-progress{width:100%;transform:none}
}