.sn-pwa{position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:9000;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8e5;border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.22);padding:10px 8px 10px 10px;transform:translateY(24px);opacity:0;transition:transform .35s ease,opacity .35s ease}
.sn-pwa.is-in{transform:none;opacity:1}
.sn-pwa[hidden]{display:none}
.sn-pwa__icon{border-radius:10px;flex:none;background:#1f2d27}
.sn-pwa__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sn-pwa__txt strong{font-size:.92rem;color:#0f172a}
.sn-pwa__txt span{font-size:.78rem;color:#64748b;margin-top:2px}
.sn-pwa__go{flex:none;border:0;background:var(--sn-primary,#588f70);color:#fff;font-weight:600;font-size:.9rem;padding:10px 16px;border-radius:8px;cursor:pointer}
.sn-pwa__x{flex:none;border:0;background:none;font-size:26px;line-height:1;color:#94a3b8;padding:4px 8px;cursor:pointer}
@media (min-width:1024px){.sn-pwa{display:none!important}}
.sn-pwa-guide{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center}
.sn-pwa-guide__box{position:relative;background:#fff;width:100%;max-width:480px;border-radius:18px 18px 0 0;padding:28px 22px calc(26px + env(safe-area-inset-bottom,0px));text-align:center;animation:snPwaUp .3s ease}
@keyframes snPwaUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sn-pwa-guide__box h3{margin:12px 0 14px;font-size:1.15rem}
.sn-pwa-guide__box p{margin:0 0 12px;color:#475569;font-size:.95rem}
.sn-pwa-guide__close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:30px;line-height:1;color:#94a3b8;cursor:pointer}
.sn-pwa-guide__steps{list-style:none;margin:0 0 6px;padding:0;text-align:left}
.sn-pwa-guide__steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid #eef2f0;font-size:.97rem;line-height:1.4}
.sn-pwa-guide__steps li:first-child{border-top:0}
.sn-pwa-guide__n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--sn-primary,#588f70);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.sn-pwa-guide__ic{display:inline-flex;vertical-align:middle;color:#0a84ff;margin:0 2px}
.sn-pwa-guide__arrow{font-size:34px;line-height:1;color:var(--sn-primary,#588f70);animation:snPwaBounce 1.2s infinite}
@keyframes snPwaBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.sn-pwa-guide__copy{margin-top:8px}
.sn-pwa-guide__lead{text-align:left}
.sn-pwa-guide__hint{margin:10px 0 0!important;font-size:.85rem!important;color:#64748b!important;text-align:left}
.sn-pwa-guide__box{max-height:88vh;overflow:auto}