/* Hoan Hỉ (bản dễ thương): sen nở kiểu lò xo, nhấp nhô trên mặt nước, đốm sáng bay lên (màn hình chờ, logo đầu trang, sen lớn ở Câu kinh hôm nay) */
.sen-no .pt{transform-box:view-box;transform-origin:32px 35px;animation:senNo 1s cubic-bezier(.34,1.7,.5,1) both}
.sen-no .pt-r{--r:0deg;animation-delay:.05s}
.sen-no .pt-g,.sen-no .pt-o{animation-delay:.22s}
.sen-no .pt-g{--r:32deg}.sen-no .pt-o{--r:-32deg}
.sen-no .pt-b,.sen-no .pt-g2{animation-delay:.38s}
.sen-no .pt-b{--r:64deg}.sen-no .pt-g2{--r:-64deg}
@keyframes senNo{from{opacity:0;transform:rotate(var(--r)) scale(.2,.15)}40%{opacity:1}to{opacity:1;transform:none}}
.big-sen.sen-no .pt{animation-duration:1.4s}
/* màn hình chờ */
#hh-cho{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,#fffbf2 0,#f6f0e4 55%,#ecdfc6 100%);transition:opacity .55s ease,visibility .55s}
#hh-cho .khung{position:relative;width:150px;height:150px;display:grid;place-items:center}
#hh-cho .sen-no{width:100px;filter:drop-shadow(0 6px 22px rgba(226,166,36,.35));animation:hhNhun 1.8s ease-in-out .9s infinite}
#hh-cho .nuoc{position:absolute;left:50%;top:68%;width:70px;height:16px;margin-left:-35px;border-radius:50%;border:1.5px solid rgba(138,93,14,.35);opacity:0;animation:hhGon 1.8s ease-out infinite}
#hh-cho .nuoc.n2{animation-delay:.6s}#hh-cho .nuoc.n3{animation-delay:1.2s}
#hh-cho .dom{position:absolute;bottom:40%;width:6px;height:6px;border-radius:50%;background:#f4c552;box-shadow:0 0 8px #f4c552;opacity:0;animation:hhBay 1.6s ease-out forwards}
@keyframes hhNhun{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(-2px) rotate(3deg)}}
@keyframes hhGon{0%{opacity:0;transform:scale(.4)}25%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
@keyframes hhBay{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-70px) translateX(var(--x)) scale(1)}}
#hh-cho.xong{opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){.sen-no .pt,#hh-cho .nuoc,#hh-cho .dom,#hh-cho .sen-no{animation:none}#hh-cho{display:none}}
