.is-hidden { display: none; }
.m-0 { margin: 0; }
.mt-035 { margin-top: 0.35rem; }
.mt-045 { margin-top: 0.45rem; }
.mt-05 { margin-top: 0.5rem; }
.mt-055 { margin-top: 0.55rem; }
.mt-065 { margin-top: 0.65rem; }
.mt-07 { margin-top: 0.7rem; }
.mt-075 { margin-top: 0.75rem; }
.mt-085 { margin-top: 0.85rem; }
.mt-08 { margin-top: 0.8rem; }
.mb-035 { margin-bottom: 0.35rem; }
.mb-04 { margin-bottom: 0.4rem; }
.mb-055 { margin-bottom: 0.55rem; }
.mb-06 { margin-bottom: 0.6rem; }
.mt-06 { margin-top: 0.6rem; }
.mb-03 { margin-bottom: 0.3rem; }
.mt-09 { margin-top: 0.9rem; }
.inline-flex-gap-wrap { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.summary-inline {
  cursor: pointer;
  margin-top: 0.35rem;
}
.pre-wrap-inline {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0.4rem 0 0;
}
.pin-input-inline {
  width: 220px;
  max-width: 100%;
  padding: 0.58rem 0.72rem;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.16);
  color: #f5f5f5;
  margin-right: 0.45rem;
}
.scroll-max-200 { max-height: 200px; }
.selected-row { background: rgba(241,198,123,0.08); }
.heading-accent {
  margin: 1rem 0 0.4rem;
  color: #ffe8bc;
}
.reply-textarea-inline {
  width: 100%;
  min-height: 68px;
  border: 1px solid rgba(241, 198, 123, 0.4);
  border-radius: 10px;
  background: rgba(12, 8, 6, 0.82);
  color: var(--text);
  padding: 0.5rem 0.58rem;
  font-size: 0.9rem;
  font-family: inherit;
  resize: vertical;
}
.input-inline-light {
  width: 100%;
  max-width: 420px;
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  border: 1px solid rgba(241,198,123,0.35);
  background: rgba(255,255,255,0.92);
  color: #2a1d12;
}
.maxw-300 { max-width: 300px; }
.center-text { text-align: center; }
.title-sm { font-size: 1rem; }
.muted-09 { color: var(--muted); font-size: 0.9rem; }
.muted-085 { color: var(--muted); font-size: 0.85rem; }