/* SkyExpress only: the static SE chat logo is the chat launcher. Only the small message indicator (two lines + orange dot) animates. */
#aiw-root .aiw-launcher.se-logo-btn { width: 64px; height: 64px; background: transparent; box-shadow: none; border-radius: 50%; padding: 0; font-size: 0; overflow: visible; }
#aiw-root .aiw-launcher.se-logo-btn:hover { background: transparent; }
.se-chatlogo { position: relative; display: block; width: 64px; height: 64px; pointer-events: none; filter: drop-shadow(0 2px 4px rgba(6, 20, 36, .30)); }
.se-chatlogo img, .se-chatlogo svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.se-chatlogo svg { overflow: visible; }
.se-chatlogo .sel-l1, .se-chatlogo .sel-l2 { transform-box: fill-box; transform-origin: 0 50%; animation-duration: 2.2s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.4, 0, .2, 1); }
.se-chatlogo .sel-l1 { animation-name: sel-line1; }
.se-chatlogo .sel-l2 { animation-name: sel-line2; }
.se-chatlogo .sel-dot { transform-box: fill-box; transform-origin: 50% 50%; animation: sel-dot 2.2s infinite cubic-bezier(.4, 0, .2, 1); }
/* line 1 grows left -> right, line 2 follows right after, the dot pulses once at the end, then everything fades out softly and repeats */
@keyframes sel-line1 { 0% { transform: scaleX(0); opacity: 1; } 28% { transform: scaleX(1); opacity: 1; } 90% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes sel-line2 { 0%, 24% { transform: scaleX(0); opacity: 1; } 50% { transform: scaleX(1); opacity: 1; } 90% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes sel-dot { 0%, 50% { transform: scale(0); opacity: 0; } 56% { transform: scale(1); opacity: 1; } 68% { transform: scale(1.35); opacity: 1; } 80% { transform: scale(1); opacity: 1; } 90% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .se-chatlogo .sel-l1, .se-chatlogo .sel-l2, .se-chatlogo .sel-dot { animation: none; transform: none; opacity: 1; } }
@media (max-width: 480px) { #aiw-root .aiw-launcher.se-logo-btn, .se-chatlogo { width: 58px; height: 58px; } }
