.offline-banner[data-v-f8f08293]{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--status-warning, #f59e0b);color:#000;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:var(--z-notification, 9999);pointer-events:none}.offline-text[data-v-f8f08293]{white-space:nowrap}.offline-slide-enter-active[data-v-f8f08293]{transition:opacity .3s ease,transform .3s ease}.offline-slide-leave-active[data-v-f8f08293]{transition:opacity .2s ease,transform .2s ease}.offline-slide-enter-from[data-v-f8f08293],.offline-slide-leave-to[data-v-f8f08293]{opacity:0;transform:translate(-50%) translateY(-20px)}