.chat-card{width:100%;max-width:500px;background:linear-gradient(111.42deg, #179389, #19867e);backdrop-filter:blur(8px);border-radius:15px;border:1px solid var(--color-white-border);padding:20px;display:flex;flex-direction:column;gap:20px}.chat-messages{overflow-y:auto;display:flex;flex-direction:column;gap:15px;scrollbar-width:none}@keyframes messageAppear{to{opacity:1;transform:translateY(0)}}.message{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(20px);animation:messageAppear 0.3s ease forwards;position:relative}.message.user{flex-direction:row-reverse}.message .message-content{background:rgba(255,255,255,0.1);padding:10px 15px;border-radius:15px;color:white;max-width:80%}.message.user .message-content{background:#00b7b7}.message.persona-message{margin-top:5px}.message.persona-message .message-content{position:relative}.message.persona-instructor .message-content{background:rgba(25,118,210,0.3);border-left:3px solid #1976d2}.message.persona-parent .message-content{background:rgba(211,47,47,0.3);border-left:3px solid #d32f2f}.message.persona-child .message-content{background:rgba(46,125,50,0.3);border-left:3px solid #2e7d32}@media (max-width: 768px){.message .message-content{max-width:90%;position:relative;z-index:2}}@media (max-width: 768px){#mobileAvatarModal .modal-dialog{margin:1rem}#mobileAvatarModal .modal-body{padding:1rem}#mobileAvatarModal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}#mobileAvatarModal .avatar-option{transition:all 0.2s ease}#mobileAvatarModal .avatar-option img{width:60px;height:60px;border-radius:50%;display:block;margin:0 auto;border:3px solid #8ed4dc}}.avatar-circle{width:40px;height:40px;border-radius:50%;flex-shrink:0;position:relative;overflow:visible}.avatar-circle .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 768px){.avatar-circle{display:block;width:30px;height:30px;z-index:1}.message.user .avatar-circle{right:auto;left:0}}.avatar-circle .avatar-selector{position:absolute;top:-40px;right:0;background:rgba(255,255,255,0.95);border-radius:12px;padding:8px;box-shadow:0 8px 25px rgba(0,0,0,0.3);border:1px solid #ffffff2b;z-index:1000;display:none;opacity:0;visibility:hidden;gap:4px;max-width:180px;overflow:scroll;backdrop-filter:blur(5px)}.avatar-circle .avatar-selector.show{display:flex;opacity:1;visibility:visible}.avatar-circle .avatar-selector .avatar-option{width:32px;height:32px;margin:1px;border-radius:50%;overflow:hidden;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;border:1px solid rgba(0,183,183,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.1);flex-shrink:0}.avatar-circle .avatar-selector .avatar-option:hover{transform:scale(1.1);border-color:#00b7b7;box-shadow:0 4px 12px rgba(0,183,183,0.4)}.avatar-circle .avatar-selector .avatar-option img{width:32px;height:32px;object-fit:cover}@media (max-width: 768px){.avatar-circle .avatar-selector{display:none !important}}.avatar-circle:hover .avatar-selector{display:flex;opacity:1;visibility:visible;transform:translateX(0) translateY(0) scale(1)}.chat-input-box textarea{flex:1;background:rgba(255,255,255,0.1);border:1px solid var(--color-white-border);color:white;border-radius:10px;padding:10px 15px;resize:none;min-height:44px;max-height:120px}.chat-input-box textarea:focus{background:rgba(255,255,255,0.1);border-color:#c59eff;box-shadow:none;color:white}.chat-input-box textarea::placeholder{color:rgba(255,255,255,0.6)}.chat-input-box textarea:disabled{background:rgba(255,255,255,0.1);cursor:not-allowed}.chat-input-box #sendButton{background:#00b7b7;color:white;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;transition:all 0.3s ease}.chat-input-box #sendButton:hover{background:#0d7e74}@media (max-width: 768px){.chat-input-box #sendButton:hover{background:#00b7b7 !important}}.chat-input-box #sendButton:disabled{background:rgba(255,255,255,0.1);cursor:not-allowed;pointer-events:auto}.chat-input-box .scroll-down-button{position:fixed;bottom:80px;right:50%;transform:translateX(50%);opacity:0;visibility:hidden;background:#0000002b;color:white;border:none;border-radius:50%;font-size:20px;cursor:pointer;z-index:1000;transition:opacity 0.3s ease, visibility 0.3s ease;backdrop-filter:blur(8px)}.chat-input-box .scroll-down-button:hover{background:#0000004c}.thinking-dots{display:flex;gap:8px;padding:10px}.thinking-dots span{width:8px;height:8px;border-radius:50%;background-color:white;animation:bounce 1.4s infinite ease-in-out}.thinking-dots span:nth-child(1){animation-delay:-0.32s}.thinking-dots span:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.message.timed-event{position:relative;margin-top:20px;padding-top:25px}.message.timed-event::before{content:"Timed Event";position:absolute;top:-10px;left:15px;background-color:#ff9900;color:white;font-size:0.75rem;padding:2px 8px;border-radius:10px;font-weight:bold}.message.timed-event.tip{background-color:rgba(230,250,255,0.8);border-left:3px solid #0099cc}.message.timed-event.tip::before{content:"Tip";background-color:#0099cc}.message.timed-event.symptom{background-color:rgba(255,245,230,0.8);border-left:3px solid #ff9900}.message.timed-event.symptom::before{content:"Symptom Change";background-color:#ff9900}.message.timed-event.observation{background-color:rgba(230,255,230,0.8);border-left:3px solid #33cc33}.message.timed-event.observation::before{content:"Observation";background-color:#33cc33}.message.timed-event.information{background-color:rgba(245,245,255,0.8);border-left:3px solid #6666ff}.message.timed-event.information::before{content:"New Information";background-color:#6666ff}.message.timed-event.critical{background-color:rgba(255,220,220,0.8);border-left:3px solid #ff3333;animation:pulse 2s infinite}.message.timed-event.critical::before{content:"CRITICAL";background-color:#ff3333}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,51,0.4)}70%{box-shadow:0 0 0 10px rgba(255,51,51,0)}100%{box-shadow:0 0 0 0 rgba(255,51,51,0)}}