.connection-status{z-index:1000;border:1px solid var(--zeus-shadow);cursor:pointer;white-space:normal;max-width:80vw;text-overflow:unset;word-wrap:break-word;backdrop-filter:blur(20px);border-radius:30px;align-items:center;gap:3px;padding:3px 6px;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px;overflow:visible}.connection-status:hover{transform:translateY(-3px)}.status-icon{margin-top:4px}.status-text{color:var(--text-main);margin:0;font-size:.7rem;line-height:1.4}.waiting .status-icon,.waiting .status-text{color:#007bff;text-shadow:0 0 5px #007bff80}.connected .status-icon,.connected .status-text{color:#28a745;text-shadow:0 0 5px #28a74580}.pro-connected .status-icon,.pro-connected .status-text{color:gold;text-shadow:0 0 5px #ffd70080}.disconnected .status-icon,.disconnected .status-text{color:#dc3545;text-shadow:0 0 5px #dc354580}.waiting.connection-status{background:linear-gradient(135deg,#007bff26 0%,#007bff0d 100%)}.connected.connection-status{background:linear-gradient(135deg,#28a74526 0%,#28a7450d 100%)}.pro-connected.connection-status{background:linear-gradient(135deg,#ffd70026 0%,#ffd7000d 100%)}.disconnected.connection-status{background:linear-gradient(135deg,#dc354526 0%,#dc35450d 100%)}body.light-mode .connection-status{border:1px solid var(--zeus-shadow);box-shadow:0 4px 15px #00000026}body.light-mode .waiting.connection-status{background:linear-gradient(135deg,#007bff33 0%,#007bff1a 100%)}body.light-mode .connected.connection-status{background:linear-gradient(135deg,#28a74533 0%,#28a7451a 100%)}body.light-mode .pro-connected.connection-status{background:linear-gradient(135deg,#ffd70033 0%,#ffd7001a 100%)}body.light-mode .disconnected.connection-status{background:linear-gradient(135deg,#dc354533 0%,#dc35451a 100%)}body.light-mode .status-text{color:#333;text-shadow:none}body.light-mode .waiting .status-icon,body.light-mode .waiting .status-text{color:#007bff;text-shadow:none}body.light-mode .connected .status-icon,body.light-mode .connected .status-text{color:#28a745;text-shadow:none}body.light-mode .pro-connected .status-icon,body.light-mode .pro-connected .status-text{color:gold;text-shadow:none}body.light-mode .disconnected .status-icon,body.light-mode .disconnected .status-text{color:#dc3545;text-shadow:none}@media screen and (width<=768px){.status-text{display:none}}