.site-assistant{position:fixed;right:24px;bottom:24px;z-index:1050;font-family:Arial,sans-serif}.site-assistant__trigger{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#e8192c;color:#fff;box-shadow:0 8px 24px rgba(103,14,23,.28);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:0}.site-assistant__trigger:hover{background:#c41224}.site-assistant__panel{position:absolute;right:0;bottom:60px;width:min(360px,calc(100vw - 32px));overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.2)}.site-assistant__panel header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#191919;color:#fff}.site-assistant__panel header button{width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer}.site-assistant__messages{max-height:280px;min-height:155px;overflow:auto;padding:14px;background:#f8fafc}.site-assistant__messages p{max-width:85%;margin:0 0 10px;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.45}.site-assistant__messages .is-guide{background:#fff;color:#334155;border:1px solid #e2e8f0}.site-assistant__messages .is-user{margin-left:auto;background:#e8192c;color:#fff}.site-assistant__panel form{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.site-assistant__panel input{min-width:0;flex:1;height:38px;padding:0 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px}.site-assistant__panel form button{width:38px;height:38px;border:0;border-radius:4px;background:#e8192c;color:#fff;cursor:pointer}@media(max-width:600px){.site-assistant{right:16px;bottom:16px}.site-assistant__panel{bottom:58px}}

.site-assistant__trigger img { width: 42px; height: 42px; display: block; border-radius: 50%; }
.site-assistant--reader { left: 24px; right: auto; }
.site-assistant--reader .site-assistant__panel { left: 0; right: auto; }
@media(max-width:600px){.site-assistant--reader{left:16px;right:auto}}

/* Loading animation for chat */
.site-assistant__messages .is-loading {
    background: #fff !important;
    color: #94a3b8 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px 16px !important;
}

.loading-dots {
    display: inline-flex;
    gap: 4px;
}

.loading-dots span {
    animation: loadingDot 1.4s infinite;
    font-size: 18px;
    font-weight: bold;
}

.loading-dots span:nth-child(1) {
    animation-delay: 0s;
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loadingDot {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(-8px);
    }
}

body.dark-mode .site-assistant__panel { background: #171d2a; border-color: #334155; box-shadow: 0 18px 42px rgba(0, 0, 0, .45); }
body.dark-mode .site-assistant__panel header { background: #0f172a; }
body.dark-mode .site-assistant__messages { background: #111827; }
body.dark-mode .site-assistant__messages .is-guide { background: #1f2937; color: #e5e7eb; border-color: #374151; }
body.dark-mode .site-assistant__messages .is-loading { background: #1f2937 !important; color: #94a3b8 !important; border-color: #374151 !important; }
body.dark-mode .site-assistant__panel form { background: #171d2a; border-color: #334155; }
body.dark-mode .site-assistant__panel input { background: #0f172a; color: #f8fafc; border-color: #475569; }
body.dark-mode .site-assistant__panel input::placeholder { color: #94a3b8; }