:root{
  --zf-action-size:42px;
  --zf-action-radius:14px;
  --zf-action-border:rgba(255,255,255,.11);
  --zf-action-bg:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  --zf-action-surface:rgba(12,12,15,.82);
  --zf-action-ink:#f5efe8;
  --zf-action-ink-soft:rgba(245,239,232,.92);
  --zf-action-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 32px rgba(0,0,0,.24);
  --zf-action-hover-border:rgba(211,177,123,.34);
  --zf-action-hover-bg:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
}

.topbarRight{
  gap:10px !important;
}

.topbarRight .actionIcon,
.chatHeaderRight .actionIcon,
#accessBtn.actionIcon--account{
  width:var(--zf-action-size) !important;
  height:var(--zf-action-size) !important;
  min-width:var(--zf-action-size) !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:var(--zf-action-radius) !important;
  border:1px solid var(--zf-action-border) !important;
  background:var(--zf-action-bg), var(--zf-action-surface) !important;
  color:var(--zf-action-ink) !important;
  box-shadow:var(--zf-action-shadow) !important;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  transition:transform .16s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.topbarRight .actionIcon svg,
.chatHeaderRight .actionIcon svg,
#accessBtn.actionIcon--account svg{
  width:19px !important;
  height:19px !important;
  display:block !important;
  opacity:1 !important;
  stroke:currentColor;
}

.topbarRight .actionIcon:hover,
.chatHeaderRight .actionIcon:hover,
#accessBtn.actionIcon--account:hover{
  transform:translateY(-1px);
  border-color:var(--zf-action-hover-border) !important;
  background:var(--zf-action-hover-bg), rgba(12,12,15,.88) !important;
}

.topbarRight .actionIcon:focus-visible,
.chatHeaderRight .actionIcon:focus-visible,
#accessBtn.actionIcon--account:focus-visible{
  outline:none;
  border-color:rgba(211,177,123,.45) !important;
  box-shadow:0 0 0 3px rgba(211,177,123,.12), var(--zf-action-shadow) !important;
}

#accessBtn.actionIcon--account{
  color:var(--zf-action-ink) !important;
}

#accessBtn.actionIcon--account .actionIconLabel{
  display:none !important;
}

.topbarRight .actionIcon:active,
.chatHeaderRight .actionIcon:active,
#accessBtn.actionIcon--account:active{
  transform:translateY(0) scale(.985);
}

#accountModal .aboutTitle,
#savedChatsModal .aboutTitle,
#saveTitleModal .aboutTitle,
#savedChatPreviewModal .aboutTitle{
  letter-spacing:-.02em;
}

#accountModal .modalCard,
#savedChatsModal .modalCard,
#saveTitleModal .modalCard,
#savedChatPreviewModal .modalCard{
  border-radius:26px !important;
}

.accountSectionTitle--recent{
  margin-top:22px !important;
  margin-bottom:12px !important;
  padding-top:0 !important;
}

.accountInsightCard{
  margin-top:0 !important;
  padding:18px 20px !important;
}

.accountInsightTitle{
  font-size:15px !important;
}

.accountInsightText{
  font-size:13px !important;
  line-height:1.6 !important;
  color:#cfc0b2 !important;
}

#savedChatsModal .savedChatItem,
#accountModal .accountRecentCard,
#accountModal .accountEmpty,
#savedChatsModal .savedChatsEmpty{
  border-radius:22px !important;
}

#savedChatsModal .savedChatTitle,
#accountModal .accountRecentTitle{
  letter-spacing:-.01em;
}

#savedChatsModal .savedChatActions .btn,
#accountModal .accountDashActions .btn,
#accountModal .accountRecentCard .btn{
  min-height:40px;
}

#savedChatsModal .savedChatBtn,
#accountModal .btn,
#saveTitleModal .btn,
#savedChatPreviewModal .btn{
  border-radius:14px !important;
}

#savedChatsModal .savedChatsEmptyText,
#savedChatsModal .savedChatsIntroText,
#accountModal .accountDashText,
#accountModal .accountIntro,
#accountModal .accountInsightText{
  text-wrap:pretty;
}

@media (max-width:640px){
  .topbarRight{gap:8px !important;}
  .topbarRight .actionIcon,
  .chatHeaderRight .actionIcon,
  #accessBtn.actionIcon--account{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:13px !important;
  }
  .topbarRight .actionIcon svg,
  .chatHeaderRight .actionIcon svg,
  #accessBtn.actionIcon--account svg{
    width:18px !important;
    height:18px !important;
  }
  .accountSectionTitle--recent{
    margin-top:18px !important;
  }
  .accountInsightCard{
    padding:16px 16px 17px !important;
  }
}