#hsk-staff-bubble,#hsk-staff-box{
  font-family:Georgia,"Times New Roman",serif;
  z-index:99999;
}
#hsk-staff-bubble{
  position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;
  border:1px solid #3A2A30;background:#0C0A0B;color:#C41E3A;
  box-shadow:0 10px 28px rgba(196,30,58,.28);cursor:pointer;font-size:24px;line-height:1;
}
#hsk-staff-bubble:hover{background:#161214;border-color:#C41E3A}
#hsk-staff-bubble.hsk-has-msg{
  animation:hsk-pulse 1.2s ease-in-out infinite;
  border-color:#C41E3A;
  box-shadow:0 0 0 4px rgba(196,30,58,.35),0 10px 28px rgba(196,30,58,.4);
}
@keyframes hsk-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}
#hsk-staff-box{
  position:fixed;right:20px;bottom:88px;width:340px;max-width:calc(100vw - 24px);height:440px;
  background:#0C0A0B;color:#F6EDE6;border-radius:18px;display:none;flex-direction:column;overflow:hidden;
  border:1px solid #3A2A30;box-shadow:0 22px 50px rgba(0,0,0,.5);
}
#hsk-staff-box.open{display:flex}
#hsk-staff-box header{
  padding:16px 16px 12px;background:linear-gradient(180deg,#22181C,#161214);
  font-weight:700;font-size:15px;letter-spacing:.04em;position:relative;
  border-bottom:1px solid #3A2A30;
}
#hsk-staff-box header span{
  display:block;font-weight:400;font-size:12px;font-family:system-ui,sans-serif;
  color:#C4A8AE;margin-top:4px;padding-right:78px;letter-spacing:0;line-height:1.35;
}
#hsk-staff-close{
  position:absolute;top:12px;right:12px;border:1px solid #3A2A30;background:transparent;
  color:#C4A8AE;border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer;
  font-family:system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;
}
#hsk-staff-close:hover{color:#F6EDE6;border-color:#C41E3A}
#hsk-staff-msgs{flex:1;overflow:auto;padding:12px;font-size:13px;font-family:system-ui,sans-serif;background:#0C0A0B}
.hsk-m{margin:8px 0;padding:9px 12px;border-radius:14px;max-width:86%;line-height:1.4}
.hsk-m.client{background:#22181C;margin-left:auto;border:1px solid #3A2A30}
.hsk-m.staff{background:#C41E3A;color:#F6EDE6}
#hsk-staff-form{display:flex;gap:8px;padding:12px;background:#161214;border-top:1px solid #3A2A30;font-family:system-ui,sans-serif}
#hsk-staff-form input{
  flex:1;border:1px solid #3A2A30;border-radius:999px;padding:11px 14px;background:#0C0A0B;color:#F6EDE6;outline:none;
}
#hsk-staff-form input:focus{border-color:#C41E3A}
#hsk-staff-form button{
  border:0;border-radius:999px;padding:11px 16px;background:#C41E3A;color:#F6EDE6;
  font-weight:700;cursor:pointer;letter-spacing:.04em;
}
#hsk-staff-form button:hover{background:#E23A54}