.phone-frame{width:100%;height:680px;border:2px solid #ccc;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;background-color:#2e3438;padding:0;position:relative}.header{background-color:#1e1e1e;color:#fff;padding:10px;text-align:center;font-size:18px;position:relative;display:flex;align-items:center;justify-content:space-between}.header .title{flex:1;text-align:center}.header img{width:20px;height:20px;border-radius:50%}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:10px}.chat-message{margin-bottom:10px;padding:10px;border-radius:20px;position:relative;max-width:80%;color:#fff;font-size:14px}.chat-message.user{background-color:#4a77a7;align-self:flex-end;border-top-right-radius:0}.chat-message.bot{background-color:#3a3f44;align-self:flex-start;border-top-left-radius:0}.chat-message .time{display:block;text-align:right;font-size:12px;color:#c4c4c4}.incl-left-block{padding:20px}.incl-right-block{padding:20px}.description{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}.footer{background-color:#1e1e1e;padding:10px;display:flex;align-items:center;justify-content:space-between}.footer input[type="text"]{flex:1;border:none;border-radius:20px;padding:10px;background-color:#3a3f44;color:#fff;margin:0 10px}.footer input[type="text"]::placeholder{color:#c4c4c4}.footer img{width:24px;height:24px}