.sp-install{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin:0 auto;max-width:440px;z-index:80;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid #343b35;border-radius:20px;background:rgba(21,25,23,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.5);opacity:0;transform:translateY(18px);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.sp-install.show{opacity:1;transform:translateY(0)}
.sp-install-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--lime-dim);border:1px solid rgba(185,255,92,.2)}
.sp-install-icon .brand-mark{transform:skew(-14deg) scale(.82)}
.sp-install-copy{min-width:0}
.sp-install-copy strong{display:block;font-family:var(--display);font-size:22px;font-weight:800;line-height:1.1;letter-spacing:.01em}
.sp-install-copy>div{margin-top:5px;font-size:12px;line-height:1.55;color:#9ba39a}
.sp-steps{display:grid;gap:5px}
.sp-steps>span{display:flex;align-items:center;gap:7px}
.sp-steps b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lime-dim);color:var(--lime);font-size:10px;flex-shrink:0}
.sp-steps em{font-style:normal;color:#e5e7e1;font-weight:700}
.sp-share{color:var(--lime);vertical-align:-3px}
.sp-install-actions{grid-column:1/-1;display:flex;gap:8px}
.sp-install-actions .btn{flex:1;min-height:44px}
@media(max-width:650px){.sp-install{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.sp-install{transition:opacity .2s ease;transform:none}}