.conn-status[data-v-296d623e]{position:fixed;top:var(--conn-status-top, calc(env(safe-area-inset-top, 0px) + 12px) );left:50%;transform:translate(-50%);z-index:9000;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:.8rem;font-weight:500;white-space:nowrap;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0006}.conn-status--disconnected[data-v-296d623e]{background:#3c2d0ae6;color:#f0b830;border:1px solid rgba(240,180,50,.35)}.conn-status--reconnected[data-v-296d623e]{background:#0e3824e6;color:#7cffb2;border:1px solid rgba(80,220,140,.35)}.conn-status-dot[data-v-296d623e]{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.conn-status--disconnected .conn-status-dot[data-v-296d623e]{animation:connPulse-296d623e 1.5s ease-in-out infinite}@keyframes connPulse-296d623e{0%,to{opacity:1}50%{opacity:.3}}.conn-status-enter-active[data-v-296d623e]{transition:opacity .25s ease,transform .25s ease}.conn-status-leave-active[data-v-296d623e]{transition:opacity .2s ease,transform .2s ease}.conn-status-enter-from[data-v-296d623e]{opacity:0;transform:translate(-50%) translateY(-12px)}.conn-status-leave-to[data-v-296d623e]{opacity:0;transform:translate(-50%) translateY(-8px) scale(.95)}