:root{--cm-bg:#211d2b;--cm-panel:#2c2638;--cm-lilac:#a991d4;--cm-own:linear-gradient(135deg,#75609c,#675287);--cm-other:rgba(75,63,91,.95)}*{box-sizing:border-box}

.cm-shell{
min-height: 720px;
  display: grid;
  grid-template-columns: 370px minmax(0,1fr);
  overflow: hidden;
  border: 1px solid var(--line1);
  background: var(--transparent);
  backdrop-filter: blur(3px);
}

.cm-sidebar{
min-width: 0;
  border-right: 1px solid var(--line1);
}

.cm-brand{padding:22px;border-bottom:1px solid var(--line1)}

.cm-brand__title{
font: 25px var(--mainfont);
  color: var(--accent2);
  text-transform: uppercase;
}

.cm-brand__subtitle,.cm-help{
	font-size:12px;
}

.cm-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-bottom:1px solid var(--line1)}.cm-actions form{display:flex;gap:8px}

.cm-input{
width: 100%;
  border: 1px solid var(--line1);
  padding: 11px 13px;
  outline: none;
}

.cm-button{
border: 0;
  padding: 10px 15px;
  cursor: pointer;
  background: var(--accent2);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.cm-button--ghost{background:rgba(169,145,212,.14);color:var(--cm-text);border:1px solid rgba(169,145,212,.3)}.cm-button--danger{background:rgba(190,85,105,.18);color:#ffdce2;border:1px solid rgba(220,120,140,.35)}

.cm-section-title{
padding: 13px 18px 8px;
  border-bottom: 1px solid var(--line1);
  text-transform: uppercase;
  font-weight: bold;
  background: var(--accent2);
}

.cm-section-note{
display: block;
  margin-top: 3px;
  font-weight: normal;
  font-size: 10px;
}

.cm-list{max-height:275px;overflow:auto}.cm-list-empty{padding:18px;color:var(--cm-muted);font-size:12px;text-align:center}.cm-contact{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 17px;color:var(--cm-text);text-decoration:none;border-bottom:1px solid rgba(217,191,131,.1)}.cm-contact:hover,.cm-contact--active{background:rgba(169,145,212,.12)}.cm-avatar,.cm-group-icon{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--line1)}.cm-group-icon{display:grid;place-items:center;background:rgba(169,145,212,.13);color:var(--forum-gold);font-size:21px}.cm-avatar-stack{width:52px;height:46px;position:relative}.cm-avatar-stack img{position:absolute;width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #2c2638}.cm-avatar-stack img:last-child{right:0;bottom:0}.cm-contact__name{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-contact__preview{display:block;margin-top:4px;color:var(--cm-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-contact__time{font-size:11px;color:var(--cm-muted);text-align:right}.cm-unread,.cm-nav-badge{display:inline-flex;min-width:19px;height:19px;padding:0 5px;background:var(--cm-lilac);color:#fff;align-items:center;justify-content:center;font-size:10px;margin-left:5px}

.cm-chat{
display: flex;
  min-width: 0;
  flex-direction: column;
  background-size: auto,38px 38px;
}

.cm-chat__head{
min-height: 78px;
  padding: 12px 22px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line1);
  background-image: var(--background_body);
  background-size: 100%;
  background-position-y: 53%;
}

.cm-chat__headimg{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid var(--line1)}

.cm-chat__name{
font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--mainfont);
}

.cm-chat__status{
	font-size:12px;
	margin-top:3px
}

.cm-chat__profiles{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.cm-chat__profiles a{color:var(--forum-gold);text-decoration:none}.cm-messages{height:520px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.cm-message-wrap{display:flex;flex-direction:column;align-items:flex-start}.cm-message-wrap--own{align-items:flex-end}

.cm-message{
max-width: 74%;
  padding: 10px 14px 8px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  border: 1px solid var(--line1);
}

.cm-message--own{
background: var(--line1);
}

.cm-message__sender{font-size:11px;font-weight:700;color:var(--forum-gold);margin-bottom:3px}.cm-message__image{display:block;max-width:100%;max-height:360px;margin:7px 0;cursor:zoom-in}.cm-message__quote{display:block;border-left:3px solid var(--forum-gold);background:rgba(0,0,0,.16);padding:7px 9px;margin:3px 0 8px;color:var(--cm-muted);font-size:12px;text-decoration:none}.cm-message__meta{display:flex;justify-content:flex-end;gap:6px;margin-top:5px;font-size:10px;}.cm-message__tools{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}

.cm-tool{
font-size: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  padding: 2px 4px;
}

.cm-tool:hover{color:var(--forum-gold)}.cm-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.cm-reaction{border:1px solid rgba(217,191,131,.2);background:rgba(0,0,0,.12);color:#fff;padding:2px 7px;font-size:11px;cursor:pointer}.cm-reaction--mine{border-color:var(--forum-gold);background:rgba(217,191,131,.14)}

.cm-compose{
padding: 15px 18px;
  border-top: 1px solid var(--line1);
}

.cm-compose form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.cm-compose textarea{height:58px;resize:vertical}.cm-compose__extras{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--cm-muted)}.cm-reply-preview{display:none;padding:8px 10px;border-left:3px solid var(--forum-gold);background:rgba(0,0,0,.15);}.cm-public-notice{padding:17px 22px;border-top:1px solid var(--line1);background:rgba(45,38,56,.96);color:var(--cm-muted);font-size:12px;text-align:center}.cm-empty{margin:auto;text-align:center;padding:50px;max-width:460px;color:var(--cm-muted)}.cm-empty__symbol{font-size:48px;color:var(--forum-gold)}.cm-deleted{font-style:italic;color:var(--cm-muted)}.cm-modal{max-width:760px;margin:30px auto;padding:26px;border:1px solid var(--line1);background:#2c2638;color:var(--cm-text)}.cm-modal h1{font:26px Georgia,serif;color:var(--forum-gold)}.cm-field{margin:16px 0}.cm-field label{display:block;margin-bottom:7px;color:var(--forum-gold);font-weight:700}.cm-member-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.cm-member-pill{padding:6px 9px;background:rgba(169,145,212,.13);font-size:11px}.cm-mobile-back{display:none}@media(max-width:780px){.cm-shell{grid-template-columns:1fr;margin:12px}.cm-shell.cm-has-chat .cm-sidebar{display:none}.cm-shell:not(.cm-has-chat) .cm-chat{display:none}.cm-mobile-back{display:inline-flex;color:var(--forum-gold);text-decoration:none;margin-right:12px}.cm-message{max-width:90%}.cm-messages{height:58vh}.cm-chat__profiles{display:none}.cm-actions{grid-template-columns:1fr}.cm-modal{margin:12px}.cm-compose form{grid-template-columns:1fr}.cm-compose .cm-button{width:100%}}
