.llb-runtime-indicator {
  position: fixed;
  inset-inline-start: max(0.65rem, env(safe-area-inset-left));
  inset-block-end: max(0.65rem, env(safe-area-inset-bottom));
  z-index: 6;
  max-width: calc(100vw - 1.3rem - env(safe-area-inset-left) - env(safe-area-inset-right));
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--ll-ink, #16202a) 18%, transparent);
  border-radius: var(--ll-radius-header, 999px);
  background: color-mix(in srgb, var(--ll-card, #fffdf9) 92%, transparent);
  color: var(--ll-muted, #63594d);
  padding: 0.3rem 0.55rem;
  box-shadow: 0 3px 12px rgba(22, 32, 42, 0.1);
  font: 600 0.68rem/1.1 var(--ll-ui-font, sans-serif);
  letter-spacing: 0.015em;
  pointer-events: none;
  white-space: nowrap;
}

.llb-runtime-indicator .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.llb-runtime-indicator__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.llb-tutor-page .tutor-dialog__messages {
  padding-bottom: 3.25rem;
}

.llb-tutor-page .llb-runtime-indicator {
  inset-block-end: max(5rem, calc(4.35rem + env(safe-area-inset-bottom)));
}

@media (max-width: 599px) {
  .llb-runtime-indicator {
    inset-inline-start: max(0.45rem, env(safe-area-inset-left));
    inset-block-end: max(0.45rem, env(safe-area-inset-bottom));
    max-width: calc(100vw - 0.9rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    padding: 0.25rem 0.45rem;
    font-size: 0.62rem;
  }

  .llb-tutor-page .llb-runtime-indicator {
    inset-block-end: max(7.25rem, calc(6.6rem + env(safe-area-inset-bottom)));
  }
}

@media (forced-colors: active) {
  .llb-runtime-indicator {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}