*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#101418;color:#eef2f5}main{max-width:1100px;margin:auto;padding:24px}.card{background:#192027;border:1px solid #303a43;border-radius:14px;padding:20px;margin-bottom:16px}input,button,select{font:inherit;padding:10px 12px;border-radius:9px;border:1px solid #45515c;background:#11171c;color:#fff}button{cursor:pointer;background:#e7edf2;color:#101418;font-weight:700}.row{display:flex;gap:10px;flex-wrap:wrap}.grow{flex:1}.muted{color:#a9b4bd}.error{color:#ffaaa5}.layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.messages{height:55vh;overflow:auto;padding:10px;background:#0d1216;border-radius:10px}.msg{padding:9px 11px;margin:7px 0;background:#222b33;border-radius:10px}.msg b{margin-right:8px}.tiny{font-size:12px;color:#94a0aa}.group{display:block;width:100%;margin:6px 0;text-align:left}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media(max-width:700px){.layout{grid-template-columns:1fr}.messages{height:45vh}}
.composer{align-items:center}.imgpick{display:inline-flex;align-items:center;padding:10px 12px;border-radius:9px;border:1px solid #45515c;background:#222b33;cursor:pointer;font-weight:700}.imgpick input{display:none}.preview{margin:10px 0;padding:10px;background:#11171c;border-radius:10px}.cancelimg{margin-top:8px}.msgtext{white-space:pre-wrap;overflow-wrap:anywhere}

/* Responsive encrypted images */
.preview img,
.chatimg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.chatimg {
  max-height: min(70vh, 720px);
  object-fit: contain;
  margin-top: 8px;
}
.msg {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .chatimg,
  .preview img {
    max-width: 100%;
    height: auto;
  }
}

/* v1.8 chat polling/scroll stability */
#msgs { overflow-anchor: auto; }
#msgs .msg { overflow-anchor: none; }