.offline-bar { position: sticky; top: 0; z-index: 1080; background: #111827; color: #fff; text-align: center;
               font-size: .88rem; padding: calc(8px + env(safe-area-inset-top)) 14px 8px; }
.offline-bar.is-nudged { animation: offline-nudge .5s ease; }
@keyframes offline-nudge { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .offline-bar.is-nudged { animation: none; } }