/* Màn chờ 1–2 giây khi mở landing: quân sư thở, chớp mắt, hạt vàng — cùng phong cách mascot-demo. */
#qss-loader{display:none;position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at 50% 42%,#4a2c1c 0,#2a1a12 62%,#1e120c 100%);color:#fff4dc;place-items:center;align-content:center;gap:22px;padding:24px;text-align:center;transition:opacity .55s ease,visibility .55s ease}
html.qss-intro #qss-loader{display:grid}
html.qss-intro,html.qss-intro body{overflow:hidden}
#qss-loader.is-leaving{opacity:0;visibility:hidden}
#qss-loader .mascot-live{--ml-w:min(520px,82vw,58vh)}
#qss-loader .ml-img{filter:drop-shadow(0 22px 34px #0008)}
.intro-line{font-size:.98rem;font-weight:600;letter-spacing:.01em;color:#f3dcae;margin:0}
.intro-bar{width:min(240px,60vw);height:4px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin:0 auto}
.intro-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#f5b625,#ffe08a);animation:intro-fill 1.6s cubic-bezier(.3,.1,.2,1) forwards}
@keyframes intro-fill{to{width:100%}}
@media(prefers-reduced-motion:reduce){#qss-loader{display:none!important}html.qss-intro,html.qss-intro body{overflow:auto}}