.connection-error-wrapper{background:0 0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.connection-error-content{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:28px 24px 24px;animation:.6s cubic-bezier(.16,1,.3,1) cer-slideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000040}@keyframes cer-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connection-error-content:before{content:"";background:linear-gradient(90deg, #ff4757, var(--accent), #ff4757);background-size:200% 100%;height:6px;animation:3s linear infinite cer-gradientSlide;position:absolute;top:0;left:0;right:0}@keyframes cer-gradientSlide{0%{background-position:0%}to{background-position:200%}}.animation-container{justify-content:center;align-items:center;height:70px;margin-bottom:12px;display:flex;position:relative}.satellite-dish{color:var(--text);filter:drop-shadow(0 0 20px rgba(var(--accent-rgb), .2));position:relative}.dish-icon{animation:4s ease-in-out infinite cer-search}.signal-waves{gap:4px;display:flex;position:absolute;top:-10px;right:-30px}.wave{background:var(--accent);opacity:.1;border-radius:3px;width:6px;height:24px;animation:1.5s ease-in-out infinite cer-pulseWave}.wave-1{height:12px;margin-top:6px;animation-delay:0s}.wave-2{height:18px;margin-top:3px;animation-delay:.2s}.wave-3{height:24px;animation-delay:.4s}.text-content{margin-bottom:16px}.connection-error-content h2{color:var(--text);letter-spacing:-.5px;margin:0 0 8px;font-size:20px;font-weight:800}.desc-container{padding:0 10px}.desc-container p.muted{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.retry-status{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.countdown-container{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.countdown-svg{width:100%;height:100%;transform:rotate(-90deg)}.countdown-bg{fill:none;stroke:var(--bg-hover);stroke-width:8px}.countdown-bar{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s linear}.countdown-text{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.countdown-text .number{color:var(--text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.countdown-text .unit{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.auto-retry-label{color:var(--accent);background:0 0;border:none;border-radius:20px;align-items:center;gap:10px;padding:8px 0;font-size:14px;font-weight:700;display:flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.5s ease-in-out infinite cer-beacon}@keyframes cer-beacon{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.animate-pulse-subtle{animation:2s ease-in-out infinite cer-pulseSub}@keyframes cer-pulseSub{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.retry-button{background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 8px 24px rgba(var(--accent-rgb), .3);border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.btn-content{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.btn-progress{z-index:1;background:#00000026;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.retry-button.disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.retry-button:not(.disabled):hover{box-shadow:0 12px 32px rgba(var(--accent-rgb), .4);filter:brightness(1.1);transform:translateY(-4px)}.retry-button:not(.disabled):active{transform:translateY(-1px)}@keyframes cer-search{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}@keyframes cer-pulseWave{0%,to{opacity:.2;background:#cbd5e0;transform:scaleY(.8)}50%{opacity:1;background:#ff9f43;transform:scaleY(1.3)}}.spin-slow{animation:2s linear infinite cer-spin}@keyframes cer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}