.audio-player{contain:layout style;box-sizing:border-box;width:100%;min-width:0;max-width:none;margin-top:.5rem;overflow:visible}.audio-player__container{box-sizing:border-box;min-width:0;height:78px;min-height:78px;display:block;overflow:visible;width:100%!important}.audio-player__native audio{width:100%;min-width:0;height:78px;display:block}.audio-player__native a{color:var(--color-primary)}
.video-player{contain:layout style;box-sizing:border-box;background:#0d0d12;border-radius:8px;width:100%;min-width:0;max-width:min(560px,100%);margin-top:.5rem;overflow:hidden}.video-player__container{aspect-ratio:16/9;box-sizing:border-box;min-width:0;min-height:200px;max-height:70vh;display:block;width:100%!important;height:auto!important}.video-player__native video{aspect-ratio:16/9;background:#000;width:100%;min-width:0;max-height:70vh;display:block}.video-player__native a{color:var(--color-primary)}
.message-list{flex-direction:column;flex:1;min-height:200px;display:flex;overflow:hidden}.message-list-inner{background:linear-gradient(#3498db0a,#0000 30%);flex-direction:column;flex:1;gap:.75rem;padding:1.1rem 1rem;display:flex;overflow-y:auto}.message-list-loading,.message-list-empty{text-align:center;color:var(--color-muted);padding:2rem}.message-item{border:1px solid var(--color-border);width:100%;max-width:min(820px,88%);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#ffffffb8;border-radius:16px;flex:none;padding:.7rem .9rem;overflow:hidden}.message-own{background:#3498db1f;border-color:#3498db47;align-self:flex-end}.message-item--system{background:#64748b24;border-color:#64748b59;align-self:center;max-width:min(640px,92%);padding:.55rem .85rem .65rem}.message-system-bar{letter-spacing:.02em;text-transform:uppercase;color:#334155eb;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:flex}.message-system-bar__badge{color:#2563ebf2;background:#3b82f633;border-radius:999px;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;line-height:1;display:inline-flex}.message-system-bar__time{text-transform:none;letter-spacing:0;color:#475569d9;font-size:.75rem;font-weight:600}.message-system-body{color:#1e293bf2;font-size:.92rem;line-height:1.45}.message-meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.message-avatar-btn,.message-author-btn{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.message-avatar-btn{border-radius:999px;line-height:0}.message-avatar-btn:focus-visible,.message-author-btn:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #78b4ffb3}.message-meta .message-avatar{flex-shrink:0}.message-meta-text{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.message-author,.message-author-btn{color:var(--color-text);font-size:.9rem;font-weight:600}.message-time{color:var(--color-muted);font-size:.75rem}.message-reply-preview{color:var(--color-muted);margin-bottom:.25rem;font-size:.8rem;font-style:italic}.message-content{word-break:break-word;white-space:pre-wrap;line-height:1.35}.link-preview{width:100%;color:inherit;border:1px solid var(--color-border);background:#ffffff8c;border-radius:12px;gap:.65rem;margin-top:.55rem;text-decoration:none;display:flex;overflow:hidden}.link-preview:hover{background:#3498db1a}.link-preview__media{background:#0000000f;flex-shrink:0;width:148px;position:relative}.link-preview__thumb{object-fit:cover;width:100%;height:100%;display:block}.link-preview__play{color:#fff;background:#000000a6;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.link-preview__meta{flex-direction:column;justify-content:center;gap:.15rem;min-width:0;padding:.55rem .65rem;display:flex}.link-preview__title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;line-height:1.2;overflow:hidden}.link-preview__sub{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:650;overflow:hidden}.message-attachment{width:100%;min-width:0;margin-top:.5rem}.message-attachment .audio-player,.message-attachment .video-player{margin-top:.25rem}.message-attachment img{border-radius:8px;max-width:100%;max-height:300px;display:block}.message-attachment-image-link{cursor:zoom-in;display:inline-block}.message-attachment a{color:var(--color-primary)}.message-attachment a.message-attachment-file{align-items:center;gap:.4rem;display:inline-flex}.message-attachment-file-icon{opacity:.92;flex-shrink:0}.context-menu{z-index:9999;border:1px solid var(--color-border,#d0d5dd);background:#121820fa;border-radius:10px;min-width:220px;padding:.35rem;position:fixed;box-shadow:0 12px 30px #00000047}.context-menu__item{text-align:left;color:#f8fafc;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.5rem .6rem;font-size:.88rem;display:block}.context-menu__item:hover{background:#ffffff17}.context-menu__item--danger{color:#ff6b6b}.image-viewer{z-index:10020;background:#080c12eb;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:fixed;inset:0}.image-viewer__toolbar{background:#121820e0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem;display:inline-flex}.image-viewer__zoom-label{color:#e5edf5;text-align:center;min-width:54px;font-size:.82rem}.image-viewer__btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;min-width:30px;height:30px;padding:0 .55rem;font-size:.82rem}.image-viewer__btn:hover{background:#ffffff29}.image-viewer__btn--close{margin-left:.2rem}.image-viewer__stage{flex:1;justify-content:center;align-items:center;width:min(96vw,1400px);height:min(86vh,900px);display:flex;overflow:auto}.image-viewer__image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;border-radius:10px;max-width:100%;max-height:100%;transition:transform .11s ease-out;box-shadow:0 20px 46px #00000075}.message-item--deleted{opacity:.88}.message-content--deleted{color:var(--color-muted);font-style:italic}.message-reply-quote{background:#3498db0f;border-left:3px solid #3498db73;border-radius:6px;flex-direction:column;gap:.15rem;margin-bottom:.35rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.message-reply-quote-author{color:var(--color-text);font-weight:600}.message-reply-quote-text{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-edited{color:var(--color-muted);font-size:.72rem}.message-pinned-tag{margin-left:.25rem}.message-reactions{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.45rem;display:flex}.message-reaction-chip{border:1px solid var(--color-border);cursor:pointer;background:#ffffff8c;border-radius:999px;padding:.15rem .45rem;font-size:.85rem}.message-reaction-chip--me{background:#3498db1f;border-color:#3498db73}.message-reaction-count{color:var(--color-muted);margin-left:.15rem;font-size:.75rem}.message-reaction-quick{gap:.2rem;margin-left:.25rem;display:inline-flex}.message-reaction-quick-btn{cursor:pointer;opacity:.75;background:0 0;border:none;font-size:1rem}.message-reaction-quick-btn:hover{opacity:1}@media (prefers-color-scheme:dark){.message-item{background:#141c24d1;border-color:#ffffff1a}.message-own{background:#3498db29;border-color:#3498db38}}
.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-placeholder{color:var(--color-white);background:linear-gradient(#6a7788,#3f4958);justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-placeholder__icon{opacity:.96;width:82%;height:82%;transform:translateY(1px)}.avatar-sm{width:36px;height:36px;font-size:.8rem}.avatar-md{width:52px;height:52px;font-size:1rem}.avatar-lg{width:72px;height:72px;font-size:1.4rem}
.message-input{border-top:1px solid var(--color-border);background:var(--surface-1);padding:1rem}.message-input-reply{color:var(--color-muted);background:#3498db1f;border:1px solid #3498db33;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .5rem;font-size:.85rem;display:flex}.message-input-reply button{cursor:pointer;color:var(--color-muted);background:0 0;border:none;margin-left:auto;padding:0 .25rem}.message-input-reply--edit{background:#f1c40f26;border-color:#f1c40f59}.message-input-error{color:#c0392b;margin-bottom:.5rem;font-size:.85rem}.message-input-row{align-items:center;gap:.5rem;display:flex}.message-input-file{opacity:0;width:0;height:0;position:absolute}.message-input-text{border:1px solid var(--color-border);background:#ffffffa6;border-radius:14px;flex:1;padding:.7rem .85rem;transition:box-shadow .15s,border-color .15s,background .15s}.message-input-text:focus{border-color:var(--color-primary);box-shadow:var(--ring-strong);background:#ffffffe6;outline:none}.message-input-filename{color:var(--color-muted);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.message-input-filename button{cursor:pointer;color:var(--color-muted);background:0 0;border:none}.message-input-row .btn{flex-shrink:0}.btn-attach{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff8c;border-radius:14px;justify-content:center;align-items:center;padding:.65rem .75rem;display:inline-flex}.btn-attach-icon{flex-shrink:0;display:block}.message-input-filename-icon{opacity:.85;flex-shrink:0}.btn-attach:hover{background:#3498db1a}@media (prefers-color-scheme:dark){.message-input-text{background:#141c24b3}.message-input-text:focus{background:#141c24e0}.btn-attach{background:#141c24b3}}