/* Śaci shared loading screen: used by the website and every app (Creator, NGO, Admin, Shop).
   "Ink drop": an orange drop falls, splashes into a full-screen circle, shrinks away; the logo emerges and the tagline follows. */
#splash{--sp-fd:var(--fd,var(--site-font-two,"Fraunces",Georgia,serif));--sp-or:#FBA250;--sp-cr:#F2E2D5;--sp-T:4s}
#splash,#splash *{box-sizing:border-box}
#splash b,#splash i,#splash span{font-style:normal}
#splash{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sp-cr);overflow:hidden;background:#7E3543;transition:opacity .55s ease,transform .55s ease,filter .55s ease}
#splash.out{opacity:0;transform:scale(1.06);filter:blur(6px);pointer-events:none}
#splash .sp-label{position:absolute;top:22px;left:0;right:0;text-align:center;font:700 10.5px/1 var(--sp-fd);letter-spacing:.22em;text-transform:uppercase;color:rgba(242,226,213,.7)}
/* centred stack: logo, then the tagline one line at a time. Timed to the ink drop: the logo emerges as the orange circle shrinks onto it (~36% of --sp-T) */
#splash .sp-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:-5vh;padding:0 20px;text-align:center}
#splash .sp-icon{display:block;width:84px;height:84px;border-radius:22px;margin-bottom:22px;opacity:0;transform:scale(.3) rotate(-12deg);box-shadow:0 0 0 0 rgba(251,162,80,.55);animation:spIcon .8s cubic-bezier(.2,1.5,.4,1) calc(var(--sp-T)*.34) forwards,spRing 1.2s ease-out calc(var(--sp-T)*.34 + .45s) forwards}
@keyframes spIcon{to{opacity:1;transform:none}}
@keyframes spRing{from{box-shadow:0 0 0 0 rgba(251,162,80,.55)}to{box-shadow:0 0 0 26px rgba(251,162,80,0)}}
#splash .sp-logo{display:block;width:min(56vw,230px);height:auto;opacity:0;transform:translateY(14px) scale(.9);filter:blur(8px);animation:spLogo .8s cubic-bezier(.2,1,.3,1) calc(var(--sp-T)*.34 + .35s) forwards}
@keyframes spLogo{to{opacity:1;transform:none;filter:blur(0)}}
#splash .sp-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-top:20px}
#splash .sp-lines span{font:italic 600 19px/1.3 var(--sp-fd);color:rgba(242,226,213,.9);opacity:0;transform:translateY(10px);animation:spTag .6s ease forwards;animation-delay:calc(var(--sp-T)*.34 + 1.1s + var(--i)*.3s)}
#splash .sp-lines span:last-child{color:var(--sp-or)}
@keyframes spTag{to{opacity:1;transform:none}}
/* ink drop + splash circle */
#splash .sp-ink{position:absolute;left:50%;top:calc(50% - 150px);width:30px;height:30px;margin-left:-15px;border-radius:50%;background:var(--sp-or);opacity:0;animation:spDrop var(--sp-T) cubic-bezier(.5,0,.5,1) forwards}
@keyframes spDrop{
 0%{opacity:1;transform:translateY(0) scale(1)}
 12%{opacity:1;transform:translateY(150px) scale(1,1.2)}
 16%{transform:translateY(150px) scale(1.6,.5)}
 21%{transform:translateY(150px) scale(1)}
 25%{opacity:1;transform:translateY(150px) scale(18)}
 33%{opacity:1;transform:translateY(150px) scale(18)}
 41%{opacity:1;transform:translateY(150px) scale(.01)}
 47%,100%{opacity:0;transform:translateY(150px) scale(.01)}}
#splash .sp-wipe{position:absolute;inset:0;background:var(--sp-or);clip-path:circle(0 at 50% 50%);animation:spWipe var(--sp-T) cubic-bezier(.6,0,.3,1) forwards}
@keyframes spWipe{0%,14%{clip-path:circle(0 at 50% 50%)}26%{clip-path:circle(150% at 50% 50%)}35%,100%{clip-path:circle(0 at 50% 50%)}}
/* progress */
#splash .sp-bar{position:absolute;bottom:74px;width:150px;height:4px;opacity:0;animation:spFade .5s ease calc(var(--sp-T)*.3) forwards;border-radius:4px;background:rgba(255,255,255,.2);overflow:hidden}
#splash .sp-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--sp-or),#FFD29A);transform-origin:left;transform:scaleX(0)}
#splash .sp-pct{position:absolute;bottom:52px;font:700 12px/1 var(--sp-fd);letter-spacing:.08em;color:rgba(242,226,213,.85);font-variant-numeric:tabular-nums;opacity:0;animation:spFade .5s ease calc(var(--sp-T)*.3) forwards}
@keyframes spFade{to{opacity:1}}
/* version, set by updater.js as --saci-ver */
#splash::after{content:var(--saci-ver);position:absolute;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;font:600 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;color:rgba(242,226,213,.6)}
@media (min-width:700px){#splash:not(.in-phone) .sp-icon{width:104px;height:104px;border-radius:27px}#splash:not(.in-phone) .sp-logo{width:300px}#splash:not(.in-phone) .sp-lines span{font-size:24px}}
@media (prefers-reduced-motion:reduce){#splash *,#splash *::before,#splash *::after{animation:none!important}#splash .sp-icon,#splash .sp-logo,#splash .sp-lines span,#splash .sp-bar,#splash .sp-pct{opacity:1;transform:none;filter:none}#splash .sp-ink,#splash .sp-wipe{display:none}}
html.sp-lock,html.sp-lock body{overflow:hidden}