.cn-social-comment-draft{display:flex;align-items:center;gap:8px;grid-column:1/-1}
.cn-social-comment-draft[hidden]{display:none}
.cn-social-comment-draft img,.cn-social-group-draft img{max-width:120px;max-height:100px;object-fit:contain;border-radius:12px}
.cn-social-app .cn-social-engagement .cn-social-comment-form{grid-template-columns:36px minmax(0,1fr) 40px auto!important}
.cn-social-comment-form>textarea{grid-column:2;grid-row:1}
.cn-social-comment-form>.cn-social-comment-photo{grid-column:3;grid-row:1;width:38px;height:38px;padding:0;border-radius:50%;border:0;cursor:pointer}
.cn-social-app .cn-social-engagement .cn-social-comment-form>.cn-social-button{grid-column:4;grid-row:1}
@media(max-width:600px){.cn-social-app .cn-social-engagement .cn-social-comment-form{grid-template-columns:34px minmax(0,1fr) 40px auto!important}.cn-social-comment-form>textarea{grid-column:2/-1;grid-row:1}.cn-social-comment-form>.cn-social-comment-photo{grid-row:2}.cn-social-app .cn-social-engagement .cn-social-comment-form>.cn-social-button{grid-row:2}}
.cn-social-group-composer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-top:1px solid #dce6e1;flex-shrink:0;background:var(--cns-paper,#fff)}
.cn-social-group-composer[hidden]{display:none}
.cn-social-group-composer textarea{flex:1;min-width:120px;border:1px solid #c9d9d1;border-radius:18px;padding:12px;resize:vertical;max-height:180px}
.cn-social-group-composer>p,.cn-social-group-draft{flex-basis:100%;margin:0;overflow-wrap:anywhere}
.cn-social-group-draft:empty{display:none}
.cn-social-group-reactions{display:flex;flex-wrap:wrap;gap:4px}
.cn-social-group-reactions button{padding:8px}
[data-group-message-id] audio{max-width:100%;width:280px}
[data-group-message-id] blockquote{font-size:.85em;border-left:3px solid #8b64a4;margin:8px 0;padding:6px 10px;opacity:.8}
dialog.cn-social-web-actions label{display:flex;align-items:center;gap:8px;padding:8px 0}
dialog.cn-social-web-actions input[type=checkbox]{width:auto;flex:none}
.cn-social-live-stage{position:relative;isolation:isolate;overflow:hidden;background:#000;min-width:0}
.cn-social-live-stage>video{display:block;width:100%;max-height:80dvh;object-fit:contain}
.cn-social-live-stage.is-expanded,.cn-social-live-stage:fullscreen{position:fixed;inset:0;z-index:2147483000;width:100%;height:100dvh;background:#000}
.cn-social-live-stage.is-expanded>video,.cn-social-live-stage:fullscreen>video{height:100%;max-height:100%;object-fit:contain}
.cn-social-live-overlay{position:absolute;inset:0;pointer-events:none;color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 12px 64px;gap:8px;background:linear-gradient(transparent 55%,rgb(0 0 0 / .35))}
.cn-social-live-overlay[hidden]{display:none}
.cn-social-live-overlay-comments{max-height:28%;overflow:auto;max-width:80%;pointer-events:auto;text-shadow:0 1px 3px #000}
.cn-social-live-overlay-comments p{margin:5px 0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.cn-social-live-overlay-comments a{color:white;font-weight:700;text-decoration:none}
.cn-social-live-overlay-comments .cn-social-user-badge{display:inline-block;vertical-align:middle}
.cn-social-live-overlay-composer{display:flex;gap:6px;pointer-events:auto;padding-right:50px}
.cn-social-live-overlay-composer[hidden]{display:none}
.cn-social-live-overlay-composer input{min-width:0;width:100%;color:white;background:rgb(0 0 0 / .3);border:1px solid rgb(255 255 255 / .5);border-radius:24px;padding:10px;font-size:16px}
.cn-social-live-overlay-composer input::placeholder{color:#eee}
.cn-social-live-overlay button,.cn-social-live-expand,.cn-social-live-collapse{border:0;border-radius:50%;color:white;background:rgb(0 0 0 / .4);padding:10px;cursor:pointer;pointer-events:auto}
.cn-social-live-expand,.cn-social-live-collapse{position:absolute;right:12px;top:12px;z-index:5}
.cn-social-live-collapse[hidden],.cn-social-live-expand[hidden]{display:none}
.cn-social-live-overlay-reactions{position:absolute;right:12px;bottom:64px;pointer-events:auto}
.cn-social-live-overlay-reactions summary{list-style:none;border-radius:50%;background:rgb(0 0 0 / .4);padding:8px 12px;font-size:24px;cursor:pointer}
.cn-social-live-overlay-reactions>div{position:absolute;bottom:52px;right:0;display:flex;flex-direction:column;gap:4px;background:rgb(0 0 0 / .5);border-radius:24px;padding:4px;max-height:50dvh;overflow:auto}
.cn-social-live-overlay-reactions button{font-size:23px;background:transparent;padding:5px}
.cn-social-live-overlay>p{margin:0;font-size:13px;text-shadow:0 1px 3px #000}
.cn-social-live-floating{position:absolute;inset:15% 0 85px;overflow:hidden;pointer-events:none}
.cn-social-live-floating>span{position:absolute;bottom:0;font-size:30px;animation:cn-web-reaction-rise 4.5s ease-out forwards}
@keyframes cn-web-reaction-rise{0%{transform:translate(0,0) scale(.8);opacity:0}15%{opacity:1}40%{transform:translate(var(--drift),-80px) rotate(12deg)}70%{transform:translate(calc(var(--drift) * -1),-160px) rotate(-12deg);opacity:1}100%{transform:translate(var(--drift),-260px) scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.cn-social-live-floating>span{animation:none;opacity:0}}