.connection-status{background-color:var(--background-color-translucent);z-index:9999;color:var(--text-color);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);-webkit-border-radius:20px;border-radius:20px;align-items:center;padding:4px 8px;font-size:14px;transition:background-color .3s,color .3s;display:flex;position:fixed;bottom:10px;left:10px}body.dark-theme .connection-status{backdrop-filter:none;background-color:#000;border-color:#444}.connection-status-dot{-webkit-border-radius:50%;border-radius:50%;width:10px;height:10px;margin-right:8px;transition:background-color .3s}.connection-status.connected .connection-status-dot{background-color:#28a745;animation:1.5s ease-in-out infinite blink}.connection-status.disconnected .connection-status-dot{background-color:#dc3545;animation:1.5s ease-in-out infinite blink}.connection-status.connecting .connection-status-dot{background-color:#ffc107;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}