:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#d6d6d6}.app{display:flex;flex-direction:column;align-items:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.appTitle{display:flex;justify-content:center}.appTitle h1{text-align:center;font-size:44px;font-weight:700;background:-webkit-linear-gradient(#69bbeb,#5889c6,#b785ba);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loading{text-align:center}.likeButton{background-color:transparent;border:none;font-size:14px;cursor:pointer}.likeButton:focus{outline:none}.msgBox{display:flex;flex-direction:column;background-color:#f4f4f4;width:400px;height:128px;margin:0 auto 30px;border:2px solid #ffffff;border-radius:5px;padding:10px;box-shadow:7px 6px #ea768b}.msgBox button{width:50%;padding:5px;font-size:14px;border:1px solid #d6a5b8;border-radius:50px;margin-top:10px;color:#fff;font-weight:600}.msgBox button{background-color:#f87d91;cursor:pointer}.msgBox button:hover{box-shadow:0 1px 4px #0003}.input{width:95%;padding:8px 10px;font-size:16px;border:1px solid #ccc;border-radius:20px}.questionText{margin-top:3px;margin-bottom:6px;font-weight:600}.charRemain{margin-top:1px;text-align:right;font-size:12px}.msgBox-container{display:flex;justify-content:space-between;margin-top:4px}.msgBox-p-container{display:flex;flex-direction:column;align-items:flex-end;margin-top:2px}.likedCount{font-size:12px;margin:8px 0 0;font-weight:600}@media screen and (max-width: 576px){.msgBox{display:flex;flex-direction:column;align-items:center;width:320px;height:128px}.msgBox button{width:40%;padding:2px;font-size:12px;border:1px solid #d6a5b8;border-radius:50px;margin-top:10px;color:#fff;font-weight:600}}.strMsg{display:flex;flex-direction:column;width:40%;height:150px;margin:0 auto 30px;border:2px solid #ffffff;border-radius:5px;padding:10px;box-shadow:7px 6px #77a3eb;background-color:#eafaff;flex-wrap:wrap}.strMsg p{font-size:14px;font-weight:600;word-break:break-word}.strMsg div{display:flex;justify-content:space-between;align-items:center}.strMsg div div{font-size:14px;color:#777;margin:0}.strMsg div div:first-child{margin-right:10px}.strMsg:hover{box-shadow:0 1px 2px #0003}.placeholder{display:flex;justify-content:center;align-items:center;height:20px;background-color:#fafafa}@media screen and (max-width: 576px){.strMsg{width:320px;margin-bottom:20px;padding:10px}.strMsg p{font-size:14px}}