.sp-install-banner{position:fixed;z-index:10050;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));display:grid;grid-template-columns:48px minmax(0,1fr) auto 32px;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 16px 45px rgba(15,23,42,.2);max-width:760px;margin:auto}.sp-install-icon img{width:48px;height:48px;border-radius:12px}.sp-install-copy{min-width:0;display:flex;flex-direction:column}.sp-install-copy b{font-size:14px}.sp-install-copy span{font-size:12px;color:#64748b;line-height:1.35}.sp-install-now{border:0;border-radius:10px;background:#f27a1a;color:#fff;font-weight:700;padding:10px 14px}.sp-install-close{border:0;background:transparent;font-size:24px;color:#64748b}.sp-update-modal{position:fixed;inset:0;z-index:11000;background:rgba(15,23,42,.6);display:grid;place-items:center;padding:20px}.sp-update-modal>div{background:#fff;border-radius:18px;padding:24px;max-width:420px;width:100%;box-shadow:0 24px 70px rgba(0,0,0,.3)}.sp-update-modal h2{margin:0 0 8px}.sp-update-modal p{color:#64748b;line-height:1.55}.offline-page{min-height:65vh;display:grid;place-items:center;padding:24px}.offline-card{text-align:center;max-width:480px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:36px 24px}.offline-icon{font-size:48px;color:#f27a1a}.offline-card .btn{display:inline-flex;margin:8px 4px}@media(max-width:640px){.sp-install-banner{grid-template-columns:42px minmax(0,1fr) 30px;bottom:calc(70px + env(safe-area-inset-bottom));padding:10px}.sp-install-icon img{width:42px;height:42px}.sp-install-now{grid-column:1/-1;width:100%}.sp-install-close{grid-column:3;grid-row:1}.sp-install-copy span{white-space:normal}.offline-card{padding:28px 18px}.offline-card .btn{width:100%;justify-content:center;margin:6px 0}}