.giftdrawer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:max(9px,env(safe-area-inset-bottom));background:#111523f5}.drawerhandle{background:#fff5;border-radius:5px;width:38px;height:4px;margin:7px auto 0}.drawerhead{padding:7px 14px 8px}.drawerhead>div{gap:13px}.drawerhead b{font-size:14px}.drawerhead span{background:#ffffff12;border-radius:14px;padding:6px 9px;font-size:12px}.drawerhead button{width:30px;height:30px}.drawercontrols{gap:6px!important;display:flex!important}.drawercontrols .soundactive{background:#ef0d22}.gifttabs{grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 8px 2px;display:grid}.gifttabs button{color:#cbd0dc;background:#ffffff10;border:0;border-radius:15px;padding:7px 3px;font:800 10px Arial}.gifttabs button.active{color:#fff;background:linear-gradient(135deg,#ef0d22,#ff5b36);box-shadow:0 3px 10px #ef0d2255}.drawergrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px 7px 4px;display:grid}.drawergrid .drawergift{background:0 0;border-color:#0000;border-radius:11px;width:auto;min-width:0;height:82px;min-height:0;padding:4px 2px}.drawergrid .drawergift:active,.drawergrid .drawergift:hover{background:#ffffff16;border-color:#ffffff18}.drawergrid .drawergift img{width:52px;height:37px}.drawergrid .drawergift i{font-size:28px;line-height:32px}.drawergrid .drawergift b{white-space:nowrap;text-overflow:ellipsis;width:100%;min-height:0;margin:2px 0;font-size:8px;line-height:1.1;overflow:hidden}.drawergrid .drawergift span{font-size:9px}.drawertip{padding:2px 12px 0;font-size:10px}.giftshow{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;animation:2.6s ease-in-out forwards giftstage;display:flex;position:absolute;top:30%;left:15px;right:72px}.giftsender{background:linear-gradient(90deg,#e10c2cdd,#8b155c99,#0000);border-radius:30px;align-items:center;gap:8px;padding:6px 42px 6px 6px;display:flex}.senderavatar{color:#07163c;background:#ffbd08;border:2px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font:900 9px Arial;display:grid}.giftsender p{flex-direction:column;margin:0;display:flex}.giftsender b{font:800 11px Arial}.giftsender strong{color:#ffe15a;font:900 13px Arial}.giftvisual{filter:drop-shadow(0 9px 9px #0009);place-items:center;width:112px;height:112px;animation:.55s cubic-bezier(.2,.9,.25,1.3) giftbounce;display:grid;position:relative}.giftvisual img{object-fit:contain;width:108px;height:90px}.giftvisual i{font-size:76px;font-style:normal}.spark{color:#ffd44b;font-size:26px;animation:1s ease-in-out infinite spark;position:absolute}.s1{top:5px;left:0}.s2{animation-delay:.2s;top:25px;right:0}.s3{animation-delay:.4s;bottom:0;right:20px}@keyframes giftstage{0%{opacity:0;transform:translate(-30px)}12%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(45px)}}@keyframes giftbounce{0%{transform:scale(.2)rotate(-18deg)}70%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes spark{50%{opacity:.45;transform:scale(1.6)rotate(30deg)}}.giftshow.large .giftvisual{transform:scale(1.18)}.giftshow.grand{flex-direction:column;justify-content:center;animation:3.3s ease-in-out forwards grandgift;inset:18% 5% auto}.giftshow.grand .giftsender{position:absolute;top:-18px;left:0}.giftshow.grand .giftvisual{width:220px;height:220px;animation:1s cubic-bezier(.12,.85,.22,1.25) grandbounce}.giftshow.grand .giftvisual i{font-size:145px}.giftshow.grand .giftvisual img{width:200px;height:170px}.gifttrail{z-index:-1;position:absolute;inset:-35px}.gifttrail i{color:#fff3a5;font-size:22px;font-style:normal;animation:1.4s ease-out infinite giftfloat;position:absolute}.gifttrail i:first-child{animation-delay:.1s;top:65%;left:5%}.gifttrail i:nth-child(2){animation-delay:.35s;top:15%;left:28%}.gifttrail i:nth-child(3){animation-delay:.6s;top:22%;right:10%}.gifttrail i:nth-child(4){animation-delay:.85s;bottom:4%;right:25%}.gifttrail i:nth-child(5){animation-delay:1.05s;bottom:0%;left:48%}@keyframes giftfloat{0%{opacity:0;transform:translateY(30px)scale(.3)}45%{opacity:1}to{opacity:0;transform:translateY(-75px)scale(1.5)rotate(80deg)}}@keyframes grandgift{0%{opacity:0;transform:scale(.3)}15%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes grandbounce{0%{transform:translateY(120px)rotate(-25deg)scale(.2)}60%{transform:translateY(-12px)rotate(5deg)scale(1.2)}to{transform:translateY(0)rotate(0)scale(1)}}@media (width<=370px){.drawergrid{gap:1px;padding-inline:3px}.drawergrid .drawergift{height:78px}.drawergrid .drawergift img{width:46px}.giftshow{right:55px}.giftvisual{width:88px}.giftvisual img{width:86px}}@media (width>=700px){.drawergrid{padding-inline:15px}.drawergrid .drawergift{height:88px}.drawergrid .drawergift img{width:58px}}.livefeed video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feedstatus{z-index:2;text-align:center;background:#0007;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex;position:relative}.feedstatus span{color:#ffbd08;font-size:42px}.feedstatus b{font-size:18px}.feedstatus small{color:#ddd}.feedstatus.connected{background:#ef0d22;border-radius:4px;flex-direction:row;padding:5px 9px;position:absolute;top:82px;left:14px}.feedstatus.connected span{color:#fff;font-size:12px}.feedstatus.connected b{font-size:11px}