@import"https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@500&display=swap";#chat-container{background-color:#e0e1e7;justify-content:center;height:100vh;width:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:10px}#chat-box{text-align:center}@media only screen and (min-width: 768px){#chat-box{margin-left:20%;margin-right:20%}}@media only screen and (min-width: 768px){.message-container{margin-left:20%;margin-right:20%}}#chat-form,#new-chat-form{align-content:center}textarea{width:80%;height:250px;padding:20px;margin:20px;background-color:#faf9fb;border-radius:20px;border-color:#000;border-width:1.5px}p,textarea{font-family:Roboto,sans-serif}button{background-color:#c1b8ff;color:#000;border-style:solid;border-color:#000;border-width:1.5px;border-radius:20px;padding:8px 20px;font-family:Roboto,sans-serif;width:50%}#suggested-plan{margin-bottom:20px}.todo-list{margin-left:20%;margin-right:20%;margin-bottom:2%}.todo-item{display:flex;align-items:center;margin-bottom:10px;padding:5px;text-align:left;border-style:solid;border-color:#000;border-width:1.5px;border-radius:10px;background-color:#a6d8d9;font-family:Roboto,sans-serif}.todo-item span{flex-grow:1;margin-right:10px}.todo-item button{padding:2px 5px;background-color:#fff;border-style:solid;border-color:#000;border-width:1.5px;border-radius:5px;width:20px;height:20px;line-height:1}.todo-item.checked span{text-decoration:line-through;color:#999}.timeline-container{height:300px;overflow-y:scroll;padding:5%}.message-container{display:flex;justify-content:space-between;background-color:#faf9fb;padding:20px;margin-bottom:10px;border-radius:5px;height:10%}.message-image{height:100%;aspect-ratio:1/1;align-self:flex-end;padding-right:2px;padding-left:2px}.message-date{font-weight:700;margin-bottom:2px}.message-text{margin-bottom:10px}.rating{display:inline-block}.rating input[type=radio]{display:none}.rating label{float:right;width:30px;height:30px;background-image:url(/heart_outline.png);background-size:cover}.rating label:before{position:absolute;font-size:24px}.rating input[type=radio]:checked~label{background-image:url(/heart.png)}.rating input[type=radio]:checked~label:before{opacity:1;font-size:24px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto 0;padding:20px;border:1px solid #888;width:80%;max-width:300px;text-align:center;line-height:2}.close{color:#aaa;float:right;font-size:40px;font-weight:700;cursor:pointer}#back-button{display:flex;justify-content:center}#back-btn{width:25%}