.pwa-install-banner{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:1200;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:12px 14px;transform:translateX(-50%);border:1px solid rgba(15,23,42,.12);border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.22);color:#111827}
.pwa-install-banner[hidden],.pwa-install-trigger[hidden],.pwa-install-guide[hidden]{display:none!important}.pwa-install-banner__icon{width:48px;height:48px;flex:0 0 48px;border-radius:12px}.pwa-install-banner__content{min-width:0;flex:1}.pwa-install-banner__content strong{display:block;font-size:15px}.pwa-install-banner__content small{display:block;margin-top:2px;color:#64748b;line-height:1.35}.pwa-install-banner__actions{display:flex;align-items:center;gap:6px}.pwa-install-banner button{border:0;font:inherit;cursor:pointer}.pwa-install-banner__install{border-radius:10px!important;background:#c62828;color:#fff;padding:10px 13px;font-weight:700!important;white-space:nowrap}.pwa-install-banner__dismiss{width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:22px;line-height:1}.pwa-install-trigger{display:flex!important;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pwa-install-trigger i{font-size:1.1em}.pwa-install-guide{position:fixed;inset:0;z-index:1300;display:grid;place-items:end center;padding:18px;background:rgba(15,23,42,.58)}.pwa-install-guide__card{width:min(460px,100%);border-radius:22px;background:#fff;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.28);color:#111827}.pwa-install-guide__head{display:flex;align-items:center;gap:12px}.pwa-install-guide__head img{width:54px;height:54px;border-radius:14px}.pwa-install-guide h3{margin:0;font-size:1.2rem}.pwa-install-guide p{margin:14px 0;color:#475569;line-height:1.6}.pwa-install-guide ol{margin:0 0 18px;padding-left:22px;color:#334155;line-height:1.8}.pwa-install-guide__close{width:100%;border:0;border-radius:12px;background:#111827;color:#fff;padding:12px;font:inherit;font-weight:700;cursor:pointer}.pwa-network-toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));z-index:1400;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:#111827;color:#fff;box-shadow:0 10px 35px rgba(15,23,42,.25);font-size:14px}.pwa-network-toast.is-offline{background:#b91c1c}
@media (min-width:769px){.pwa-install-banner{bottom:24px}.pwa-install-guide{place-items:center}.pwa-install-guide__card{border-radius:22px}}
@media (max-width:520px){.pwa-install-banner{align-items:flex-start}.pwa-install-banner__icon{width:42px;height:42px;flex-basis:42px}.pwa-install-banner__content small{font-size:12px}.pwa-install-banner__actions{align-self:center}.pwa-install-banner__install{padding:9px 11px}.pwa-install-banner__dismiss{width:32px;height:32px}}