.chat-container{display:flex;flex-direction:column;height:80vh;padding:.5rem}.chat-messages{flex-grow:1;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a1a1a1;border-radius:4px;transition:background .3s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#707070}.chat-bubble-wrapper{display:flex;margin-bottom:.5rem}.chat-bubble-wrapper.me{justify-content:flex-end}.chat-bubble-wrapper.other{justify-content:flex-start}.chat-bubble{max-width:100%;padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);position:relative;word-wrap:break-word;transition:transform .2s}.chat-bubble.user{background:linear-gradient(135deg,#4f9cff,#3a7bd5);color:white;border-bottom-right-radius:5px}.chat-bubble.friend{background:#fff59c;color:#333;border-bottom-left-radius:5px}.chat-bubble:hover{transform:scale(1.02)}.chat-meta{font-size:.7rem;margin-bottom:.25rem;color:rgba(0,0,0,.5)}.chat-text{margin:0}.chat-meta{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:5px}.chat-sender{font-size:.9rem;font-weight:600;color:#111}.chat-time{display:flex;align-items:center;gap:3px}.chat-time,.chat-time i.fas.fa-clock{font-size:.75rem;color:#888}