#tilawa-launch{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12313a;transition:opacity .45s ease,visibility .45s}
#tilawa-launch.is-leaving{opacity:0;visibility:hidden}
#tilawa-launch .tl-glow{position:absolute;left:50%;top:42%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,#2a6b78 0%,#12313a00 65%);opacity:.45;animation:tl-breathe 3.2s ease-in-out infinite}
#tilawa-launch img{position:relative;width:150px;height:150px;animation:tl-in 1s cubic-bezier(.2,.8,.2,1) both}
#tilawa-launch .tl-ar{position:relative;margin-top:18px;font-family:"Amiri","Noto Naskh Arabic",serif;font-size:34px;line-height:1.3;color:#e8d9a8;animation:tl-up .8s .35s both}
#tilawa-launch .tl-name{position:relative;margin-top:2px;font:500 20px system-ui,sans-serif;letter-spacing:.42em;padding-left:.42em;color:#fff;animation:tl-up .8s .5s both}
#tilawa-launch .tl-bar{position:absolute;bottom:12vh;left:50%;width:90px;height:3px;margin-left:-45px;border-radius:3px;background:#ffffff22;overflow:hidden}
#tilawa-launch .tl-bar i{display:block;height:100%;width:40%;border-radius:3px;background:#e8d9a8;animation:tl-slide 1.4s ease-in-out infinite}
@keyframes tl-in{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes tl-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes tl-breathe{50%{transform:scale(1.12);opacity:.65}}
@keyframes tl-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){#tilawa-launch *{animation:none!important}}