@keyframes pnShine{0%,55%{left:-90px}100%{left:130%}}
@keyframes pnBolt{50%{transform:scale(1.12) rotate(-6deg)}}
@keyframes pnOrb1{50%{transform:translate(-40px,40px) scale(1.2)}}
@keyframes pnBg{to{background-position:-200% 0}}
.appDl{max-width:420px;margin:20px auto 0;padding:18px;border-radius:22px;background:linear-gradient(135deg,#12318a,#2a62e6 60%,#4f8dff);border:1px solid #6b97ff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(47,107,255,.85);color:#fff}
.appDl::before{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:rgba(160,210,255,.35);filter:blur(30px);animation:pnOrb1 9s ease-in-out infinite;pointer-events:none}
.appDl::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-90px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-18deg);animation:pnShine 4s ease-in-out infinite;pointer-events:none}
.appDl .adTop{display:flex;align-items:center;gap:12px;position:relative}
.appDl .adIc img{width:58px;height:58px;border-radius:15px;object-fit:cover;display:block;box-shadow:0 8px 20px -6px rgba(0,0,0,.5);animation:pnBolt 2.6s ease-in-out infinite}
.appDl .adTx b{display:block;font-size:17px;letter-spacing:.2px}
.appDl .adTx span{display:block;color:#d4e2ff;font-size:12.5px;margin-top:2px}
.appDl .adLs{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:7px;position:relative}
.appDl .adLs li{display:flex;align-items:center;gap:8px;font-size:13px;color:#eaf1ff}
.appDl .adBt{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;position:relative}
.appDl .adB1,.appDl .adB2{border:0;border-radius:99px;padding:12px 8px;font-weight:800;font-size:13px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.appDl .adB1{background:#ffd166;color:#4a2a00}.appDl .adB2{background:#fff;color:#1b3fae}
.appDl .adB1:disabled{opacity:.7}.appDl .adB1:active,.appDl .adB2:active{transform:translateY(2px);box-shadow:none}
#pnDrawerApp{display:flex;align-items:center;gap:12px;margin:12px 0 6px;padding:11px 12px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(110deg,#2a62e6,#4f8dff 60%,#2a62e6);background-size:200% 100%;animation:pnBg 6s linear infinite;border:1px solid #8fb2ff;position:relative;overflow:hidden;box-shadow:0 10px 24px -12px rgba(47,107,255,.9)}
#pnDrawerApp .dIc img{width:42px;height:42px;border-radius:12px;display:block;object-fit:cover}
#pnDrawerApp .dTx{flex:1;display:flex;flex-direction:column;line-height:1.25}#pnDrawerApp b{font-size:14.5px}#pnDrawerApp small{font-size:11.5px;color:#e0ebff}
#pnDrawerApp .dGo{width:34px;height:34px;border-radius:50%;background:#ffd166;color:#4a2a00;display:grid;place-items:center;animation:pnBob 1.6s ease-in-out infinite}
@keyframes pnBob{50%{transform:translateY(3px)}}
#appSheet{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
#appSheet .asBg{position:absolute;inset:0;background:rgba(2,8,30,.65);opacity:0;transition:opacity .25s}
#appSheet .asBox{position:relative;width:100%;max-width:460px;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(40px);opacity:0;transition:.3s cubic-bezier(.2,.8,.2,1)}
#appSheet.show{pointer-events:auto}#appSheet.show .asBg{opacity:1}#appSheet.show .asBox{transform:none;opacity:1}
#appSheet .appDl{margin:0}
#appSheet .asX{position:absolute;right:22px;top:22px;z-index:2;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:22px;line-height:1;cursor:pointer}
@media (prefers-reduced-motion:reduce){.appDl *,.appDl::before,.appDl::after,#pnDrawerApp,#pnDrawerApp *{animation:none!important}}