#raga-bot-root{--rts:#ef4b35;--ink:#17191d;--muted:#707887;--line:#e5e8ed;position:fixed;right:22px;bottom:22px;z-index:2147483000;color:var(--ink);font-family:Inter,Arial,sans-serif}
#raga-bot-root *{box-sizing:border-box}
.rts-launcher{width:68px;height:68px;padding:0;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);cursor:pointer;transition:.2s}
.rts-launcher:hover{transform:scale(1.04)}
.rts-launcher img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transform-origin:center;animation:none}
.rts-launcher.talking img{animation:none;transform:scale(1);object-position:center}
.rts-online{position:absolute;right:2px;bottom:5px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#27c46b}
.rts-panel{position:absolute;right:0;bottom:82px;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 120px));display:none;flex-direction:column;overflow:hidden;border:1px solid #dfe3e9;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(18,22,29,.24)}
.rts-panel.open{display:flex;animation:rtsOpen .25s ease}
.rts-head{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--line)}
.rts-head-avatar{width:43px;height:43px;overflow:hidden;border:2px solid #eee;border-radius:50%}
.rts-head-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1)}
.rts-title{flex:1}.rts-title strong{display:block;font-size:14px}.rts-title span{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.rts-close{width:34px;height:34px;border:0;border-radius:50%;background:#f3f5f7;color:#333;font-size:22px;cursor:pointer}
.rts-progress{height:4px;background:#edf0f4}.rts-progress span{display:block;width:25%;height:100%;background:var(--rts);transition:.3s}
.rts-chat{flex:1;overflow:auto;padding:17px;background:#f4f6f8}
.rts-msg{max-width:88%;margin-bottom:10px;padding:11px 13px;border:1px solid var(--line);border-radius:15px 15px 15px 4px;background:#fff;font-size:13px;line-height:1.45;animation:rtsMessage .2s ease}
.rts-msg.user{margin-left:auto;border:0;border-radius:15px 15px 4px 15px;background:var(--ink);color:#fff}
.rts-form{padding:13px 14px 15px;border-top:1px solid var(--line)}.rts-form label{display:block;margin-bottom:6px;font-size:11px;font-weight:800}
.rts-row{display:flex;gap:8px}.rts-input{min-width:0;flex:1;padding:12px;border:1.5px solid #d8dde5;border-radius:11px;outline:none;font:inherit;font-size:13px}.rts-input:focus{border-color:var(--rts);box-shadow:0 0 0 3px rgba(239,75,53,.1)}
.rts-next{padding:0 17px;border:0;border-radius:11px;background:var(--rts);color:#fff;font-weight:800;cursor:pointer}.rts-error{min-height:15px;margin:6px 2px 0;color:#c73527;font-size:10px}
.rts-courses{display:grid;gap:8px}.rts-course{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px;border:1.5px solid #dfe3e9;border-radius:11px;background:#fff;color:var(--ink);font-weight:700;text-align:left;cursor:pointer}.rts-course:hover{border-color:var(--rts);background:#fff8f6}.rts-course b{color:var(--rts);font-size:18px}.rts-powered{padding:7px;color:#9aa1aa;font-size:9px;text-align:center}
@keyframes rtsBreath{0%,100%{transform:scale(1.28)}50%{transform:scale(1.31) translateY(-1px)}}
@keyframes rtsWelcome{0%,100%{transform:scale(1.28) rotate(0) translateY(0)}15%{transform:scale(1.31) rotate(-4deg) translateY(-3px)}30%{transform:scale(1.3) rotate(4deg) translateY(-2px)}48%{transform:scale(1.31) rotate(0) translateY(-4px)}62%{transform:scale(1.29) translateY(2px)}76%{transform:scale(1.32) rotate(-2deg) translateY(-2px)}90%{transform:scale(1.29) rotate(1deg)}}
@keyframes rtsOpen{from{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes rtsMessage{from{opacity:0;transform:translateY(5px)}}
@media(max-width:520px){#raga-bot-root{right:14px;bottom:14px}.rts-panel{position:fixed;inset:10px;width:auto;height:auto}.rts-launcher{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){#raga-bot-root *{animation:none!important;transition:none!important}}
#raga-bot-root .rts-close,#raga-bot-root .rts-close:hover,#raga-bot-root .rts-close:focus,#raga-bot-root .rts-close:active{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;outline:none!important;background:#f3f5f7!important;background-image:none!important;box-shadow:none!important;color:#333!important;transform:none!important}
#raga-bot-root .rts-close::before,#raga-bot-root .rts-close::after{display:none!important;content:none!important}
.rts-greeting {
  position: absolute;
  right: 80px;
  bottom: 11px;
  min-width: 140px;
  padding: 11px 14px;
  border: 1px solid #e5e8ed;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(18, 22, 29, 0.16);
  color: #17191d;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  animation: rtsGreeting 0.45s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.rts-greeting::after {
  position: absolute;
  right: -7px;
  top: 50%;
  width: 13px;
  height: 13px;
  border-top: 1px solid #e5e8ed;
  border-right: 1px solid #e5e8ed;
  background: #ffffff;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.rts-greeting.hidden {
  opacity: 0;
  transform: translateX(8px);
  pointer-events: none;
}

@keyframes rtsGreeting {
  from {
    opacity: 0;
    transform: translateX(10px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: none;
  }
}