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