#support-toggle{
  width:64px;
  height:64px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.12);
  background:#0e0e0e;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  position:relative;

  transition:0.3s;
}

.chat-icon{
  width:26px;
  height:26px;
  stroke:#fff;
  fill:none;
  stroke-width:1.6;
}

#support-toggle::after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.2);
  opacity:0;
  animation:pulse 2.5s infinite;
}

@keyframes pulse{
  0%{transform:scale(1);opacity:0.4}
  70%{transform:scale(1.5);opacity:0}
  100%{opacity:0}
}

#support-toggle:hover{
  transform:translateY(-3px);
  box-shadow:
    0 0 10px rgba(255,255,255,0.4),
    0 0 30px rgba(255,255,255,0.15);
}

#support-window{
  position:absolute;
  bottom:80px;
  right:0;

  width:360px;
  height:500px;

  background:rgba(14,14,14,0.96);
  backdrop-filter:blur(20px);

  border:1px solid rgba(255,255,255,0.08);

  display:flex;
  flex-direction:column;

  opacity:0;
  transform:translateY(20px) scale(0.95);
  pointer-events:none;

  transition:0.3s cubic-bezier(0.4,0,0.2,1);
}

#support-window.open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.support-header{
  padding:16px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  display:flex;
  justify-content:space-between;
  font-size:12px;
  letter-spacing:0.08em;
}

.support-messages{
  flex:1;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow-y:auto;
}

.msg{
  max-width:75%;
  padding:12px 14px;
  font-size:12px;
  line-height:1.5;

  border-radius:6px;
  border:1px solid rgba(255,255,255,0.06);

  animation:msgIn 0.25s ease;
}

.msg.bot{
  color:#aaa;
}

.msg.user{
  align-self:flex-end;
  color:#fff;

  border-color:rgba(255,255,255,0.15);

  box-shadow:
    0 0 6px rgba(255,255,255,0.08);
}

.support-input{
  display:flex;
  border-top:1px solid rgba(255,255,255,0.06);
}

.support-input input{
  flex:1;
  padding:14px;
  background:none;
  border:none;
  color:#fff;
  font-size:12px;
}

.support-input button{
  width:50px;
  background:none;
  border:none;
  color:#888;
  cursor:pointer;
  transition:0.2s;
}

.support-input button:hover{
  color:#fff;
}

#support-widget{
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:9999;
}