.sned{background:#506eff}.sned,.sned1{white-space:nowrap;cursor:pointer;color:#fff;border:none;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;margin-top:1%;float:right;margin-right:0}.chat-container,.sned,.sned1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-container{max-width:100%;height:100vh;font-family:Arial,sans-serif;background:#fff}.header{background:#fff;color:#fff;padding:15px;text-align:center}.messages{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.message{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.message.ai{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message.user{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.avatar img{width:40px;height:40px;border-radius:50%}.content{max-width:95%;padding:10px 15px;border-radius:18px;margin:0 10px}.ai .content{background:#fff;color:#333}.user .content{background:#eff6ff;color:#000}.input-area{padding:10px;background:#fff}.input-area input{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:13px;border-radius:20px;outline:none;background:#f3f3f3;color:#666}.input-area button{margin-left:10px;padding:10px 20px;background:#6200ee;color:#fff;border:none;border-radius:20px;cursor:pointer}