.connection-status-banner[data-v-ae89df7b]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;font-size:.875rem;font-weight:500;justify-content:center;left:0;min-height:48px;padding:12px 16px;position:fixed;right:0;top:0;z-index:9999}.banner-content[data-v-ae89df7b]{align-items:center;display:flex;gap:12px;max-width:600px;width:100%}.banner-message[data-v-ae89df7b]{flex:1;text-align:center}.connection-banner--connecting[data-v-ae89df7b]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.connection-banner--error[data-v-ae89df7b]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.connection-banner--disconnected[data-v-ae89df7b]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.banner-close-btn[data-v-ae89df7b],.banner-retry-btn[data-v-ae89df7b]{align-items:center;background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:6px 12px;transition:all .2s ease}.banner-close-btn[data-v-ae89df7b]:hover,.banner-retry-btn[data-v-ae89df7b]:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.banner-retry-btn[data-v-ae89df7b]:disabled{cursor:not-allowed;opacity:.7}.banner-close-btn[data-v-ae89df7b]{min-width:auto;padding:6px}.slide-down-enter-active[data-v-ae89df7b],.slide-down-leave-active[data-v-ae89df7b]{transition:all .3s ease}.slide-down-enter-from[data-v-ae89df7b],.slide-down-leave-to[data-v-ae89df7b]{opacity:0;transform:translateY(-100%)}.animate-spin[data-v-ae89df7b]{animation:spin-ae89df7b 1s linear infinite}@keyframes spin-ae89df7b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:640px){.banner-content[data-v-ae89df7b]{gap:8px;padding:0 8px}.banner-message[data-v-ae89df7b]{font-size:.8rem}.banner-close-btn[data-v-ae89df7b],.banner-retry-btn[data-v-ae89df7b]{font-size:.7rem;padding:4px 8px}}@media (prefers-color-scheme:dark){.connection-status-banner[data-v-ae89df7b]{border-bottom-color:#ffffff1a}}