body{margin:0;font-family:Open Sans,Arial,sans-serif}.chat-container{display:flex;flex-direction:column;height:100vh}.chat-header{background:#fafafa;color:#404040;padding:10px;text-align:center;box-shadow:0 1px 7px #c4c4c4}.message-list{flex:1;overflow-y:auto;padding:10px}.message{display:flex;margin:16px 0;position:relative;justify-content:flex-start}.own-message{justify-content:flex-end}.message-bubble{position:relative;background:#f7f7f7;padding:10px;border-radius:8px 8px 8px 0;display:inline-block;max-width:80%;width:80%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.own-message .message-bubble{background:#cde0fa;color:#000;text-align:right;border-radius:8px 8px 0}.sender{font-weight:700;font-size:.8em}.time{font-size:.7em;color:#000}.chat-input{padding:0 0 8px;background:#f0f0f0;position:relative;gap:10px;border-radius:15px}.chat-messages{padding-bottom:10px}.chat-messages.with-reply{padding-bottom:0}.reply-info{display:flex;justify-content:space-between;align-items:center}.reply-name{font-weight:700;color:#19c37d}.close-reply{background:transparent;border:none;font-size:18px;cursor:pointer}.reply-text{font-size:14px;margin-top:3px;color:#444}.chat-box{flex:1;background:#fff;padding:12px;border-radius:10px;display:flex;align-items:center}.chat-box input{width:100%;border:none;outline:none;font-size:16px}.send-btn{background-color:transparent!important;color:#fff;width:40px;height:50px;border-radius:50%;font-size:18px;border:none;cursor:pointer;padding-left:0}.online-indicator{display:flex;align-items:center;justify-content:center;gap:6px}.dot{margin-top:5px;display:inline-block}.dot img{height:20px;width:20px}.message-skeleton{margin-bottom:10px}.skeleton-bubble{background:#e0e0e0;border-radius:10px;padding:10px;max-width:70%;display:flex;flex-direction:column;gap:6px;animation:pulse 1.5s infinite}.own-message .skeleton-bubble{margin-left:auto}.skeleton{background:#ccc;border-radius:4px;height:10px}.skeleton.sender{width:30%;height:12px}.skeleton.text-line{width:100%;height:10px}.skeleton.text-line.short{width:60%}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.message-bubble[dir=rtl]{text-align:right}.message-bubble[dir=ltr]{text-align:left}.reply-arrow{position:absolute;font-size:23px!important;top:5px;right:-24px!important;font-size:18px;color:#888;cursor:pointer;display:none;transition:color .2s ease}.message:hover .reply-arrow{opacity:1}.own-message .reply-arrow{right:-20px}.message:hover .reply-arrow{display:block}.reply-arrow:hover{color:#007bff}.reply-preview{background-color:#eaeaea;border-left:3px solid #007bff;padding:5px 10px;margin-top:5px;border-radius:6px;margin-bottom:4px;font-size:.9em;color:#555}.own-message .reply-preview{background-color:#fafafa;border-left:3px solid #007bff;padding:5px 10px;margin-top:5px;border-radius:6px;margin-bottom:4px;font-size:.9em;color:#555}.reply-sender{color:#007bff}.own-message .reply-sender{color:#2b2e33;font-weight:600}.reply-text{margin-top:5px}.message-text{margin-bottom:8px;margin-top:10px;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.own-message .reply-arrow{right:auto;left:-24px}.chat-footer{padding:10px;background:#f1f1f1;border-radius:10px}.replying-to{background:#fff;border-left:4px solid #FF9233;padding:8px;border-radius:10px;margin-bottom:10px}.input-row{display:flex;align-items:center;gap:10px}.input-row input{flex:1;padding:15px;border:1px solid #ddd;border-radius:15px;font-size:15px;outline:none}.bottom-modal{position:fixed;bottom:0;left:0;width:100%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100%;display:flex;align-items:end;justify-content:center;z-index:999}.modal-content{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:10px 0;animation:slideUp .2s ease-out}.modal-option{padding:15px;text-align:center;font-size:16px;border-bottom:1px solid #efefef;cursor:pointer}.modal-option.cancel{font-weight:700;color:red}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}message-bubble,.message-text,.reply-preview,.reply-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.close-icon{font-size:20px;cursor:pointer}.modal-option:active{background:#f4f4f4}.blurred-message{filter:blur(3px);opacity:.6;pointer-events:none;transition:.2s}.message{transition:.2s}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.reply-btn{color:#032c57;cursor:pointer;font-size:12px;font-weight:600}.reply-btn:hover{text-decoration:underline}.login-btn{background:linear-gradient(90deg,#fa4943,#ff9034);color:#fff;border:none;cursor:pointer;width:50%;font-weight:700;padding:15px 20px;border-radius:10px}.chat-footer-center{padding:10px;background:#f1f1f1;border-radius:10px}.input-row-center{display:flex;flex-direction:column;align-items:center;padding:0;background:#f0f0f0;border-radius:15px}