@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--primary-color:#007bff;--primary-color-hover:#0056b3;--secondary-color:#6c757d;--text-color:#050505;--text-color-light:#65676b;--text-on-primary:#fff;--background-color:#f0f2f5;--surface-color:#fff;--border-color:#d1d7e0;--divider-color:#e0e0e0;--chat-bg:#e5ddd5;--header-chat-bg:#006054;--sent-bubble-bg:#dcf8c6;--sent-bubble-text:#111b21;--received-bubble-bg:var(--surface-color);--received-bubble-text:var(--text-color);--input-bar-bg:#f0f0f0;--font-family:"Roboto",sans-serif;--border-radius:8px;--border-radius-lg:12px;--border-radius-pill:25px;--box-shadow-light:0 1px 3px rgba(0,0,0,.08);--box-shadow-medium:0 4px 8px rgba(0,0,0,.1);--unread-badge-color:var(--primary-color);--message-status-sent-color:#8e8e93;--message-status-read-color:#34b7f1}html{box-sizing:border-box;height:100%}*,
*:after,
*:before{box-sizing:inherit}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);line-height:1.5;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container,body{height:100%;padding:0}.app-container{background-color:var(--surface-color);display:flex;flex-direction:column;margin:0 auto;max-width:900px}.app-header{background-image:url("https://media0.giphy.com/media/tQHtASL5mC8cKPyfSU/giphy.webp?cid=6c09b95211e5b0c38fc5144204259c57200929a6585f7cf5&ep=v1_internal_gifs_gifId&rid=giphy.webp&ct=g");background-position:50%;background-size:cover;border-radius:0;box-shadow:var(--box-shadow-light);color:var(--text-on-primary);flex-shrink:0;margin-bottom:0;padding:7px;text-align:center}.app-header h1{font-size:1.25em;font-weight:500;margin:0}.chat-home-container{background-color:var(--surface-color);display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:15px}
.existing-chats-section h2,.new-chat-section h2{border-bottom:1px solid var(--divider-color);color:var(--text-color);font-size:1.1em;font-weight:500;margin-bottom:12px;margin-top:0;padding-bottom:8px}.search-bar-container{align-items:center;display:flex;margin-bottom:15px;position:relative}.search-bar-container .search-icon{color:var(--text-color-light);font-size:.9em;left:12px;position:absolute;top:50%;transform:translateY(-50%)}#user-search-input{background-color:#f0f2f5;border:1px solid var(--border-color);border-radius:var(--border-radius-pill);flex-grow:1;font-size:.9em;padding:9px 15px 9px 38px}#user-search-input:focus{background-color:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.search-results-section h3{color:var(--text-color-light);font-size:.9em;font-weight:500;margin-bottom:8px;margin-top:10px}.search-results-container{min-height:80px;padding:5px 0}#search-results-placeholder,
.placeholder-text{color:var(--text-color-light);font-size:.85em;font-style:italic;padding:10px;text-align:center}.horizontal-list{display:flex;flex-direction:row;list-style-type:none;margin-bottom:15px;overflow-x:auto;padding:8px 2px;scrollbar-color:var(--primary-color) var(--background-color);scrollbar-width:thin}.horizontal-list::-webkit-scrollbar{height:5px}.horizontal-list::-webkit-scrollbar-track{background:#efefef;border-radius:10px}.horizontal-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.horizontal-list li{align-items:center;background-color:var(--surface-color);border:1px solid transparent;border-radius:var(--border-radius);box-shadow:0 1px 2px rgba(0,0,0,.07);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-right:10px;max-width:100px;min-width:85px;padding:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.horizontal-list li:hover{border-color:var(--primary-color);box-shadow:0 3px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.horizontal-list li:last-child{margin-right:0}.horizontal-list li img{background-color:#eee;border-radius:50%;height:40px;margin-bottom:6px;object-fit:cover;width:40px}.horizontal-list li .user-name{color:var(--text-color);font-size:.75em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.section-divider{background-color:var(--divider-color);border:0;height:1px;margin:20px 0}.vertical-chat-list{flex-grow:1;list-style-type:none;margin:0;overflow-y:auto;padding:0}.chat-list-item:last-child{border-bottom:none}.chat-list-avatar{background-color:#eee;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.chat-list-info{flex-grow:1;overflow:hidden}.chat-list-name{color:var(--text-color);display:block;font-size:.95em;font-weight:500;margin-bottom:3px}.chat-list-last-message,.chat-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-last-message{color:var(--text-color-light);font-size:.8em;margin:0}.chat-list-meta{align-items:flex-end;color:var(--text-color-light);display:flex;flex-direction:column;flex-shrink:0;font-size:.7em;margin-left:10px}.chat-list-timestamp{margin-bottom:5px}.chat-list-unread-count{background-color:var(--unread-badge-color);border-radius:12px;color:var(--text-on-primary);font-size:.7em;font-weight:700;line-height:1;min-width:20px;padding:3px 7px;text-align:center}.chat-list-unread-count:empty{display:none}.chat-app-container{background-color:var(--chat-bg);box-shadow:0 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column;height:calc(100vh - 56px);height:calc(100svh - 56px);margin:0 auto;max-width:700px;overflow:hidden;position:relative;width:100%}.chat-header-bar{align-items:center;background-color:var(--header-chat-bg);box-shadow:0 1px 2px rgba(0,0,0,.15);color:var(--text-on-primary);display:flex;flex-shrink:0;padding:10px 12px;z-index:10}.chat-header-bar .back-button{background:none;border:none;color:var(--text-on-primary);cursor:pointer;font-size:1.2em;margin-right:8px;padding:5px 8px}.chat-header-bar .avatar{background-color:hsla(0,0%,100%,.2);border-radius:50%;height:38px;margin-right:10px;object-fit:cover;width:38px}.chat-partner-info{flex-grow:1;overflow:hidden}.chat-partner-info h2{font-size:1em;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-partner-info .status{color:hsla(0,0%,100%,.8);font-size:.75em;margin:2px 0 0}.chat-partner-info .status.online{color:#b9f6ca}.messages-area{flex-grow:1;overflow-y:auto;padding:10px}.message-bubble,.messages-area{display:flex;flex-direction:column}.message-bubble{margin-bottom:8px;max-width:78%;position:relative}.message-sender-name{color:var(--primary-color);display:block;font-size:.75em;font-weight:700;margin-bottom:2px;padding-left:12px}.message-bubble.sent .message-sender-name{display:none}.message-bubble.received .message-sender-name{color:#005c4b}.message-content-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap}.message-bubble .message-content{border-radius:var(--border-radius-lg);line-height:1.4;padding:7px 12px;word-wrap:break-word;box-shadow:var(--box-shadow-light);font-size:.92em;overflow-wrap:break-word;position:relative}.message-bubble .message-content p{margin:0;padding:0}.message-bubble.sent{align-self:flex-end}.message-bubble.sent .message-content-wrapper{justify-content:flex-end}.message-bubble.sent .message-content{background-color:var(--sent-bubble-bg);border-bottom-right-radius:5px;color:var(--sent-bubble-text)}.message-bubble.received{align-self:flex-start}.message-bubble.received .message-content-wrapper{justify-content:flex-start}.message-bubble.received .message-content{background-color:var(--received-bubble-bg);border-bottom-left-radius:5px;color:var(--received-bubble-text)}.message-bubble.sent .message-content::after{border-color:transparent transparent transparent var(--sent-bubble-bg);border-style:solid;border-width:0 0 8px 8px;bottom:0;content:"";height:0;position:absolute;right:-6px;width:0}.message-bubble.received .message-content::before{border-color:transparent var(--received-bubble-bg) transparent transparent;border-style:solid;border-width:0 8px 8px 0;bottom:0;content:"";height:0;left:-6px;position:absolute;width:0}.message-meta{align-items:center;align-self:flex-end;display:flex;margin-left:8px;margin-right:8px;white-space:nowrap}.message-bubble.received .message-meta{margin-left:8px;margin-right:0}.message-bubble.sent .message-meta{margin-left:0;margin-right:8px}.message-bubble .timestamp{color:rgba(0,0,0,.45);font-size:.68em;margin-right:3px}.message-status-icon{font-size:.8em;line-height:1}.message-status-icon.sent-check{color:var(--message-status-sent-color)}.message-status-icon.read-check{color:var(--message-status-read-color)}.message-input-bar{align-items:flex-end;background-color:var(--input-bar-bg);border-top:1px solid #d1d1d1;display:flex;flex-shrink:0;margin-bottom:60px;padding:7px 10px}#message-input-field{background-color:var(--surface-color);border:none;border-radius:18px;flex-grow:1;font-size:.95em;line-height:1.4;margin-right:8px;max-height:100px;outline:none;overflow-y:auto;padding:9px 12px;resize:none}.message-input-bar .send-button{align-items:center;align-self:flex-end;background-color:var(--header-chat-bg);border:none;border-radius:50%;color:var(--text-on-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1em;height:40px;justify-content:center;margin-bottom:1px;transition:background-color .2s ease;width:40px}.message-input-bar .send-button:hover{background-color:#004d40}#messages-area{scroll-behavior:smooth}.message-options{background-color:rgba(0,0,0,.6);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.7em;opacity:0;padding:3px 5px;position:absolute;top:-5px;transition:opacity .2s ease;z-index:1}.message-bubble.sent:hover .message-options,.message-bubble:hover .message-options{opacity:1}.message-bubble.sent .message-options{right:5px}.message-bubble.received .message-options{display:none}.message-options i{cursor:pointer;margin:0 3px;transition:transform .2s ease}.message-options i:hover{transform:scale(1.2)}.message-options .fa-edit{color:#4caf50}.message-options .fa-trash-alt{color:#f44336}.edited-indicator{color:var(--text-color-light);font-style:italic}@media (max-width:700px){body,
    html{overflow:hidden}.app-container{padding:0}.chat-home-container{border-radius:0;box-shadow:none;height:calc(100% - 48px);padding:10px}.app-header{height:48px;padding:10px 12px}.app-header h1{font-size:1.2em}.chat-header-bar{padding:8px 10px}.chat-header-bar .avatar{height:32px;width:32px}.chat-partner-info h2{font-size:.95em}.message-input-bar{padding:6px 8px}#message-input-field{font-size:.9em;padding:8px 12px}.message-input-bar .send-button{height:38px;width:38px}.chat-app-container{height:calc(100vh - 56px);height:calc(100svh - 56px);height:calc(100dvh - 56px);min-height:0}.message-input-bar{background-color:var(--input-bar-bg);bottom:0;flex-shrink:0;position:sticky;z-index:100}.messages-area{flex:1 1 auto;min-height:0;overflow-y:auto}}#super-error-debug-div,
#super-error-debug-div-list,
#super-error-debug-div-msg{border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.3);box-sizing:border-box!important;color:#fff!important;font-family:monospace!important;font-size:12px!important;left:10px;line-height:1.3;max-height:40vh;min-height:80px;opacity:.95;overflow-y:auto!important;padding:12px!important;position:fixed;width:calc(100% - 20px);z-index:999999!important}#super-error-debug-div{background-color:#c62828!important;top:10px}#super-error-debug-div-list{background-color:#ef6c00!important;top:10px}#super-error-debug-div-msg{background-color:#d32f2f!important;bottom:60px}#super-error-debug-div h2,
#super-error-debug-div-list h2,
#super-error-debug-div-msg h2{border-bottom:1px solid hsla(0,0%,100%,.3);font-size:14px;margin-bottom:8px;margin-top:0;padding-bottom:5px}#super-error-debug-div pre,
#super-error-debug-div-list pre,
#super-error-debug-div-msg pre{white-space:pre-wrap;word-wrap:break-word;margin:4px 0}#super-error-debug-div a,
#super-error-debug-div-list a,
#super-error-debug-div-msg a{color:#ffeb3b!important;text-decoration:underline!important}#delete-chat-confirm-modal .modal-content{max-width:400px}.chat-list-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 8px;position:relative}.chat-list-item:hover{background-color:#f5f5f5}.chat-list-meta .delete-chat-btn{background:none;border:none;color:var(--text-color-light);cursor:pointer;font-size:1.1em;margin-left:10px;opacity:0;padding:5px;pointer-events:none;transition:color .2s ease,transform .2s ease}.chat-list-item:hover .chat-list-meta .delete-chat-btn{color:var(--secondary-color);opacity:1;pointer-events:auto}.delete-chat-btn:hover{color:#dc3545;transform:scale(1.1)}.horizontal-list li img.search-result-avatar{background-color:#eee;border-radius:50%;height:40px;margin-bottom:6px;object-fit:cover;width:40px}.horizontal-list li span.search-result-name{color:var(--text-color);font-size:.75em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal-content{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-medium);padding:25px 30px}#open-chat-modal h3#modal-user-name{color:var(--text-color);font-size:1.25em;margin-bottom:15px}#modal-message.modal-text-message{color:var(--text-color-light);font-size:.95em;line-height:1.6;margin-bottom:25px;text-align:center}#open-chat-modal .modal-actions{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-medium);padding:25px 30px}.modal-button.secondary{background:rgba(92,92,92,.534)}#confirm-delete-chat-button,.modal-button.secondary{border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}#confirm-delete-chat-button{background:rgba(241,26,26,.473)}#confirm-open-chat-button{background:rgba(85,139,255,.445);border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.modal{align-items:center;backdrop-filter:blur(4px);background-color:rgba(24,161,224,.719);display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}.message-input-bar{padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.chat-app-container{padding-bottom:env(safe-area-inset-bottom,0)}@supports (-webkit-touch-callout:none){.message-input-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom, 20px))}.chat-app-container{min-height:-webkit-fill-available}}@media screen and (max-height:600px){.message-input-bar{padding:5px 8px max(8px,env(safe-area-inset-bottom,8px))}#message-input-field{font-size:.85em;padding:6px 10px}.message-input-bar .send-button{height:34px;width:34px}}@media screen and (orientation:landscape) and (max-height:500px){.chat-header-bar{padding:6px 10px}.message-input-bar{padding:4px 8px max(6px,env(safe-area-inset-bottom,6px))}}
/*# sourceMappingURL=7972.1c516f67.css.map*/