.splash-orb-icon {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sy-bubble {
    position: relative;
    width: 72px;
    height: 64px;
    background: linear-gradient(145deg, #7c3aed 0%, #6366f1 50%, #8b5cf6 100%);
    border-radius: 20px 20px 20px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 12px 40px rgba(124, 58, 237, 0.5),
        0 0 40px rgba(99, 102, 241, 0.3),
        inset 0 2px 0 rgba(255,255,255,0.3);
    animation: bubbleHeartbeat 1.3s ease-in-out infinite;
}
.sy-bubble::before {
    content: '💬';
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 16px;
    animation: chatIconPulse 1.3s ease-in-out infinite;
}
.sy-bubble::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 14px;
    width: 16px;
    height: 6px;
    background: rgba(255,255,255,0.35);
    border-radius: 10px;
    transform: rotate(-15deg);
}
.sy-bubble-tail {
    position: absolute;
    bottom: -10px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #6366f1;
    transform: rotate(-8deg);
}
.sy-text {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    font-family: 'Poppins', 'Arial Black', sans-serif;
    letter-spacing: 2px;
    text-shadow: 
        0 3px 10px rgba(0,0,0,0.3),
        0 0 20px rgba(255,255,255,0.2);
    animation: textHeartbeat 1.3s ease-in-out infinite;
}
@keyframes bubbleHeartbeat {
    0%, 100% { transform: scale(1); }
    15% { transform: scale(1.12); }
    30% { transform: scale(0.96); }
    45% { transform: scale(1.08); }
    60% { transform: scale(1); }
}
@keyframes textHeartbeat {
    0%, 100% { transform: scale(1); }
    15% { transform: scale(1.08); }
    30% { transform: scale(0.94); }
    45% { transform: scale(1.05); }
    60% { transform: scale(1); }
}
@keyframes chatIconPulse {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.2) rotate(-10deg); }
    50% { transform: scale(1) rotate(0deg); }
    75% { transform: scale(1.15) rotate(10deg); }
}
#chat_splash{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transition:opacity .5s ease,visibility .5s ease;overflow:hidden}
#chat_splash.splash-light{background:#f5f5f5}
#chat_splash.splash-dark{background:#12141c}
#chat_splash .splash-content{display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;z-index:2}
#chat_splash .splash-title{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;opacity:.45;position:absolute;top:10vh;left:50%;transform:translateX(-50%);white-space:nowrap}
.splash-light .splash-title{color:#475569}
.splash-dark .splash-title{color:#8892b0}

.splash-orb-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}
.splash-orb-glow{position:absolute;inset:-20px;border-radius:50%;filter:blur(40px);opacity:.3;animation:orbGlow 3s ease-in-out infinite}
.splash-light .splash-orb-glow{background:radial-gradient(circle,#818cf8,#c084fc,transparent 70%)}
.splash-dark .splash-orb-glow{background:radial-gradient(circle,#6366f1,#a855f7,transparent 70%)}
@keyframes orbGlow{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.15)}}
.splash-orb-ring{position:absolute;inset:0;border-radius:50%}
.splash-orb-ring svg{width:100%;height:100%;animation:orbSpin 4s linear infinite}
.splash-orb-ring:nth-child(3) svg{animation-duration:6s;animation-direction:reverse}
@keyframes orbSpin{to{transform:rotate(360deg)}}
.splash-orb-icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}
.splash-light .splash-orb-icon{}
.splash-dark .splash-orb-icon{}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.splash-orb-icon svg{width:26px;height:26px;fill:#fff}
.splash-particles{position:absolute;inset:-30px;pointer-events:none}
.splash-p{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;animation:pFloat 4s ease-in-out infinite}
.splash-light .splash-p{background:#a78bfa}
.splash-dark .splash-p{background:#818cf8}
.splash-p:nth-child(1){top:10%;left:15%;animation-delay:0s}
.splash-p:nth-child(2){top:5%;right:20%;animation-delay:.7s;width:3px;height:3px}
.splash-p:nth-child(3){bottom:15%;left:10%;animation-delay:1.4s;width:5px;height:5px}
.splash-p:nth-child(4){bottom:10%;right:15%;animation-delay:2.1s}
.splash-p:nth-child(5){top:50%;left:0;animation-delay:.35s;width:3px;height:3px}
.splash-p:nth-child(6){top:50%;right:0;animation-delay:1.05s;width:3px;height:3px}
@keyframes pFloat{0%,100%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.8;transform:translateY(-12px) scale(1)}75%{opacity:.4;transform:translateY(-20px) scale(.7)}100%{opacity:0;transform:translateY(-28px) scale(.3)}}

#chat_splash .splash-info{display:flex;flex-direction:column;align-items:center;gap:10px}
#chat_splash .splash-speed-title{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.5}
.splash-light .splash-speed-title{color:#64748b}
.splash-dark .splash-speed-title{color:#7c8db0}
#chat_splash .splash-speed-badge{font-size:14px;font-weight:700;padding:7px 24px;border-radius:20px;letter-spacing:.5px;transition:all .3s ease}
.splash-speed-badge.s-high{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.2)}
.splash-speed-badge.s-mid{background:rgba(234,179,8,.12);color:#eab308;border:1px solid rgba(234,179,8,.2)}
.splash-speed-badge.s-low{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
#chat_splash .splash-speed-loading{font-size:11px;font-weight:500}
.splash-light .splash-speed-loading{color:#94a3b8}
.splash-dark .splash-speed-loading{color:#5a6380}

#chat_splash .splash-conn-box{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;margin-top:2px}
.splash-light .splash-conn-box{color:#94a3b8}
.splash-dark .splash-conn-box{color:#5a6380}
#chat_splash .splash-conn-box i{font-size:12px}
#chat_splash .splash-conn-box.conn-wifi i{color:#6366f1}
#chat_splash .splash-conn-box.conn-cell i{color:#f59e0b}

#chat_splash .splash-bottom{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);text-align:center}
#chat_splash .splash-brand{font-size:14px;font-weight:700;letter-spacing:.6px;opacity:.75}
#chat_splash .splash-brand-from{font-size:11px;font-weight:500;letter-spacing:1px;opacity:.5;margin-bottom:4px;display:block}
#chat_splash .splash-year{font-size:12px;font-weight:700;letter-spacing:1.5px;opacity:.55;margin-top:6px}
.splash-light .splash-brand,.splash-light .splash-year{color:#475569}
.splash-dark .splash-brand,.splash-dark .splash-year{color:#7c8db0}
#chat_splash.splash-hide{opacity:0;visibility:hidden;pointer-events:none}

.sy-bubble{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;animation:none}
.sy-bubble::before{display:none}
.sy-bubble::after{display:none}
.sy-bubble-tail{display:none}
.sy-text{font-size:36px;font-weight:700;color:#6366f1;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;letter-spacing:1px;text-shadow:0 3px 15px rgba(99,102,241,0.35);animation:textHeartbeat 1.3s ease-in-out infinite}
@keyframes bubbleHeartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(0.96)}45%{transform:scale(1.08)}60%{transform:scale(1)}}
@keyframes textHeartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(0.94)}45%{transform:scale(1.05)}60%{transform:scale(1)}}
@keyframes chatIconPulse{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.15) rotate(10deg)}}

#chat_splash .splash-wait{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.4;margin-top:10px;text-align:center}
.splash-light .splash-wait{color:#64748b}
.splash-dark .splash-wait{color:#7c8db0}