.status-indicator{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:12px 16px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1000;min-width:200px}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:background-color .3s ease}.status-dot.connecting{background-color:#fbbf24;animation:pulse 2s infinite}.status-dot.connected{background-color:#10b981}.status-dot.disconnected{background-color:#ef4444}.status-text{display:flex;flex-direction:column;gap:2px}.connection-status{font-weight:600;font-size:13px}.client-id{font-size:11px;opacity:.8;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.status-indicator{top:10px;right:10px;left:10px;min-width:auto}}