.pwa-offline-indicator{z-index:var(--z-toast,1000);padding:var(--sp-sm) var(--sp-md);background:var(--warn,#b5760a);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-sm);letter-spacing:.01em;transition:transform var(--dur-base,.2s) ease;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 1px #00000040}.pwa-offline-indicator.is-visible{transform:translateY(0)}.pwa-offline-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite pwa-pulse;box-shadow:0 0 #ffffffb3}@keyframes pwa-pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.pwa-back-online{z-index:var(--z-toast,1000);padding:var(--sp-sm) var(--sp-md);background:var(--good,#2e9e5b);color:#0d0d0e;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-sm);border-radius:var(--radius,2px);opacity:0;pointer-events:none;transition:opacity var(--dur-base,.2s) ease, transform var(--dur-base,.2s) ease;align-items:center;gap:8px;font-weight:600;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%,-24px);box-shadow:0 6px 20px #00000059}.pwa-back-online.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.pwa-offline-indicator,.pwa-back-online,.pwa-offline-dot{transition:none;animation:none}}