@layer chat-interface {
  body.river-chat .chat-shell.river-workspace{background:#111216!important}
  body.river-chat .conversation-header{height:58px!important;min-height:58px!important;padding:7px 18px!important;background:#202127f2!important;border-bottom:1px solid #ffffff14!important;backdrop-filter:blur(12px)!important}
  body.river-chat .conversation-tools{border:0!important;background:transparent!important;border-radius:0!important;gap:2px!important}
  body.river-chat .conversation-tools .icon-btn{border-radius:7px!important}
  body.river-chat #roomIdentity{gap:8px!important}
  body.river-chat #roomIdentity .avatar{width:31px!important;height:31px!important;min-width:31px!important}
  body.river-chat #roomIdentity strong{font-size:14px!important;font-weight:700!important}
  body.river-chat #roomIdentity small{font-size:11px!important}
  body.river-chat #connectionState{font-size:11px!important;margin-left:0!important}
  body.river-chat .message-list{padding:18px clamp(16px,3vw,44px)!important;background:#292b31!important}
  body.river-chat .message,body.river-chat .message.own{padding:4px 8px!important;margin:1px 0!important;gap:11px!important;border-radius:4px!important;transition:background-color .14s ease!important}
  body.river-chat .message:hover,body.river-chat .message:focus-within{background:#ffffff0b!important}
  body.river-chat .message>.avatar{width:36px!important;height:36px!important;min-width:36px!important;margin:1px 0!important}
  body.river-chat .message-grouped>.avatar{height:14px!important;min-height:14px!important}
  body.river-chat .message-author{margin:0 0 2px!important;gap:8px!important}
  body.river-chat .message-author strong{font-size:13px!important;font-weight:700!important;color:var(--text)!important}
  body.river-chat .message-author time{font-size:10px!important}
  body.river-chat .message-text{font-size:14px!important;line-height:1.4!important}
  body.river-chat .message-actions{top:-13px!important;right:8px!important;padding:2px!important;border-radius:7px!important;background:#202127!important;box-shadow:0 7px 22px #0008!important}
  body.river-chat .message-actions .icon-btn{border-radius:5px!important}
  body.river-chat .composer-wrap{background:#292b31!important;padding:10px clamp(16px,3vw,44px) 14px!important}
  body.river-chat .composer-row{background:#3b3e47!important;border:0!important;border-radius:9px!important;min-height:48px!important}
  body.river-chat #messageInput{font-size:14px!important}
  body.river-chat .chat-sidebar{background:#1d1f25!important}
  body.river-chat .chat-brand h2{font-size:17px!important;font-weight:700!important;letter-spacing:-.02em!important}
  body.river-chat .room-link,body.river-chat .member-link{min-height:39px!important;padding:6px 9px!important;border-radius:7px!important;margin:2px 0!important}
  body.river-chat .chat-section-label{font-size:10px!important;letter-spacing:.1em!important}
  body.river-chat .chat-self{margin-top:auto!important}
  body.river-chat .activity-rail:not([hidden]){border-radius:0!important;background:#23252b!important;box-shadow:none!important;border:0!important;border-left:1px solid #ffffff18!important}
  body.river-chat .activity-card{border-radius:8px!important;box-shadow:none!important}
  @media(min-width:1000px){
    body.river-chat .chat-shell.river-workspace .chat-sidebar{visibility:visible!important;transform:none!important;position:absolute!important;inset:0 auto 0 0!important;width:252px!important;max-width:none!important;padding:15px 10px 10px!important;z-index:4!important;border-right:1px solid #ffffff14!important;backdrop-filter:none!important}
    body.river-chat .river-workspace .conversation{inset:0 0 0 252px!important;width:calc(100% - 252px)!important}
    body.river-chat #togglePeople,body.river-chat #closePeople,body.river-chat #peopleScrim{display:none!important}
    body.river-chat .activity-rail:not([hidden]){inset:0 0 0 auto!important;right:0!important;top:0!important;bottom:0!important;width:300px!important;z-index:8!important}
  }
  @media(max-width:700px){
    body.river-chat .conversation-header{padding:7px 10px!important;height:55px!important;min-height:55px!important}
    body.river-chat .message-list{padding:11px 5px!important}
    body.river-chat .message,body.river-chat .message.own{padding:5px 4px!important;gap:7px!important}
    body.river-chat .message>.avatar{width:30px!important;height:30px!important;min-width:30px!important}
    body.river-chat .composer-wrap{padding:8px 7px max(10px,env(safe-area-inset-bottom))!important}
    body.river-chat .activity-rail:not([hidden]){inset:55px 0 0 0!important;width:100%!important}
  }
  body.river-chat .br-video-player{display:flex!important;flex-direction:column!important;width:min(720px,100%)!important;max-width:100%!important;background:#0b0c0f!important;border:1px solid #ffffff22!important;border-radius:10px!important;overflow:hidden!important}
  body.river-chat .br-video-player>.video-attachment{display:block!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:min(65vh,620px)!important;min-height:180px!important;object-fit:contain!important;background:#090a0c!important}
  body.river-chat .br-clip-meta{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #ffffff18;background:#191b20}
  body.river-chat .br-clip-meta .avatar{width:30px!important;height:30px!important;min-width:30px!important}
  body.river-chat .br-clip-meta strong,body.river-chat .br-clip-meta small{display:block;line-height:1.25}
  body.river-chat .br-clip-meta strong{font-size:12px}
  body.river-chat .br-clip-meta small{font-size:10px;color:#a9abb5;margin-top:3px}
  body.river-chat .br-video-controls{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:3px!important;align-items:center!important;min-height:65px!important;padding:24px 8px 5px!important;border:0!important;border-top:1px solid #ffffff16!important;background:#15171b!important}
  body.river-chat .br-video-controls :is(button,.br-video-time){grid-column:auto!important;grid-row:auto!important}
  body.river-chat .br-video-controls button{width:32px!important;height:32px!important;min-height:32px!important;font-size:11px!important;font-weight:750!important;border-radius:5px!important}
  body.river-chat .br-video-time{margin-left:4px!important;margin-right:auto!important;font-size:11px!important;color:#dedfe5!important}
  body.river-chat .br-video-volume{width:58px!important;min-width:44px!important;accent-color:#9bbcff!important}
  body.river-chat .br-video-seek{position:absolute!important;top:3px!important;left:8px!important;width:calc(100% - 16px)!important;height:16px!important;margin:0!important;z-index:2!important;cursor:pointer!important;background:linear-gradient(to right,#757a8a var(--buffered,0%),#3c3f49 var(--buffered,0%)) center/100% 4px no-repeat!important}
  body.river-chat .br-video-buffer{display:none!important}
  body.river-chat .br-video-status{padding:6px 10px!important;color:#ffbdaf!important;font-size:12px!important}
  body.river-chat .br-video-player:fullscreen,body.river-chat .br-video-player.is-fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important}
  body.river-chat .br-video-player:fullscreen>.video-attachment,body.river-chat .br-video-player.is-fullscreen>.video-attachment{max-height:none!important;min-height:0!important;height:100%!important}
  body.river-chat .soundboard-popover{position:absolute;z-index:70;right:16px;bottom:94px;width:min(340px,calc(100vw - 28px));max-height:min(430px,65vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff22;border-radius:12px;background:#1d1f25;box-shadow:0 18px 60px #000a;animation:br-pop-in .14s ease-out}
  body.river-chat .soundboard-popover header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #ffffff15}
  body.river-chat .soundboard-popover header strong{display:flex;align-items:center;gap:8px;font-size:13px}
  body.river-chat .soundboard-popover header div{display:flex;gap:3px}
  body.river-chat .soundboard-popover header button{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#d9dae2}
  body.river-chat .soundboard-popover header button:hover{background:#ffffff16}
  body.river-chat .soundboard-popover label{display:flex;align-items:center;gap:7px;margin:9px 10px;padding:4px 8px;border-radius:7px;background:#30323b}
  body.river-chat .soundboard-popover input{width:100%;border:0;background:transparent;outline:0;padding:5px;color:#fff;font-size:13px}
  body.river-chat .soundboard-popover-list{overflow:auto;padding:3px 6px 8px;min-height:60px}
  body.river-chat .soundboard-popover-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:49px;text-align:left;padding:6px;border:0;border-radius:7px;background:transparent;color:#f1f2f5}
  body.river-chat .soundboard-popover-list button:hover{background:#ffffff14}
  body.river-chat .soundboard-popover-list button>span:nth-child(2){flex:1;min-width:0}
  body.river-chat .soundboard-popover-list strong,body.river-chat .soundboard-popover-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.river-chat .soundboard-popover-list strong{font-size:12px}body.river-chat .soundboard-popover-list small{font-size:10px;color:#a9abb5}
  body.river-chat .soundboard-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:8px;background:#313747;color:#c0d1ff;font-size:20px}
  .soundboard-edit{margin:4px 0 10px;padding:7px 9px;border:1px solid #ffffff1d;border-radius:8px;background:#ffffff08}
  .soundboard-edit summary{cursor:pointer;color:#cbd9ff;font-size:12px}
  .soundboard-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .soundboard-edit-fields label{display:grid;gap:3px;font-size:11px}
  .soundboard-edit-fields input[type=text],.soundboard-edit-fields input:not([type]){width:100%;min-width:0}
  .soundboard-edit-actions{display:flex;grid-column:1/-1;gap:5px;flex-wrap:wrap}
  .soundboard-edit-actions button{min-height:28px;border:1px solid #ffffff26;border-radius:5px;background:#32353f;color:#fff}
  body.river-chat .remote-media-state{display:inline-flex;align-items:center;font-size:10px;color:#d4d7e1;padding:3px 7px;border-radius:5px;background:#ffffff12}
  body.river-chat .remote-media-state[hidden]{display:none}
  body.river-chat .message-pinned-mark{display:inline-flex;align-items:center;gap:4px;color:#b5c8ff;font-size:10px;font-weight:700;margin-bottom:4px}
  body.river-chat .message-pinned-mark svg{width:12px;height:12px}
  body.river-chat .message.pinned{background:#7088ca12!important;border-left:2px solid #879fe0!important}
  .duo-profile-popover{position:fixed;z-index:4000;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;border:1px solid #ffffff24;border-radius:10px;background:#202127;color:#f4f5f8;box-shadow:0 18px 55px #000b;animation:br-pop-in .14s ease-out}
  .duo-profile-banner{height:74px;background:var(--profile-banner,#353946);background-size:cover;background-position:center}
  .duo-profile-body{padding:0 13px 12px}
  .duo-profile-top{display:flex;align-items:flex-end;justify-content:space-between;height:41px;margin-bottom:10px}
  .duo-profile-top .avatar{width:62px;height:62px;border:5px solid #202127;border-radius:50%;overflow:hidden}
  .duo-profile-top>span{font-size:11px;color:#aaaeb9}.duo-profile-top>span.online{color:#57d9a0}
  .duo-profile-body>strong,.duo-profile-body>small{display:block}.duo-profile-body>strong{font-size:17px}.duo-profile-body>small{font-size:11px;color:#a9abb5;margin-top:2px}
  .duo-profile-body>p{font-size:12px;line-height:1.45;max-height:76px;overflow:auto;margin:10px 0}
  .duo-profile-activity{display:flex;align-items:center;gap:9px;margin:12px 0;padding:9px;border-radius:7px;background:#ffffff0d}
  .duo-profile-activity>img{width:42px;height:42px;object-fit:cover;border-radius:5px}.duo-profile-activity span{min-width:0}.duo-profile-activity :is(small,strong,em){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duo-profile-activity small{font-size:10px;color:#6de6a7}.duo-profile-activity strong{font-size:12px}.duo-profile-activity em{font-style:normal;font-size:10px;color:#aaadb8}
  .duo-profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}
  .duo-profile-actions button{display:grid;place-items:center;gap:3px;min-height:48px;border:0;border-radius:6px;background:#343741;color:#fff;font-size:10px}.duo-profile-actions button:hover{background:#46506a}.duo-profile-actions svg{width:17px;height:17px}
  .duo-profile-links{display:flex;flex-direction:column;border-top:1px solid #ffffff17;padding-top:5px}.duo-profile-links button{border:0;background:transparent;text-align:left;color:#d3d8e5;padding:8px 2px;font-size:12px}.duo-profile-links button:hover{color:#fff}
  @media(max-width:700px){.duo-profile-popover{left:0!important;right:0;bottom:0;top:auto!important;width:100vw;max-height:70dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}}
  @keyframes br-pop-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
  @media(prefers-reduced-motion:reduce){body.river-chat .soundboard-popover{animation:none!important}body.river-chat .message{transition:none!important}}
}