.bot-profiles {
  margin: 1rem auto;
  max-width: 42rem;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--lime, #b7f34a) 28%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface, #101718) 86%, transparent);
}
.bot-profiles h3 { margin: 0 0 .7rem; font-size: .95rem; letter-spacing: .02em; }
.bot-profile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.bot-profile-card {
  display: flex; align-items: center; gap: .55rem; min-height: 4.1rem; padding: .65rem;
  color: inherit; text-align: start; cursor: pointer; border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: 12px; background: color-mix(in srgb, currentColor 5%, transparent);
}
.bot-profile-card:hover, .bot-profile-card:focus-visible { border-color: var(--lime, #b7f34a); outline: 2px solid color-mix(in srgb, var(--lime, #b7f34a) 45%, transparent); outline-offset: 2px; }
.bot-profile-card.is-selected { border-color: var(--lime, #b7f34a); box-shadow: 0 0 0 1px color-mix(in srgb, var(--lime, #b7f34a) 40%, transparent) inset; }
.bot-profile-icon { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: color-mix(in srgb, var(--lime, #b7f34a) 20%, transparent); color: var(--lime, #b7f34a); font-size: 1.1rem; }
.bot-profile-copy { display: grid; gap: .18rem; min-width: 0; }
.bot-profile-copy strong { font-size: .78rem; }
.bot-profile-copy small { opacity: .72; font-size: .66rem; line-height: 1.25; }
.bot-profile-copy em { min-height: .75rem; color: var(--lime, #b7f34a); font-size: .6rem; font-style: normal; }
.tw-turn-alert { position: fixed; inset-inline: 1rem; bottom: max(1rem, env(safe-area-inset-bottom)); z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .7rem .9rem; border: 1px solid color-mix(in srgb, var(--lime, #b7f34a) 55%, transparent); border-radius: 14px; background: #0d1516eF; color: #fff; box-shadow: 0 10px 30px #0006; transform: translateY(140%); transition: transform .22s ease; }
.tw-turn-alert.is-visible { transform: translateY(0); }
.tw-turn-alert.is-warning { border-color: #ffbf69; }
.tw-turn-alert-text { font-size: .8rem; }
.tw-turn-alert-time { color: var(--lime, #b7f34a); font-variant-numeric: tabular-nums; font-weight: 700; }
@media (max-width: 560px) { .bot-profile-grid { grid-template-columns: 1fr; } .bot-profile-card { min-height: 3.4rem; } }