.profile-avatar{--avatar-size:32px;position:relative;display:inline-flex;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);aspect-ratio:1;border-radius:50%;overflow:hidden;align-items:center;justify-content:center;vertical-align:middle;background:#20343b;border:1px solid #52636d;color:#8bb5ff;font:800 calc(var(--avatar-size) * .31)/1 system-ui}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-avatar--large{--avatar-size:96px}.profile-avatar--nav{--avatar-size:25px;margin-right:7px}
.profile-picker{display:grid;gap:12px;margin:18px 0}.profile-picker input{width:100%;min-width:0}.profile-preview{display:flex;align-items:center;gap:14px}.profile-preview .hint{margin:0}.profile-picker .profile-avatar{--avatar-size:80px}
.direct-conversation .profile-avatar{grid-column:1;grid-row:1 / 4}.direct-conversation:has(.profile-avatar){grid-template-columns:32px minmax(0,1fr) auto}.direct-conversation:has(.profile-avatar) strong,.direct-conversation:has(.profile-avatar)>span:not(.profile-avatar){grid-column:2}.direct-conversation:has(.profile-avatar) small{grid-column:3;grid-row:1 / 3}
.direct-message .message-author{display:flex;align-items:center;gap:7px}.direct-message .profile-avatar{--avatar-size:24px}.thread-person{display:flex;align-items:center;gap:10px;min-width:0}
.profile-trigger{display:inline-flex;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.profile-trigger:hover{filter:brightness(1.18);transform:none}.profile-card-dialog{width:min(360px,calc(100vw - 28px));padding:0;border:1px solid #557087;border-radius:14px;background:#101820;color:#eef5ff}.profile-card-dialog::backdrop{background:#000a}.profile-card{position:relative;overflow:hidden}.profile-card-banner{height:76px;background:linear-gradient(125deg,#46636d,#272a58 60%,#101820)}.profile-card-avatar{margin:-38px 18px 0}.profile-card-copy{padding:10px 18px 19px}.profile-card-copy h2{margin:0;font-size:1.25rem}.profile-card-id,.profile-card-presence{display:block;margin:5px 0;color:#9eb1bf;font-size:.75rem}.profile-card-presence.online{color:#8fe19e}.profile-card-bio{margin:14px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.profile-card-close{position:absolute;right:10px;top:10px;width:28px;height:28px;padding:0;border:1px solid #a8c3d2;border-radius:50%;background:#101820cc;color:#fff;font-size:20px;line-height:1}
.msg,.direct-message{position:relative;padding:6px 8px!important}.messages,.direct-thread__messages{gap:4px!important;padding:10px!important}.message-topline{display:flex!important;align-items:center;gap:4px;margin:0 0 2px;color:#8bb5ff;font-family:var(--font-mono,monospace);font-size:.59rem;font-weight:800;line-height:1.05}.mine .message-topline{justify-content:flex-end;color:#b7d0ff}.message-topline .profile-avatar{--avatar-size:20px}.message-author-name,.message-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-topline time{margin:0;color:#8e9eaa;font:500 .55rem/1 var(--font-mono,monospace);white-space:nowrap}.message-menu-btn{margin-left:auto;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:15px;line-height:1;opacity:0;cursor:pointer}.mine .message-menu-btn{order:3;margin-left:0}.mine .message-topline .profile-trigger{order:4}.mine .message-topline .message-author,.mine .message-topline .message-author-name{order:1}.mine .message-topline time{order:2}.msg:hover .message-menu-btn,.direct-message:hover .message-menu-btn,.message-menu-btn:focus{opacity:1}.message-menu{position:absolute;z-index:5;top:23px;right:5px;display:grid;min-width:76px;padding:3px;border:1px solid #597186;border-radius:6px;background:#121b24;box-shadow:0 8px 20px #0008}.mine .message-menu{right:5px}.message-menu button{padding:4px 6px;border:0;border-radius:4px;background:transparent;color:#e8f1f5;text-align:left;font-size:.66rem}.message-menu button:hover{background:#34495a;transform:none}.reply-preview{display:grid;gap:1px;width:100%;margin:0 0 4px;padding:4px 6px;border:1px solid #506275;border-radius:5px;background:#0b1219;color:#b4c7d3;text-align:left;font-size:.61rem}.reply-preview strong{font-size:.58rem}.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-compose-bar{grid-column:1 / -1;display:flex;justify-content:space-between;gap:6px;align-items:center;min-width:0;padding:4px 6px;border-left:2px solid #6ca8ff;background:#35557822;color:#b9d3e4;font-size:.64rem}.reply-compose-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-compose-bar button{width:20px;height:20px;padding:0;border:0;background:transparent;color:#fff;font-size:15px}.direct-message p,.msg .msg-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem!important;line-height:1.22!important}.direct-message.mine,.msg.mine{align-self:flex-end;text-align:right}.direct-message:not(.mine),.msg:not(.mine){align-self:flex-start;text-align:left}
.profile-card-role,.profile-card-joined{display:block;margin:5px 0;color:#9eb1bf;font-size:.75rem}.profile-card-role{color:#b6d2ff}.thread-person.profile-trigger{width:auto;max-width:100%;border-radius:6px;gap:10px;color:inherit;text-align:left}.thread-person.profile-trigger:hover,.thread-person.profile-trigger:focus-visible{background:#243849;filter:none;transform:none}.thread-person-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.direct-message .message-author,.direct-message .message-author-name,.direct-message .message-topline time{ text-transform:none!important; letter-spacing:normal; }
.direct-message .message-topline{ position:relative; min-height:22px; }
.direct-message.has-reply:not(.mine),.direct-message.has-reply.mine{ position:relative; padding-left:8px!important; padding-right:8px!important; }
.direct-message.has-reply::before,.msg.has-reply::before{ display:none!important; }
.msg .message-author,.msg .message-author-name,.msg .message-topline time{ text-transform:none!important; letter-spacing:normal; }
.direct-message p,.direct-message .reply-preview,.direct-message .reply-preview strong,.direct-message .reply-preview span,.msg .msg-body,.msg .reply-preview,.msg .reply-preview strong,.msg .reply-preview span{ text-transform:none!important; letter-spacing:normal; }
.reply-preview{position:relative;display:grid!important;gap:1px;width:max-content;max-width:100%;border:0!important;border-left:2px solid #6ca8ff!important;border-bottom:1px solid #506275!important;border-radius:0 0 0 7px!important;background:transparent!important;padding:2px 7px!important;margin:0 0 5px!important;font-weight:400!important;text-align:left!important}.reply-preview strong{font-weight:700;color:#b9d3e4}.reply-preview span{color:#dbe6ee}
.direct-message:not(.mine) .reply-preview::after{content:"";position:absolute;left:-18px;top:calc(100% - 4px);width:14px;height:12px;border-left:2px solid #6ca8ff;border-top:2px solid #6ca8ff;border-top-left-radius:7px;pointer-events:none}.direct-message.mine .reply-preview::after{content:"";position:absolute;right:-18px;top:calc(100% - 4px);width:14px;height:12px;border-right:2px solid #4b8bfa;border-top:2px solid #4b8bfa;border-top-right-radius:7px;pointer-events:none}