html:not(#mfx) .msg-day.mfx-covered{visibility:hidden}
html:not(#mfx) .chat-pinned-snippet .emote{height:1.6em;width:auto;max-width:100%;object-fit:contain;vertical-align:middle}

html:not(#mfx) .msg{position:relative}
html:not(#mfx) .msg .shma-react{position:static}
html:not(#mfx) .msg .shma-react:not(:has(.shma-react__cell:not(.shma-react__cell--add))){margin-top:0}
html:not(#mfx) .dm-msg__stack{position:relative}
html:not(#mfx) .dm-msg__stack .shma-react{position:static}
html:not(#mfx) .dm-msg__stack .shma-react:not(:has(.shma-react__cell:not(.shma-react__cell--add))){margin-top:0}
html:not(#mfx) .shma-react__row:not(:has(.shma-react__cell:not(.shma-react__cell--add))){min-height:0}
html:not(#mfx) .composer-fields textarea{box-sizing:border-box;max-width:100%}
html:not(#mfx) .dm-peer-avwrap[data-mfx-av],
html:not(#mfx) .dm-msg__av[data-mfx-av],
html:not(#mfx) .dm-row__ph[data-mfx-av],
html:not(#mfx) .profile-ph[data-mfx-av]{border-radius:50%;overflow:hidden}

html:not(#mfx) .mfx-more{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:6px;box-sizing:border-box;border-radius:12px;background:rgba(17,19,31,.98);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.5)}
html:not(#mfx) .mfx-more[hidden]{display:none}
html:not(#mfx) .shma-emote-picker{width:min(94vw,36rem);max-height:min(84vh,40rem);border-radius:18px;overflow:hidden}
html:not(#mfx) .shma-emote-search{margin:10px 12px 6px}
html:not(#mfx) .shma-emote-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));grid-auto-rows:58px;grid-auto-flow:row dense;gap:4px;padding:6px 10px 12px;align-content:start}
html:not(#mfx) .shma-emote-item{width:100%;height:100%;aspect-ratio:auto;padding:5px;box-sizing:border-box;border-radius:12px;border:1px solid transparent;background:transparent;transition:background-color .12s ease,border-color .12s ease}
html:not(#mfx) .shma-emote-item:hover,
html:not(#mfx) .shma-emote-item:focus-visible{background:rgba(145,71,255,.16);border-color:rgba(145,71,255,.5);outline:none}
html:not(#mfx) .shma-emote-item img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}
html:not(#mfx) .shma-emote-item.mfx-em-wide{grid-column:span 2}
html:not(#mfx) .shma-emote-more{grid-column:1/-1;align-self:center}
html:not(#mfx) .mfx-em-prev{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px;box-sizing:border-box;border-top:1px solid var(--border,rgba(255,255,255,.08));background:rgba(0,0,0,.18)}
html:not(#mfx) .mfx-em-prev__pic{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex:0 0 auto}
html:not(#mfx) .mfx-em-prev__pic img{max-width:56px;max-height:44px;object-fit:contain}
html:not(#mfx) .mfx-em-prev__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;color:var(--muted,#9aa0b4)}
html:not(#mfx) .mfx-em-prev.is-on .mfx-em-prev__name{color:var(--text,#f1f1f6)}
@media (hover:none),(pointer:coarse){
html:not(#mfx) .mfx-em-prev{display:none}
}
@media (max-width:640px){
html:not(#mfx) .shma-emote-picker{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:72vh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
html:not(#mfx) .shma-emote-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));grid-auto-rows:54px}
}
html:not(#mfx) .dm-msg{position:relative}
html:not(#mfx) .msg:hover,
html:not(#mfx) .msg:focus-within,
html:not(#mfx) .msg.mfx-on,
html:not(#mfx) .dm-msg:hover,
html:not(#mfx) .dm-msg:focus-within,
html:not(#mfx) .dm-msg.mfx-on{z-index:4}
html:not(#mfx) .msg:has(.mfx-more:not([hidden])),
html:not(#mfx) .dm-msg:has(.mfx-more:not([hidden])),
html:not(#mfx) .msg:has(.shma-react__add[aria-expanded="true"]),
html:not(#mfx) .dm-msg:has(.shma-react__add[aria-expanded="true"]){z-index:40}
html:not(#mfx) .mfx-more--up{top:auto;bottom:calc(100% + 4px)}
html:not(#mfx) .msg.mine .mfx-more,
html:not(#mfx) .dm-msg--me .mfx-more{right:auto;left:0}
html:not(#mfx) .mfx-more__label{padding:6px 8px 3px;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(180,190,210,.65)}
html:not(#mfx) .mfx-more .msg-mod{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 2px 4px;margin:0;border-bottom:1px solid rgba(255,255,255,.07)}
html:not(#mfx) .mfx-more .msg-mod .msg-act{width:100%;min-height:30px;padding:4px 6px;text-align:center;justify-content:center}
html:not(#mfx) .mfx-more > .msg-act{display:flex;align-items:center;width:100%;min-height:32px;margin:0;padding:6px 10px;box-sizing:border-box;border-radius:8px;text-align:left;justify-content:flex-start;font-size:.82rem}
html:not(#mfx) .mfx-more-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px}
html:not(#mfx) .mfx-more-btn[aria-expanded="true"]{background:rgba(255,255,255,.1)}

@media (hover:hover) and (pointer:fine){
html:not(#mfx) #chat-scroll,
html:not(#mfx) #dm-scroll{overflow-x:hidden}
html:not(#mfx) .msg-column{flex:0 1 auto}
html:not(#mfx) .dm-msg__stack{flex:0 1 auto}
html:not(#mfx) .dm-msg--me{justify-content:flex-start}
html:not(#mfx) .msg > .msg-actions,
html:not(#mfx) .dm-msg__actions{position:absolute;top:0;left:calc(100% + 44px);right:auto;z-index:7;display:flex;flex:none;flex-wrap:nowrap;align-items:center;gap:2px;width:max-content;max-width:none;margin:0;padding:3px;box-sizing:border-box;border-radius:10px;background:rgba(15,17,28,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 22px rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .12s ease}
html:not(#mfx) .msg > .msg-actions::before,
html:not(#mfx) .dm-msg__actions::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:46px}
html:not(#mfx) .msg .shma-react__cell--add,
html:not(#mfx) .dm-msg__stack .shma-react__cell--add{position:absolute;top:0;left:calc(100% + 6px);z-index:8;display:flex;align-items:center;justify-content:center;width:34px;height:34px;box-sizing:border-box;border-radius:10px;background:rgba(15,17,28,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 22px rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .12s ease}
html:not(#mfx) .msg .shma-react__cell--add::before,
html:not(#mfx) .dm-msg__stack .shma-react__cell--add::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:8px}
html:not(#mfx) .dm-msg__actions,
html:not(#mfx) .dm-msg__stack .shma-react__cell--add{top:var(--mfx-top,0px)}
html:not(#mfx) .msg.mine > .msg-actions,
html:not(#mfx) .dm-msg--me .dm-msg__actions{left:auto;right:calc(100% + 44px)}
html:not(#mfx) .msg.mine .shma-react__cell--add,
html:not(#mfx) .dm-msg--me .dm-msg__stack .shma-react__cell--add{left:auto;right:calc(100% + 6px)}
html:not(#mfx) .msg.mine > .msg-actions::before,
html:not(#mfx) .dm-msg--me .dm-msg__actions::before,
html:not(#mfx) .msg.mine .shma-react__cell--add::before,
html:not(#mfx) .dm-msg--me .dm-msg__stack .shma-react__cell--add::before{right:auto;left:100%}
html:not(#mfx) .msg.mfx-inside > .msg-actions,
html:not(#mfx) .dm-msg.mfx-inside .dm-msg__actions{top:calc(var(--mfx-top,0px) - 16px);left:auto;right:42px}
html:not(#mfx) .msg.mfx-inside .shma-react__cell--add,
html:not(#mfx) .dm-msg.mfx-inside .dm-msg__stack .shma-react__cell--add{top:calc(var(--mfx-top,0px) - 16px);left:auto;right:4px}
html:not(#mfx) .msg.mine.mfx-inside > .msg-actions,
html:not(#mfx) .dm-msg--me.mfx-inside .dm-msg__actions{right:auto;left:42px}
html:not(#mfx) .msg.mine.mfx-inside .shma-react__cell--add,
html:not(#mfx) .dm-msg--me.mfx-inside .dm-msg__stack .shma-react__cell--add{right:auto;left:4px}
html:not(#mfx) .msg.mfx-inside > .msg-actions::before,
html:not(#mfx) .dm-msg.mfx-inside .dm-msg__actions::before,
html:not(#mfx) .msg.mfx-inside .shma-react__cell--add::before,
html:not(#mfx) .dm-msg.mfx-inside .shma-react__cell--add::before{display:none}
html:not(#mfx) .msg:hover > .msg-actions,
html:not(#mfx) .msg:focus-within > .msg-actions,
html:not(#mfx) .msg:hover .shma-react__cell--add,
html:not(#mfx) .msg:focus-within .shma-react__cell--add,
html:not(#mfx) .msg:has(.shma-react__add[aria-expanded="true"]) > .msg-actions,
html:not(#mfx) .msg:has(.shma-react__add[aria-expanded="true"]) .shma-react__cell--add,
html:not(#mfx) .msg:has(.mfx-more:not([hidden])) > .msg-actions,
html:not(#mfx) .msg:has(.mfx-more:not([hidden])) .shma-react__cell--add,
html:not(#mfx) .dm-msg:hover .dm-msg__actions,
html:not(#mfx) .dm-msg:focus-within .dm-msg__actions,
html:not(#mfx) .dm-msg:hover .shma-react__cell--add,
html:not(#mfx) .dm-msg:focus-within .shma-react__cell--add,
html:not(#mfx) .dm-msg:has(.shma-react__add[aria-expanded="true"]) .dm-msg__actions,
html:not(#mfx) .dm-msg:has(.shma-react__add[aria-expanded="true"]) .shma-react__cell--add,
html:not(#mfx) .dm-msg:has(.mfx-more:not([hidden])) .dm-msg__actions,
html:not(#mfx) .dm-msg:has(.mfx-more:not([hidden])) .shma-react__cell--add{opacity:1;pointer-events:auto}
html:not(#mfx) .msg > .msg-actions > .msg-act,
html:not(#mfx) .dm-msg__actions > .msg-act{min-height:26px;padding:3px 10px;border-radius:7px;font-size:.78rem;line-height:1.2;white-space:nowrap}
html:not(#mfx) .msg > .msg-actions > .mfx-more-btn,
html:not(#mfx) .dm-msg__actions > .mfx-more-btn{padding:3px 6px}
}

@media (hover:none),(pointer:coarse){
html:not(#mfx) .msg > .msg-actions,
html:not(#mfx) .dm-msg__actions{display:none}
html:not(#mfx) .msg.mfx-on > .msg-actions,
html:not(#mfx) .dm-msg.mfx-on .dm-msg__actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html:not(#mfx) .msg.mfx-on .mfx-more,
html:not(#mfx) .dm-msg.mfx-on .mfx-more{right:auto;left:0}
html:not(#mfx) .msg.mine.mfx-on .mfx-more,
html:not(#mfx) .dm-msg--me.mfx-on .mfx-more{left:auto;right:0}
html:not(#mfx) .mfx-more-btn{min-width:44px;min-height:36px}
html:not(#mfx) .msg .shma-react__cell--add,
html:not(#mfx) .dm-msg__stack .shma-react__cell--add{display:none}
html:not(#mfx) .msg.mfx-on .shma-react__cell--add,
html:not(#mfx) .dm-msg.mfx-on .shma-react__cell--add{display:flex}
html:not(#mfx) .msg .shma-react__add,
html:not(#mfx) .dm-msg .shma-react__add{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-style:solid;border-radius:50%}
html:not(#mfx) .msg.mfx-on .msg-body,
html:not(#mfx) .dm-msg.mfx-on .dm-bubble{box-shadow:0 0 0 1px rgba(46,230,214,.45),0 4px 18px rgba(0,0,0,.26)}
}

@media (min-width:881px){
html:not(#mfx) body.chat-home:has(#shma-dm-dock) .composer-fields{box-sizing:border-box;max-width:calc(100% - 58px)}
}

@media (max-width:880px){
html:not(#mfx) body.chat-home #shma-dm-dock{display:none}
html:not(#mfx) body.chat-home .sidebar{max-height:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
html:not(#mfx) body.chat-home .sidebar::-webkit-scrollbar{display:none}
html:not(#mfx) body.chat-home .side-head,
html:not(#mfx) body.chat-home .side-stat,
html:not(#mfx) body.chat-home .shma-conference__head,
html:not(#mfx) body.chat-home .shma-conference__hint,
html:not(#mfx) body.chat-home .shma-conference__warn{display:none}
html:not(#mfx) body.chat-home .room-pill{flex:0 0 auto;width:auto;min-width:0;min-height:34px;margin:0;padding:5px 14px}
html:not(#mfx) body.chat-home .shma-conference{flex:0 1 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;margin:0;padding:5px 10px}
html:not(#mfx) body.chat-home .shma-conference__status{margin:0;white-space:nowrap;font-size:.72rem}
html:not(#mfx) body.chat-home .shma-conference__btn{width:auto;min-height:30px;margin:0;padding:4px 10px;white-space:nowrap;font-size:.75rem}
html:not(#mfx) body.chat-home .chat-room-meta{display:none}
html:not(#mfx) body.chat-home .chat-room-head{min-height:0;padding-top:8px;padding-bottom:8px}
html:not(#mfx) body.chat-home .chat-pinned-bar{padding-top:6px;padding-bottom:6px}
}

@media (max-width:640px){
html:not(#mfx) .unified-header__inner{flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:6px;padding:6px 10px}
html:not(#mfx) .unified-brand{order:0;flex:0 0 auto}
html:not(#mfx) .unified-header__cluster{order:1;flex:1 1 0;min-width:0;flex-wrap:nowrap;justify-content:flex-end;gap:6px}
html:not(#mfx) .unified-search{flex:1 1 auto;min-width:0;width:auto;max-width:none}
html:not(#mfx) .unified-search__input{min-width:0;width:100%}
html:not(#mfx) .unified-header__music-zone{order:2;flex:1 0 100%;min-width:0}
html:not(#mfx) .unified-header__music-cluster{width:100%;box-sizing:border-box;min-height:0;padding:3px 6px}
html:not(#mfx) .unified-music-dd__btn{min-height:40px;height:40px}
html:not(#mfx) .shma-global-music--hdr{flex:1 1 auto;min-width:0}
html:not(#mfx) .shma-global-music--hdr .shma-global-music__bar,
html:not(#mfx) .shma-global-music--hdr .shma-global-music__strip{min-width:0;min-height:0;padding-top:0;padding-bottom:0}
html:not(#mfx) .shma-global-music--hdr .shma-global-music__hint,
html:not(#mfx) .shma-global-music--hdr .shma-global-music__kicker{display:none}
html:not(#mfx) .shma-global-music--hdr .shma-global-music__meta{min-width:0}
html:not(#mfx) .shma-global-music--hdr .shma-global-music__title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(#mfx) .dm-split__hint{display:none}
html:not(#mfx) .composer-toolbar .char-count{display:none}
html:not(#mfx) .composer-toolbar{flex-wrap:nowrap}
html:not(#mfx) .composer-toolbar__left{flex-wrap:nowrap}
html:not(#mfx) .composer-toolbar{grid-template-columns:1fr auto}
html:not(#mfx) .unified-header__cluster > :not(.unified-search){flex-shrink:0}
html:not(#mfx) .unified-header__cluster svg,
html:not(#mfx) .unified-header__cluster .unified-menu__chev{flex-shrink:0}
html:not(#mfx) body.mfx-dock-pad{padding-bottom:76px}
}