*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;font-family:sans-serif;overflow-x:hidden}body{background-color:#f4f4f4;flex-direction:column;display:flex}#online-users-container::-webkit-scrollbar{background:0 0;width:0;height:0}body,#messages,#online-users-container{scrollbar-width:none}.container{flex-direction:column;align-items:center;width:100%;max-width:100vw;margin:0 auto;padding:1rem;display:flex}.status-dot{vertical-align:middle;bakground-color:gray;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:5px;display:inline-block}.status-online{background-color:#007bff}.status-offline{background-color:#6c757d}.dropdown{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-top:.5rem;padding:.5rem;box-shadow:0 2px 6px #0000001a}.scroll-area{-webkit-overflow-scrolling:touch;max-height:250px;overflow-y:auto}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem}.container button{width:90%;max-width:400px;margin:.5rem auto}button:hover{background-color:#0056b3}header{text-align:center;color:#fff;background:#333;flex-shrink:0;padding:12px;font-size:1.5em;font-weight:700}.top-row{border-bottom:2px solid #000;flex-shrink:0;min-height:60px;display:flex}.radio-area{background:#f2f2f2;border-right:1px solid #ccc;flex-shrink:0;flex-basis:180px;justify-content:center;align-items:center;display:flex}.rooms-area{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff;flex-grow:1;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex;overflow:auto hidden}.rooms-area::-webkit-scrollbar{display:none}.rooms-area button{flex:none;min-width:80px}.rooms-area button.active{font-weight:700;background-color:#007bff!important;border-color:#007bff!important}.rooms-area button{cursor:pointer;white-space:nowrap;border:1px solid #c8c8c8;border-radius:5px;padding:8px 16px;font-size:1em;background-color:#e0e0e0!important}.users-title-area{cursor:pointer;color:#333;background:#f8f8f8;border-left:2px solid #000;flex-shrink:0;flex-basis:160px;justify-content:center;align-items:center;font-weight:700;transition:background-color .3s;display:flex}.users-title-area.has-unread-messages{color:#333;background-color:#ff4d4f}.main-content{flex-grow:1;display:flex;position:relative;overflow:hidden}.messages-list{background:#fff;flex-direction:column;flex-grow:1;align-items:flex-start;padding:10px;display:flex;overflow-y:auto}.messages-list div.message{word-wrap:break-word;background-color:#f0f0f0;border-radius:5px;max-width:80%;margin:5px 0;padding:8px;line-height:1.4;text-align:left!important;direction:ltr!important}.messages-list div.message strong{color:#555;margin-right:5px;font-weight:700}.messages-list div.info-message,.messages-list div.error-message{text-align:center;color:#888;background-color:#e0e0e0;border-radius:5px;max-width:100%;margin:10px auto;padding:8px;font-style:italic}.messages-list div.error-message{color:red;background-color:#ffe0e0}.private-message{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-right:auto;display:flex}.users-column{background:#f0f0f0;border-left:2px solid #000;flex-direction:column;flex-shrink:0;flex-basis:300px;max-width:480px;min-height:0;display:flex}#user-list{flex-direction:column;flex-grow:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:35px;height:35px;margin-right:8px}.user-list-content .user-item{color:#333;word-wrap:break-word;cursor:pointer;background-color:#e9e9e9;border:1px solid #dcdcdc;border-radius:8px;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:.9em;display:flex;box-shadow:0 1px 3px #0000000d}.user-list .user-item:hover{text-decoration:underline}.element{transition:left .5s;position:relative;left:0}.element.move-left{left:-50px}.message-sender{background:#f7f7f7;border-top:2px solid #000;flex-shrink:0;align-items:center;padding:10px 15px;display:flex}.emoji-button{cursor:pointer;background:#eee;border:1px solid #ccc;border-radius:5px;flex-shrink:0;margin-right:10px;padding:8px;font-size:1.2em}.message-input{border:2px solid #ccc;border-radius:8px;flex-grow:1;margin-right:10px;padding:8px;font-size:1em}.send-voice-buttons{flex-direction:row;flex-shrink:0;gap:10px;display:flex}.send-voice-buttons button{cursor:pointer;background:#eeee;border:2px solid #ccc;border-radius:5px;padding:8px 12px;font-size:1em}#auth-section{background:#e9e9e9;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:20px;display:flex}#auth-section .auth-container{text-align:center;background:#fff;border-radius:8px;width:95%;max-width:400px;padding:30px;box-shadow:0 2px 10px #0000001a}#auth-section input{border:1px solid #ccc;border-radius:5px;width:calc(100% - 20px);margin-bottom:15px;padding:10px;font-size:1em}#auth-section button{cursor:pointer;color:#fff;border:none;border-radius:5px;width:calc(50% - 10px);margin:5px;padding:10px;font-size:1em}#auth-section button:first-of-type{background-color:#28a745}#auth-section button:last-of-type{background-color:#007bff}#auth-section #hata{color:red;min-height:1.2em;margin-top:15px}#chat-section{flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}#private-chat-panel{z-index:9999;box-sizing:border-box;background-color:#fcfcfc;border-left:1px solid #ddd;flex-direction:column;justify-content:space-between;width:100%;height:80%;transition:width .3s ease-in-out,padding .3s ease-in-out;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;max-width:550px!important;right:0!important}#usersMobileNavButton.has-unread-messages,.user-item.has-unread-messages .user-name{font-weight:700;color:red!important}.modal{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.user-item.my-profile-entry{color:#0c5460;cursor:pointer;background-color:#d1ecf1;border:1px solid #bee5eb;justify-content:center;margin-bottom:10px;font-weight:700;transition:background-color .2s}.user-item.my-profile-entry:hover{background-color:#c0dddf;text-decoration:none}.user-item.my-profile-entry i{margin-right:8px}.users-column{background:#f0f0f0;border-left:2px solid #000;flex-direction:column;flex-shrink:0;flex-basis:300px;display:flex}@media (width<=768px){.users-column{display:none}}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;width:90%;max-width:500px;padding:20px;position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.close-button{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;top:10px;right:15px}.close-button:hover,.close-button:focus{color:#000;cursor:pointer;text-decoration:none}.modal.is-open{display:flex}.profile-actions .button{margin-top:15px}#private-chat-panel.active{padding:10px;width:380px!important}@media (width<=768px){#private-chat-panel.active{width:70%}}@media (width<=480px){#private-chat-panel.active{width:90%}}#closePrivateChat{cursor:pointer;color:#555;background-color:#0000;border:none;padding:0 5px;font-size:1.2em}#closePrivateChat:hover{color:#000}#private-messages-list{word-wrap:break-word;background-color:#fff;flex-direction:column;flex-grow:1;align-items:flex-start;min-height:0;padding:10px;display:flex;overflow-y:auto}.private-message-input-area{box-sizing:border-box;border-top:1px solid #eee;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:10px;display:flex}#privateMesajInput{border:1px solid #ccc;border-radius:5px;flex-grow:1;min-width:0;min-height:40px;margin-right:10px;padding:8px;font-size:1em}#privateGonderButton{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:40px;padding:0;font-size:1em;display:flex}#privateGonderButton:hover{background-color:#0056b3}@media (width<=600px){header{padding:10px;font-size:1.2em;flex-shrink:1!important}.users-column{flex-shrink:1!important;min-height:0!important}.top-row{min-height:45px;flex-shrink:1!important}.radio-area{flex-basis:80px;padding:5px;font-size:.75em;flex-shrink:1!important;min-width:0!important}.rooms-area{-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;flex-wrap:nowrap!important;flex:1px!important;gap:2px!important;padding:3px 5px!important;overflow-x:auto!important}.rooms-area button{white-space:nowrap!important;flex-shrink:0!important;padding:4px 8px!important;font-size:.75em!important}.users-title-area{flex-basis:80px;padding:5px;font-size:.75em;flex-shrink:1!important;min-width:0!important}.main-content{flex-shrink:1!important;min-height:0!important}.messages-list,.users-column{flex-basis:auto;width:100%;flex-shrink:1!important;min-width:0!important}.user-list{padding:5px}.user-list .user-item{margin-bottom:3px;font-size:.7em}.messages-list div.message{padding:6px;font-size:.85em}.message-sender{padding:5px;flex-shrink:0!important}.emoji-button{margin-right:3px;padding:5px;font-size:.9em}.message-input{min-width:60px;margin-right:3px;padding:5px;font-size:.85em}.send-voice-buttons{gap:3px}.send-voice-buttons button{padding:5px 8px;font-size:.8em}}.user-item{position:relative}.user-item.online:after{content:"";background-color:green;border:1px solid #fff;border-radius:50%;width:8px;height:8px;display:block;position:absolute;bottom:5px;right:5px}#user-list-panel{z-index:999;background-color:#fefefe;flex-direction:column;width:300px;height:100%;transition:right .3s ease-in-out;display:none;position:fixed;top:0;overflow-y:hidden;box-shadow:-2px 0 8px #0003}#user-list-panel.active{right:0}@media (width<=768px){#user-list-panel{width:70%;display:flex;right:-70%}#user-list-panel.active{right:0}}@media (width<=480px){#user-list-panel{width:90%;right:-90%}}@media (width<=768px){.users-column{display:none}}#unread-messages-indicator{z-index:1000;background-color:#64b5f6;border:1px solid #ffffff80;border-radius:50%;width:15px;height:15px;transition:background-color .3s,transform .3s;display:none;position:absolute;top:5px;left:5px}#unread-messages-indicator.alert{background-color:red;animation:1.2s infinite pulse-red;box-shadow:0 0 8px #f00c,0 0 15px #ff000080}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cstrEmbed{display:none}#gizliRadyoCalici{z-index:1000;position:relative}@media (width<=768px){#gizliRadyoCalici{height:100px!important}}.emoji-panel{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;width:320px;max-height:400px;padding:0;display:flex;position:absolute;bottom:60px;left:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.emoji-panel.hidden{display:none}.tabs-nav{border-bottom:1px solid #eee;padding:0;display:flex}.tab-button{cursor:pointer;color:#555;background-color:#f8f8f8;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;flex:1;padding:10px 0;font-size:1em;font-weight:700;transition:background-color .2s,color .2s}.tab-button:hover{background-color:#eee}.tab-button.active{color:#6c2bdd;background-color:#fff;border-bottom:3px solid #6c2bdd}.tab-content{box-sizing:border-box;flex-grow:1;max-height:calc(100% - 40px);padding:10px;overflow-y:auto}.tab-content.active{display:block}.tab-content:not(.active){display:none}#emoji-content{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.emoji-panel .emoji{cursor:pointer;text-align:center;border-radius:4px;padding:5px;font-size:24px;transition:background-color .2s}.emoji-panel .emoji:hover{background-color:#f0f0f0}.gif-search-container{margin-bottom:10px;display:flex}#gif-search-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:8px;font-size:.9em}#gif-search-button{color:#fff;cursor:pointer;background-color:#6c2bdd;border:none;border-radius:4px;margin-left:5px;padding:8px 12px;transition:background-color .2s}#panel-user-list{-webkit-overflow-scrolling:touch;flex-grow:1;min-height:0;overflow-y:auto}#gif-search-button:hover{background-color:#5a22bb}.gif-results-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:5px;max-height:250px;padding-bottom:5px;display:grid;overflow-y:auto}.user-list::-webkit-scrollbar{width:8px}.user-list::-webkit-scrollbar-track{background:#f1f1f1}.user-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.user-list::-webkit-scrollbar-thumb:hover{background-color:#555}.gif-item{object-fit:cover;cursor:pointer;border:1px solid #eee;border-radius:4px;width:100%;height:80px;transition:transform .1s}.gif-item:hover{border-color:#6c2bdd;transform:scale(1.05)}#gif-status-message{text-align:center;color:#777;margin-top:10px;font-style:italic}.message-timestamp-minimal{color:#888;text-align:right;opacity:.8;margin-top:2px;font-size:.7em;display:block}.hidden{display:none!important}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{background:0 0;width:0;height:0}#messages::-webkit-scrollbar{background:0 0;width:0;height:0}#user-list::-webkit-scrollbar{background:0 0;width:0;height:0}#panel-user-list::-webkit-scrollbar{background:0 0;width:0;height:0}#private-messages-list::-webkit-scrollbar{background:0 0;width:0;height:0}.tab-content::-webkit-scrollbar{background:0 0;width:0;height:0}.gif-results-grid::-webkit-scrollbar{background:0 0;width:0;height:0}.user-item .user-avatar{object-fit:cover;border:2px solid #6c757d;border-radius:50%;flex-shrink:0;width:35px;height:35px;margin-right:8px;transition:border-color .2s ease-in-out}.user-item.online .user-avatar{border-color:#007bff}.user-item{color:#333;word-wrap:break-word;cursor:pointer;background-color:#e9e9e9;border:1px solid #dcdcdc;border-radius:8px;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:.9em;transition:background-color .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.user-item:hover{background-color:#e0e0e0;text-decoration:none}.hidden-file-input{display:none}.file-header-input-label{cursor:pointer;color:#555;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:30px;margin-right:auto;padding:5px 10px;font-size:1.2em;display:flex}.file-header-input-label:hover{background-color:#e0e0e0}.private-chat-header{background-color:#e0e0e0;border-bottom:1px solid #ccc;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:700;display:flex}#private-chat-recipient-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.user-item.online:after{content:"";z-index:10;background-color:#007bff;border:1px solid #fff;border-radius:50%;width:8px;height:8px;display:block;position:absolute;bottom:5px;right:5px}.rooms-area{-webkit-overflow-scrolling:touch;display:flex;white-space:nowrap!important;flex-wrap:nowrap!important;overflow:auto hidden!important}.rooms-area button{flex:none;min-width:80px;margin-right:8px}.rooms-area::-webkit-scrollbar{height:6px}.rooms-area::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.user-item:not(.online):after{content:"";z-index:10;background-color:#6c757d;border:1px solid #fff;border-radius:50%;width:8px;height:8px;display:block;position:absolute;bottom:5px;right:5px}
/*# sourceMappingURL=public.8c4574dc.css.map */