.qland{position:fixed;inset:0;z-index:64;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px 22px 96px;color:#fff;text-align:center;background:radial-gradient(120% 70% at 50% 110%,#c2412e 0%,rgba(194,65,46,0) 60%),linear-gradient(170deg,#5c1019 0%,#1d0508 100%);transition:transform .55s cubic-bezier(.7,0,.2,1),opacity .4s}
.qland.gone{transform:translateY(-100%);opacity:0;pointer-events:none}
.ql-bg{position:absolute;inset:0;pointer-events:none}
.ql-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.ql-fire{position:absolute;left:0;right:0;bottom:0;width:100%;height:34%;opacity:.85}
.ql-fire .fl{transform-origin:50% 100%;animation:oblflick 1.6s ease-in-out infinite}
.ql-fire .fl.b{animation-duration:2.1s;animation-delay:-.7s}.ql-fire .fl.c{animation-duration:1.3s;animation-delay:-.3s}
@keyframes oblflick{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.94,1.1) skewX(2deg)}60%{transform:scale(1.04,.93) skewX(-2deg)}}
.ql-em{position:absolute;bottom:8%;width:4px;height:4px;border-radius:50%;background:#ffb27a;box-shadow:0 0 8px 2px rgba(255,140,80,.8);opacity:0;animation:qlrise linear infinite}
@keyframes qlrise{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}100%{transform:translate(var(--dx),-70vh) scale(.2);opacity:0}}
.ql-in{position:relative;z-index:2;width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:12px}
.ql-logo{position:relative;width:250px;margin-bottom:6px;animation:oblf2 4.5s ease-in-out infinite}
@keyframes oblf2{50%{transform:translateY(-8px)}}
.ql-logo img{position:relative;width:100%;display:block;filter:brightness(1.25) contrast(1.2) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(255,150,80,.9))}
.ql-logo i{position:absolute;left:50%;top:50%;width:330px;height:210px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,90,.6),rgba(255,140,70,0));animation:qlpulse 2.8s ease-in-out infinite}
@keyframes qlpulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}
.ql-eye{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.8}
.ql-in h1{font-family:var(--serif);font-size:44px;line-height:1;letter-spacing:-.02em}
.ql-in p{font-size:15px;line-height:1.5;opacity:.82;max-width:320px;margin-bottom:8px}
.ql-in .qbtn{width:100%}
.ql-app{font-size:13.5px;font-weight:700;color:#ffd9a8;text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.ql-open{display:flex;align-items:center;gap:8px;font-size:12.5px;opacity:.85;margin-top:4px}
.ql-open .dot{width:8px;height:8px;border-radius:50%;background:#7be0b0;box-shadow:0 0 0 0 rgba(123,224,176,.7);animation:qp 1.8s infinite}
.ql-open .dot.off{background:#ffb27a;animation:none}

.qsearch-fix{position:fixed;left:50%;transform:translateX(-50%);bottom:74px;z-index:66;margin:0;width:min(616px,calc(100% - 24px));background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(60,10,16,.25);border-color:transparent;height:50px;border-radius:99px}
body:not(.inmenu) .qsearch-fix{display:none}
.qbag{bottom:136px}
body.qrm{padding-bottom:150px}
.qlist+.qapp{margin-top:14px}
.qjoin{margin-top:12px}
body:not(.inmenu) .qtop,body:not(.inmenu) .qtabs{visibility:hidden}
.ql-fire{height:24%;opacity:.55}
.qlist .card .meta em.al{font-size:10.5px;padding:2px 8px}
