.vaultVelvetInline{
  margin:7px 0 8px;
}
.vaultVelvetInline[hidden]{display:none!important}
.vvShell{
  --vv-accent:#a968ee;
  --vv-soft:rgba(169,104,238,.14);
  width:100%;
}
.vvMessages[hidden]{display:none!important}
.vvMessages{
  max-height:260px;
  overflow:auto;
  overscroll-behavior:contain;
  margin:0 0 8px;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(10,8,14,.72);
}
.vvMessage{
  max-width:92%;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.vvMessage.user{
  align-self:flex-end;
  align-items:flex-end;
}
.vvMessage.assistant{
  align-self:flex-start;
  align-items:flex-start;
}
.vvBubble{
  padding:9px 10px;
  border-radius:13px;
  font-size:11px;
  line-height:1.45;
  white-space:pre-wrap;
  word-break:break-word;
}
.vvMessage.user .vvBubble{
  background:var(--vv-soft);
  border:1px solid rgba(169,104,238,.34);
}
.vvMessage.assistant .vvBubble{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.075);
}
.vvMessageMeta{
  padding:0 3px;
  font-size:7.5px;
  color:rgba(255,255,255,.30);
}
.vvMessageTools{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 2px;
}
.vvListen{
  flex:0 0 auto;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.72);
  font:850 9px/1 system-ui;
  cursor:pointer;
}
.vvListen[aria-pressed="true"]{
  border-color:rgba(174,93,255,.58);
  background:rgba(174,93,255,.14);
  color:#fff;
}
.vvThinking{opacity:.62}
.vvComposer{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
}
.vvInput{
  flex:1;
  min-width:0;
  height:43px;
  min-height:43px;
  max-height:110px;
  resize:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:#fff;
  padding:10px 13px;
  font:11.5px/1.35 system-ui;
  outline:none;
  overflow-y:auto;
}
.vvInput::placeholder{
  color:rgba(255,255,255,.38);
}
.vvInput:focus{
  border-color:rgba(174,93,255,.72);
  box-shadow:0 0 0 1px rgba(174,93,255,.10);
}
.vvSend{
  flex:0 0 auto;
  height:43px;
  min-width:66px;
  padding:0 14px;
  border:0;
  border-radius:15px;
  background:linear-gradient(145deg,#8f35dd,#a449ee);
  color:#fff;
  font:900 11.5px/1 system-ui;
  cursor:pointer;
}
.vvSend:disabled{
  opacity:.45;
  cursor:default;
}
@media(max-width:600px){
  .vaultVelvetInline{margin:7px 0 8px}
  .vvMessages{max-height:230px;padding:9px}
  .vvInput{
    height:42px;
    min-height:42px;
    padding:9px 11px;
    font-size:11px;
  }
  .vvSend{
    height:42px;
    min-width:64px;
    padding:0 13px;
  }
}

.vaultPage{overflow-anchor:none!important}
.vaultVelvetInline{overflow-anchor:none!important}
