.pwa-standalone body{padding-top:env(safe-area-inset-top)}
.pw-fab{position:fixed;z-index:60;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;display:flex;gap:8px;align-items:center;border:0;border-radius:999px;padding:11px 18px 11px 14px;font:700 13.5px/1 inherit;color:#0b0b0c;background:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);background-size:220% 100%;box-shadow:0 12px 34px rgba(0,0,0,.6),0 0 24px rgba(255,255,255,.15);transition:transform .7s cubic-bezier(.2,1.4,.4,1),opacity .5s;animation:pwSh 5s linear infinite}
.pw-fab.in{transform:translate(-50%,0);opacity:1}.pw-fab svg{width:18px;height:18px}
@keyframes pwSh{to{background-position:-220% 0}}
#pw-sheet{position:fixed;inset:0;z-index:100;color:#f2f2f4}
.pw-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .45s}
.pw-card{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;padding:10px 20px calc(26px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:radial-gradient(120% 70% at 50% 0,#26262a,#0c0c0d 60%);box-shadow:0 -1px 0 rgba(255,255,255,.35),0 -30px 80px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .6s cubic-bezier(.2,1,.3,1)}
#pw-sheet.in .pw-bg{opacity:1}#pw-sheet.in .pw-card{transform:none}
.pw-grab{width:40px;height:5px;border-radius:5px;background:rgba(255,255,255,.25);margin:0 auto 10px}
.pw-hero{position:relative;height:178px;display:grid;place-items:center;perspective:700px}
.pw-phone{width:96px;height:168px;border-radius:24px;padding:5px;background:linear-gradient(110deg,#6f6f75,#f4f4f6 30%,#8a8a90 55%,#e6e6ea 80%,#6a6a70);transform:rotateY(-18deg) rotateX(8deg);animation:pwFloat 5s ease-in-out infinite;box-shadow:20px 30px 50px rgba(0,0,0,.7)}
.pw-screen{position:relative;height:100%;border-radius:19px;background:radial-gradient(circle at 50% 30%,#2a2a2e,#060607);display:grid;place-items:center;overflow:hidden}
.pw-screen img{width:44px;height:44px;border-radius:11px;animation:pwPop 3.2s cubic-bezier(.3,1.6,.5,1) infinite}
.pw-screen span{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:pwGl 3.2s ease-in-out infinite}
.pw-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);z-index:-1;animation:pwPulse 3.2s ease-in-out infinite}
@keyframes pwFloat{50%{transform:rotateY(14deg) rotateX(-4deg) translateY(-6px)}}
@keyframes pwPop{0%,20%{transform:scale(0);opacity:0}38%{transform:scale(1.15);opacity:1}48%,100%{transform:scale(1)}}
@keyframes pwGl{40%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@keyframes pwPulse{50%{transform:scale(1.15);opacity:.6}}
.pw-e{font-size:10.5px;letter-spacing:.22em;color:#a9a9b0;display:flex;align-items:center;gap:7px;justify-content:center}
.pw-e i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}
.pw-card h2{margin:8px 0 6px;text-align:center;font-size:27px;line-height:1.08;font-weight:700;letter-spacing:-.02em;background:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pwSh 6s linear infinite}
.pw-p{text-align:center;color:#9a9aa2;font-size:13.5px;line-height:1.45;margin:0 8px 16px}
.pw-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.pw-steps li{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);opacity:0;transform:translateY(16px)}
#pw-sheet.in .pw-steps li{animation:pwIn .6s cubic-bezier(.2,1,.3,1) var(--d) forwards}
@keyframes pwIn{to{opacity:1;transform:none}}
.pw-n{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0b0b0c;background:linear-gradient(140deg,#fff,#9d9da4)}
.pw-t{flex:1;display:flex;flex-direction:column;gap:3px}.pw-t b{font-size:14.5px}.pw-t i{font-style:normal;font-size:12px;color:#8e8e96;line-height:1.35}
.pw-ic{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#3d8cff;background:rgba(255,255,255,.92)}
.pw-ic svg{width:22px;height:22px}.pw-ic .pw-url{font-size:9px;color:#111;padding:2px}
.pw-steps li:first-child .pw-ic{animation:pwTap 1.6s ease-in-out infinite 1s}
@keyframes pwTap{50%{transform:scale(.86);box-shadow:0 0 0 8px rgba(255,255,255,.12)}}
.pw-go{width:100%;border:0;border-radius:18px;padding:16px;font:700 15px/1 inherit;color:#0b0b0c;background:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);background-size:220% 100%;animation:pwSh 5s linear infinite}
.pw-arrow{position:fixed;left:50%;bottom:6px;transform:translateX(-50%);width:34px;height:34px;color:#fff;opacity:0;animation:pwBob 1.4s ease-in-out infinite 1.4s}
.pw-arrow svg{transform:rotate(180deg)}
@keyframes pwBob{0%,100%{opacity:.9;transform:translate(-50%,0)}50%{opacity:.5;transform:translate(-50%,6px)}}
@media (prefers-reduced-motion:reduce){#pw-sheet *,.pw-fab{animation:none!important}}