.mada-comments-panel{display:flex;flex-direction:column;gap:12px;max-height:70vh}.mada-comments-list{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.mada-live-comment{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;background:var(--card,#f5f7fa)}.mada-live-comment b{font-size:13px}.mada-live-comment span{font-size:14px;white-space:pre-wrap;word-break:break-word}.mada-live-comment small{font-size:10px;opacity:.55}.mada-live-comment.sent small{opacity:.7}.mada-comment-compose{position:relative;display:flex;align-items:center;gap:6px;padding:8px;border-top:1px solid rgba(128,128,128,.16);background:inherit}.mada-modal-comment-input{min-width:0;flex:1;border:1px solid rgba(128,128,128,.25);border-radius:22px;padding:10px 13px;background:inherit;color:inherit;outline:none}.mada-modal-send,.mada-emoji-btn{border:0;border-radius:20px;min-width:40px;height:40px;cursor:pointer}.mada-modal-send{padding:0 13px}.mada-emoji-btn{font-size:20px;background:transparent}.mada-emoji-picker{position:absolute;bottom:52px;right:0;left:0;display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:20}.mada-emoji-picker[hidden]{display:none}.mada-emoji-picker button{border:0;background:transparent;font-size:23px;width:38px;height:38px;border-radius:9px;cursor:pointer}.mada-emoji-picker button:hover{background:#f0f2f5}.dark .mada-emoji-picker{background:#20242b}.dark .mada-emoji-picker button:hover{background:#303640}@media(max-width:700px){.mada-comments-panel{max-height:78vh}.mada-comments-list{max-height:58vh}.mada-comment-compose{position:sticky;bottom:0}.mada-emoji-picker{left:0;right:0}.mada-emoji-picker button{width:36px}}