.sch-ansara {
  position: fixed;
  z-index: 17;
  inset-inline-end: max(18px, env(safe-area-inset-right, 0px));
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 4px 16px 4px 4px;
  border: 1px solid #c6cecb;
  border-radius: 100px;
  box-shadow: 0 3px 12px #10243a29;
  background: white;
  color: var(--ink);
  -webkit-tap-highlight-color: transparent;
}

.sch-ansara[hidden] {display: none;}
@media (prefers-reduced-motion: no-preference) {
  .sch-ansara:not([hidden]) {animation: ansara-appear .16s ease-out;}
  @keyframes ansara-appear {
    from {opacity: 0; transform: translateY(4px);}
    to {opacity: 1; transform: translateY(0);}
  }
}

.sch-ansara:hover, .sch-ansara:focus-visible {
  border-color: var(--rust);
  background: #fffaf4;
}

.sch-ansara img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}

.sch-ansara span {
  display: grid;
  gap: 2px;
  line-height: 1.1;
}

.sch-ansara strong {font-size: 14px; font-weight: 700;}
.sch-ansara small {font-size: 10px; color: var(--muted);}
html:has(dialog[open]) .sch-ansara {visibility: hidden;}

@media (max-width: 600px) {
  .sch-ansara {
    inset-inline-end: max(12px, env(safe-area-inset-right, 0px));
    bottom: calc(70px + env(safe-area-inset-bottom, 0px));
    gap: 6px;
    min-height: 44px;
    padding: 3px 11px 3px 3px;
  }
  .sch-ansara img {width: 34px; height: 34px;}
  .sch-ansara strong {font-size: 12px;}
  .sch-learning .sch-ansara {bottom: calc(14px + env(safe-area-inset-bottom, 0px));}
  .sch-learning:has(input:focus, textarea:focus) .sch-ansara {visibility: hidden;}
}

@media print {
  .sch-ansara {display: none;}
}