/* Bookluit app launch screen */
#bookluitLaunchLoader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0 30%,#f7fafc 64%,#eaf3f7 100%);color:#132f49;transition:opacity .42s ease,visibility .42s ease}
#bookluitLaunchLoader:before,#bookluitLaunchLoader:after{content:"";position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}
#bookluitLaunchLoader:before{width:420px;height:420px;left:-225px;bottom:-260px;background:radial-gradient(circle,#ff8e7b8c,transparent 69%)}
#bookluitLaunchLoader:after{width:420px;height:420px;right:-240px;top:-290px;background:radial-gradient(circle,#b9e5ff9c,transparent 70%)}
#bookluitLaunchLoader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.launch-loader-inner{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;transform:translateY(-3vh)}
.launch-loader-mark{position:relative;display:grid;place-items:center;width:148px;height:148px}
.launch-loader-spinner{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 18px #ff715842);animation:bookluitSpin 1.05s linear infinite}
.launch-loader-spinner .loader-arc{fill:none;stroke:url(#bookluitLoaderGradient);stroke-width:17;stroke-linecap:round;stroke-dasharray:178 300;animation:bookluitDash 1s ease-in-out infinite}
.launch-loader-spinner .loader-dots{fill:none;stroke:url(#bookluitLoaderGradient);stroke-width:11;stroke-linecap:round;stroke-dasharray:5 16;opacity:.68}
.launch-loader-logo{position:absolute;display:grid;place-items:center;width:126px;height:126px;overflow:hidden;border-radius:32px;opacity:0;transform:scale(.72) rotate(-9deg);box-shadow:0 18px 35px #17314a18;animation:bookluitReveal .58s cubic-bezier(.2,.85,.27,1.2) 1.1s forwards}
.launch-loader-logo img{position:absolute;left:50%;top:50%;width:174%;height:174%;max-width:none;object-fit:cover;transform:translate(-50%,-50%)}
.launch-loader-title{margin:27px 0 0;font:800 28px/1 "DM Sans",Arial,sans-serif;letter-spacing:-.06em;opacity:0;animation:bookluitCopy .45s ease 1.38s forwards}
.launch-loader-title span{color:#ff6d5c}
.launch-loader-copy{max-width:280px;margin:11px 0 0;color:#64798a;font:600 14px/1.5 "DM Sans",Arial,sans-serif;opacity:0;animation:bookluitCopy .45s ease 1.5s forwards}
.launch-loader-progress{width:108px;height:4px;margin-top:25px;overflow:hidden;border-radius:99px;background:#dce8ed}
.launch-loader-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17354d,#ff725f);animation:bookluitProgress 1.55s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes bookluitSpin{to{transform:rotate(360deg)}}
@keyframes bookluitDash{50%{stroke-dasharray:240 300;stroke-dashoffset:-28}}
@keyframes bookluitReveal{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes bookluitCopy{to{opacity:1;transform:translateY(0)}}
@keyframes bookluitProgress{from{transform:translateX(-120%)}to{transform:translateX(220%)}}
@media(max-width:560px){.launch-loader-inner{transform:translateY(-5vh)}.launch-loader-mark{width:134px;height:134px}.launch-loader-logo{width:114px;height:114px;border-radius:29px}.launch-loader-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.launch-loader-spinner,.launch-loader-spinner .loader-arc,.launch-loader-spinner .loader-dots,.launch-loader-logo,.launch-loader-title,.launch-loader-copy,.launch-loader-progress i{animation-duration:.01ms!important;animation-iteration-count:1!important}}
