body{
  font-family:noto kufi arabic,sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif
}
.in_room_name,
.page_drop_text,
.page_menu_text,
.toplist_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
}
.in_room_icon,
.profile_close {
    font-size: 20px;
    text-align: center;
}
.over2,
.over3,
.over_pro {
    pointer-events: none;
}
.bcell_mid_center,
.centered_element,
.in_room_icon,
.profile_close,
.tcenter {
    text-align: center;
}
#submit_button,
.sub_gift .chat_message {
    color: #fff !important;
}
#submit_button,
.chat_message,
.pro_title,
.quiz_bad,
.quiz_good,
.quiz_hint,
.quiz_question,
.ranking_lm {
    font-weight: 700;
}
body {
    font-family: noto kufi arabic, sans-serif, trebuchet ms, lucida grande,
        lucida sans unicode, arial, helvetica, sans-serif;
    line-height: 1.2;
}
.boy,
.sex-boy {
    border-color: 2px solid #03add8;
}
.girle,
.sex-girl {
    border-color: 2px solid #f9f;
}
.other,
.sex-other {
    border: 2px solid #ccc;
}
.seenn {
    background: #ffe6f2;
    color: #330019;
}
.profile_close {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 15px;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer;
}
.toplist_avatar,
.toplist_avatar2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.toplist_avatar {
    position: relative;
    width: 70px;
    height: 70px;
}
.toplist_avatar2 {
    position: relative;
    width: 48px;
    height: 48px;
}
.topav_default {
    margin-left: 15px;
}
.topav_circle {
    border-radius: 50%;
    display: block;
    width: 36px;
    height: 36px;
}
.toplist_name {
    display: table-cell;
    padding: 0 5px;
}
.in_room_element,
.toplist_item2 {
    display: table;
    table-layout: fixed;
    width: 100%;
}
input {
    user-select: text;
    -webkit-user-select: text;
}
.toplist_item2 {
    padding: 10px 5px 5px;
    margin-bottom: 5px;
    height: 64px;
}
.in_room_element {
    height: 40px;
    cursor: pointer;
}
.in_room_name,
.page_drop_text,
.page_menu_text {
    display: table-cell;
}
.in_room_count {
    width: 65px;
    padding: 5px;
}
.in_room_icon {
    width: 40px;
    position: relative;
}
.in_room_count,
.in_room_icon {
    vertical-align: middle;
    display: table-cell;
}
.noview {
    background: #2b2b2b12;
}
.glens {
    height: 50px;
}
.chat_system {
    color: #000;
}
.inline {
    display: inline !important;
}
.iblock {
    display: inline-block;
}
.flexcenter,
.my_text2 {
    display: table-cell;
}
.chat_avatar {
    width: 23px;
}
.icon_action {
    display: inline-block;
    margin: 0 3px;
    font-size: 12px;
    width: 16px;
    color: #9b9b9b;
}
.other_logs {
    padding: 7px 8px;
}
.back_chat {
    background: #ededed;
    color: #000;
}
.quiz_bad span,
.quiz_good span,
.quiz_hint span,
.quiz_question span,
.send_btn {
    color: #fff;
}
#disabled_content,
#main_input,
#main_load_content {
    height: 38px;
    width: 100%;
}
#main_header,
#my_menu,
#page_wrapper,
.btable_height,
.input_table,
.intro_social_btn,
.out_page_container,
.page_drop_item,
.page_full,
.page_menu_item,
.split,
.ulist_item,
.user_item,
.warning_box {
    table-layout: fixed;
}
.main_item {
    width: 38px;
    height: 100%;
    font-size: 20px;
    display: table-cell;
    position: relative;
}
#submit_button {
    width: 100%;
    float: right;
    height: 100% !important;
    box-shadow: none !important;
    padding: 0;
    border: none !important;
    font-size: 16px;
}
.send_btn {
    border-radius: 100px;
    background: #222;
}
#emo_item {
    padding: 0;
    top: 6px;
    width: auto;
    height: 26px;
}
#emo_item,
#emo_item_priv,
.prev_right_btn {
    right: 12px;
    position: absolute;
}
#content,
#message_content {
    width: 100%;
    height: 100%;
    padding: 0 32px 0 12px;
    float: left;
    font-size: 16px;
    border-radius: 100px;
}
.logmsg {
    background: rgba(107, 61, 85, 0.13);
    color: red;
    padding: 3px;
    font-size: 1.1em;
}
.chat_message {
    font-family: HelveticaNeue, noto kufi arabic, Arial, sans-serif;
    vertical-align: middle;
    display: inline;
}
.grad_bigger_border,
.grad_small_border {
    border-radius: 1000px;
    background: gray;
    display: flex;
}
.grad_bigger_border {
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}
.grad_small_border {
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
}
.small_av {
    height: 23px !important;
    width: 23px !important;
}
.absolute_center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.user_item_frame_avatar_new {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    position: relative;
}
.over,
.over2,
.over3,
.overlist,
.under {
    position: absolute;
}
.user_item_frame_inner {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
.overlist {
    z-index: 1;
    left: 0;
}
.ul_fr_bg {
    width: 46px;
    top: -6px;
}
.ul_fr_av {
    left: 5px;
    top: 5px;
}
.over {
    z-index: 1;
    left: 0;
    top: 0;
}
.over2 {
    z-index: 1;
    left: 0;
}
.chat_frame_avatar {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 33px;
}
.chat_frame_avatar_inner2 {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.ch_fr_av {
    left: 0;
    top: 4px;
}
.ch_fr_bg {
    width: 39px;
    top: -5px;
}
.over_pro {
    position: absolute;
    z-index: 1;
    left: 0;
}
.avatar_profile_round {
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: block;
    border-radius: 100px;
    top: 30px;
    left: 14px;
}
.gift___message {
    background-image: linear-gradient(
        143.3deg,
        #d81b60 33.1%,
        #ed6b9a 74.9%
    ) !important;
    outline: #d9e167 dashed 1px;
    outline-offset: -4px;
    box-shadow: inset 0 0 10px #e7d074;
    padding: 8px;
}
#av_menu,
.user_item {
    border-radius: 0;
}
.footer_item {
    width: 50px;
}
.adnoyer_log {
    padding: 3px;
    background: linear-gradient(0deg, #2ca98587, transparent);
    border: 1px solid #f5f5dc;
    margin: 3px 0;
}
.chat_ico_inv {
    position: absolute;
    top: 14px;
    right: -2px;
    background: #fff;
    border-radius: 10px;
    font-size: 15px;
}
.user_item_flag img {
    width: 18px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
}
.modal_top {
    border-radius: 5px 5px 0 0;
}
.modal_pad {
    padding: 0 0 20px;
}
#over_modal_content,
#small_modal_content {
    padding: 15px 15px 0;
}
.form_split {
    width: 100%;
}
.clear,
.clear10,
.clear15,
.clear20,
.clear25,
.clear3,
.clear30,
.clear5,
.form_split,
.ptdate {
    clear: both;
}
.label {
    margin: 5px 0;
    font-size: 12px;
}
.selectboxit-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.pdetails_icon {
    display: table-cell;
    vertical-align: middle;
    width: 22px;
}
#large_modal,
#small_modal {
    -webkit-tap-highlight-color: transparent;
}
.modal_back {
    backdrop-filter: blur(3px);
}
.in_room_element {
    border-bottom: 1px solid #e2e2e2;
}
.chat_video_container_old {
    width: 173px;
    max-width: 100% !important;
    position: relative;
    margin-top: 5px;
}
.bg_pro_cover {
    display: table;
    width: 100%;
    position: relative;
    height: inherit;
    transition: 1.5s;
}
.border_bottom,
.box_title,
.list_element,
.listing_element,
.panel_bar,
.post_element,
.ulist_item,
.user_item {
    border-bottom: 1px solid #ededed;
}
.pro_title {
    padding-bottom: 3px;
}
.text_small {
    font-size: 13px;
}
.listing_element {
    padding: 5px 0;
}
.aclist:first-child,
.avitem:first-child,
.background_reply:first-child,
.elem_in:first-child,
.list_element:first-child,
.listing_element:first-child,
.page_drop_item:first-child,
.panel_list:first-child,
.post_element:first-child,
.status_option:first-child,
.sub_list:first-child,
.sub_list_item:first-child,
.sub_menu_item:first-child,
.ulist_item:first-child {
    border-top: none !important;
}
.aclist:last-child,
.avitem:last-child,
.background_reply:last-child,
.elem_in:last-child,
.list_element:last-child,
.listing_element:last-child,
.page_drop_item:last-child,
.panel_list:last-child,
.post_element:last-child,
.status_option:last-child,
.sub_list:last-child,
.sub_list_item:last-child,
.sub_menu_item:last-child,
.ulist_item:last-child,
.user_item:last-child {
    border-bottom: none !important;
}
.avatar_spin {
    border: none;
}
.round5,
.sub_gift {
    border-radius: 5px;
}
.my_notice {
    background: #ff9;
    color: #000;
    padding: 0;
}
@media (min-width: 300px) {
    body {
        font-family: sans-serif, trebuchet ms, lucida grande,
            lucida sans unicode, arial, helvetica, sans-serif;
    }
    .chat_message {
        font-family: HelveticaNeue, noto naskh arabic ui, Arial, sans-serif;
        font-size: 15px;
    }
}
@media (min-width: 600px) {
    body {
        font-family: noto kufi arabic, sans-serif, trebuchet ms, lucida grande,
            lucida sans unicode, arial, helvetica, sans-serif;
    }
    .chat_message {
        font-family: HelveticaNeue, noto kufi arabic, Arial, sans-serif;
    }
}
::-webkit-scrollbar {
    width: 0.4em;
}
::-webkit-scrollbar-thumb {
    background: #d3d3d3;
}
.loading_av {
    animation: 1s linear infinite loading_av;
    background-image: linear-gradient(0deg, #f0d, #07f, red, #f0d, #07f);
    background-size: 100% 400%;
    padding: 1px;
}
@keyframes loading_av {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 100%;
    }
}
.inline-block {
    display: inline-block !important;
}
.lheight15 {
    line-height: 17px !important;
    vertical-align: middle;
}
.gift_image {
    cursor: pointer;
    height: 80px;
    width: 80px;
}
.sub_gift {
    background: linear-gradient(to top, #77a7ef, #024f63) !important;
    padding: 10px 0;
    box-shadow: 0 0 10px #008eff;
}
.quiz_question {
    background: #03add8;
    color: #012832;
}
.quiz_bad {
    background: #c00;
    color: orange;
}
.quiz_good {
    background: #74b20e;
    color: #030;
}
.quiz_hint {
    background: #ac00e6;
    color: #39004d;
}
.quiz_text {
    border-radius: 3px;
    padding: 2px 10px;
    margin-top: 5px;
    display: inline-block;
}
.ranking_lm,
.score_lm {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
}
.quiz_text .my_notice {
    background: 0 0 !important;
}
.score_lm {
    text-align: right;
    padding: 0 5px;
}
.ranking_lm {
    text-align: center;
}
.quiz_leaderbox {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
.friends-container {
    display: flex;
    flex-direction: column;
    color: #fff;
}
.friend {
    display: flex;
    align-items: center;
    background-color: #ededed;
    padding: 10px;
    margin: 5px 0;
    border-radius: 8px;
    transition: background-color 0.3s;
}
.friend:hover {
    background-color: #f6f6f6;
}
.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}
.friend-info {
    flex-grow: 1;
}
.friend-info h4 {
    margin: 0;
    font-size: 14px;
    color: #222;
}
.friend-info p {
    margin: 5px 0 0;
    color: #a3a3a3;
    font-size: 11px;
}
.friend-actions {
    margin-left: auto;
}
.friend-actions button {
    background-color: #3a3b3c;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}
.friend-actions button:hover {
    background-color: #4e4f50;
}
.friend-actions .fa {
    color: #222;
    font-size: 24px;
}
.user_item_sex {
    width: 24px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 20px;
}
.girl {
    border-color: #f9f;
    color: #f9f;
}
.boy {
    border-color: #03add8;
    color: #03add8;
}
.nosex {
    color: #a1a1a1;
    border-color: #a1a1a1;
}
.over3 {
    z-index: 1;
    left: -4px;
}
.sub_gift {
    background: linear-gradient(to top, #77a7ef, #024f63) !important;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0 0 10px #008eff;
}
.sub_gift .chat_message {
    color: #fff !important;
}
.room_icon_placeholder {
    width: 20px;
    height: 20px;
    margin: 9px 10px;
    box-sizing: border-box;
}
.placeholder {
    background-color: #eee;
    animation: placeholder ease-in-out 0.8s infinite;
}
.w100 {
    width: 100%;
}
.pl30 {
    padding-left: 30px;
}
@keyframes placeholder {
    0% {
        background-color: #eee;
    }
    50% {
        background-color: #ccc;
    }
    100% {
        background-color: #eee;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}
.code-editor-container {
    display: flex;
    flex-direction: row-reverse;
    height: 300px;
}
.line-counter {
    flex: 0 0 auto;
    padding: 10px;
    background-color: #1e1e1e;
    color: #ccc;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    border-left: 1px solid #ccc;
}
.textarea-container {
    flex: 1 1 auto;
    direction: ltr;
}
#code-editor {
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    border: none;
    border-radius: 0;
    background-color: #1e1e1e;
    color: #fff;
    width: 100%;
    height: 100%;
    resize: none;
    direction: ltr;
    text-align: left;
}
.backup-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding: 20px 10px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.backup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}
.backup-date {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
.btn {
    padding: 10px 20px;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.btn-primary {
    background-color: #007bff;
    color: #fff;
}
.btn-primary:hover {
    background-color: #0056b3;
}
.no-backup {
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #333;
    margin-top: 15px;
}
@media (min-width: 300px) {
    body {
        font-family: sans-serif, trebuchet ms, lucida grande,
            lucida sans unicode, arial, helvetica, sans-serif;
    }
    .chat_message {
        font-family: HelveticaNeue, noto naskh arabic ui, Arial, sans-serif;
        font-size: 15px;
    }
}
@media (min-width: 600px) {
    body {
        font-family: noto kufi arabic, sans-serif, trebuchet ms, lucida grande,
            lucida sans unicode, arial, helvetica, sans-serif;
    }
    .chat_message {
        font-family: HelveticaNeue, noto kufi arabic, Arial, sans-serif;
    }
}
.chat_message {
    font-weight: bold;
}
::-webkit-scrollbar {
    width: 0.4em;
}
::-webkit-scrollbar-thumb {
    background: #d3d3d3;
}
* {
    scrollbar-width: thin;
}
.loading_av {
    animation: loading_av 1s linear infinite;
    background-image: linear-gradient(
        0deg,
        #ff00dd,
        #0077ff,
        #ff0000,
        #ff00dd,
        #0077ff
    );
    background-size: 100% 400%;
    padding: 1px;
}
@keyframes loading_av {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}
.modal_menu ul li {
    padding:7px;
}
.lazyload,.lazyloading{opacity:0}
.lazyloaded{opacity:1;transition:opacity 300ms ease 0s}
.img-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* Ensure the images are responsive */
}

.img-wrapper img {
    transition: opacity 0.5s ease;
}

.sparks {
	background-repeat: no-repeat;
	background-position: left 0 bottom 0
}

.sparks-1 {
	background-image: url(../default_images/icons/spark-1.png);
	width: 45px;
	height: 86px;
	right: 0;
	left: 0;
	top: 0;
	background-position: left 0 bottom 0;
	animation-name: sparks-1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.sparks-2,
.sparks-3 {
	width: 50px;
	top: 0;
	background-position: left 0 bottom 0;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0
}

@keyframes sparks-1 {
	0% {
		right: 380px;
		bottom: 100px;
		opacity: 0
	}

	33% {
		right: 390px;
		bottom: 110px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 400px;
		bottom: 120px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 410px;
		bottom: 130px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-2 {
	background-image: url(../default_images/icons/spark-2.png);
	height: 58px;
	left: -26px;
	animation-name: sparks-2;
	animation-delay: .5s
}

@keyframes sparks-2 {
	0% {
		right: 360px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 370px;
		bottom: 140px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 380px;
		bottom: 150px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 390px;
		bottom: 160px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-3 {
	background-image: url(../default_images/icons/spark-3.png);
	height: 40px;
	left: 0;
	animation-name: sparks-3;
	animation-delay: 1s
}

@keyframes sparks-3 {
	0% {
		right: 300px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 320px;
		bottom: 150px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 340px;
		bottom: 170px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 360px;
		bottom: 190px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.offline-modal-titbgs {
	position: absolute;
	top: 235px;
	left: 0;
	width: 100%;
	height: 172px;
	transform: translateY(-100%)
}

.offline-modal-titbgs .over-gift-light {
	height: 390px;
	animation-name: big-light;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

@keyframes big-light {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(380deg)
	}
}

.over-gift-ico {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 300px;
	top: 20px;
	z-index: 99;
	animation-name: big-car;
	animation-duration: 3s;
	animation-iteration-count: infinite
}

.over-gift-spark-1,
.over-gift-spark-2,
.over-gift-spark-3 {
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0;
	left: 0;
	position: absolute
}

@keyframes big-car {

	0%,
	100% {
		height: 300px
	}

	50% {
		height: 280px
	}
}
.sparks {
    background-repeat: no-repeat;
    background-position: center;
    animation: spark-animation 1.5s infinite linear;
}
@keyframes spark-animation {
    0% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 0.7; transform: scale(1.1); }
    100% { opacity: 0; transform: scale(1.2); }
}
.centered,
.centered_element,
.main-slide-gift,
.offline-modals {
	text-align: center
}

.gcard_price,
.notify_icon,
.sparks {
	position: absolute
}
.user_stage_list {
    color: #ffffff;
    top: 0;
    left: 0px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px 1px 10px 0px;
    text-align: center;
    position: absolute;
    z-index: 1;
    background: rgb(255 255 255 / 0) linear-gradient(117deg, #9C27B0, #673AB7) repeat scroll 0 0;
    padding: 2px 6px;
    box-shadow: #7575754d 2px 0px 0px 0;
}
.user_stage_chat {
    color: #ffffff;
    top: 0px;
    left: -9px;
    font-size: 9px;
    font-weight: 500;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    z-index: 1;
    padding: 2px 3px;
    box-shadow: #7575754d 2px 0px 0px 0;
}
.under-10 {
    background: #03add8
}

.under-20 {
    background: #0327d8
}

.under-30 {
    background: #d803c8
}

.under-40 {
    background: #d8035b
}

.under-50 {
    background: #03d8b1
}

.under-60 {
    background: #129810
}

.under-70 {
    background: #981010
}

.under-80 {
    background: #9a603e
}

.under-90 {
    background: #949019
}

.under-100 {
    background: #ff43b4
}

.reach-100 {
    background: #d67701
}

/* TLGAWY V23 — stable layout based on the supplied lightweight reference */
:root{
    --tlgawy-head-height:50px;
    --tlgawy-menu-height:50px;
    --tlgawy-input-height:40px;
    --tlgawy-right-bar-height:43px;
    --tlgawy-left-bar-height:43px;
}
html,body{
    font-family:Tahoma,Arial,"Segoe UI",sans-serif!important;
    text-rendering:optimizeSpeed;
}
#global_chat{contain:none!important;}
#top_chat_container{
    position:relative!important;
    z-index:20!important;
    transform:none!important;
    backface-visibility:visible!important;
}
#wrap_footer,#my_menu{z-index:100!important;}
#show_chat,#show_chat ul,#chat_right_data,#chat_left_data{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
}
#main_input,#content,#submit_button,.head_option,.footer_item,.fmenu_item,.panel_option,.input_item,.button{
    touch-action:manipulation;
}

/* One predictable z-index ladder: chat < panels < private < menus < calls < modals. */
#chat_right,#chat_left{z-index:250!important;}
#private_center.pfull,#private_center.pboxed{
    z-index:360!important;
    isolation:isolate;
}
body.tlgawy-private-open #private_center:not(.privhide){z-index:360!important;}
body.tlgawy-private-open #top_chat_container{z-index:1!important;}
.float_menu,.sysmenu,#av_menu,#log_menu,#private_opt,#page_main_menu,#player_menu,#station_menu,
#chat_left_menu,#room_options_menu,#friends_menu,#private_menu{
    z-index:450!important;
}
#container_call,#container_stream,#container_stream_audio{z-index:520!important;}

/* Managed right panel: the outer panel is the only scrolling surface. */
#chat_right_data{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    min-height:0!important;
    touch-action:pan-y pinch-zoom!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scroll-behavior:auto!important;
}
#chat_right_data.tlgawy-panel-host{
    display:block!important;
    position:relative!important;
    padding:0!important;
}
#chat_right_data.tlgawy-panel-host .tlgawy-side-panel-view{
    display:none!important;
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
#chat_right_data.tlgawy-panel-host .tlgawy-side-panel-view.is-active{
    display:block!important;
}
#tlgawy_panel_rooms,#tlgawy_panel_rooms .chat_rlist,#tlgawy_panel_rooms #container_room,
#tlgawy_panel_users,#tlgawy_panel_users #container_user,
#tlgawy_panel_users .tlgawy-user-scroll,
#tlgawy_panel_users .tlgawy-user-group,
#tlgawy_panel_users .online_user,
#tlgawy_panel_users .offline_user{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
}
#tlgawy_panel_users .tlgawy-user-scroll{
    display:block!important;
    width:100%!important;
    padding:2px 7px 24px!important;
    box-sizing:border-box!important;
}
#tlgawy_panel_users .drop_user,
#tlgawy_panel_users .drop_user *,
#tlgawy_panel_users .user_item,
#tlgawy_panel_users .user_item *{
    touch-action:pan-y pinch-zoom!important;
}
#tlgawy_panel_users img{
    pointer-events:none!important;
    -webkit-user-drag:none!important;
    user-select:none!important;
}

/* Lightweight member-list presentation without animated glow or hover transforms. */
#container_user.tlgawy-user-list-v17{
    width:100%!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    direction:rtl!important;
}
.tlgawy-user-list-v17 .tlgawy-user-list-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    padding:7px 8px 5px!important;
    background:var(--tlgawy-user-head-bg,#fff)!important;
}
.tlgawy-user-list-v17 .tlgawy-online-total{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    background:#eef1f4!important;
    color:#4c5663!important;
    border:1px solid #dfe4e9!important;
    border-radius:18px!important;
    text-shadow:none!important;
    box-shadow:none!important;
    font-weight:800!important;
}
.tlgawy-user-list-v17 .tlgawy-online-total i{color:#1597c7!important;}
.tlgawy-user-list-v17 .tlgawy-online-total strong{color:#087fb0!important;font-size:14px!important;}
.tlgawy-user-list-v17 .tlgawy-online-total span{color:#4c5663!important;}
.tlgawy-user-list-v17 .tlgawy-welcome-banner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:5px 0 8px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
    background:linear-gradient(135deg,#23074d,#7c2f4a)!important;
    color:#fff!important;
    border:1px solid rgba(255,215,0,.35)!important;
    font-size:12px!important;
    font-weight:700!important;
    box-shadow:none!important;
    animation:none!important;
}
.tlgawy-user-list-v17 .tlgawy-welcome-banner .fa-heart{color:#ff6684!important;}
.tlgawy-user-list-v17 .tlgawy-rank-title{
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:7px 0 4px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
    animation:none!important;
    filter:none!important;
}
.tlgawy-user-list-v17 .tlgawy-rank-title.founder{background:linear-gradient(125deg,#000428,#004e92,#1cb5e0)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.legend{background:linear-gradient(135deg,#c31432,#240b36)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.royal{background:linear-gradient(135deg,#0052d4,#4364f7,#6fb1fc)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.diamond{background:linear-gradient(135deg,#2c3e50,#4ca1af)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.dark{background:linear-gradient(135deg,#333,#8d1717)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.steel{background:linear-gradient(135deg,#434343,#111)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.silver{background:linear-gradient(135deg,#667085,#9aa3b4)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.red{background:linear-gradient(135deg,#e52d27,#8a1014)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.gold{background:linear-gradient(135deg,#9b7200,#27200e)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.blue{background:linear-gradient(135deg,#4b6cb7,#182848)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.bronze{background:linear-gradient(135deg,#603813,#9a7567)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.sun{background:linear-gradient(135deg,#e0a400,#f8b500)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.green{background:linear-gradient(135deg,#1d976c,#4db88e)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.teal{background:linear-gradient(135deg,#027d82,#00bda0)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.orange{background:linear-gradient(135deg,#d44228,#e48a15)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.pink{background:linear-gradient(135deg,#d53b61,#ef4932)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.sky{background:linear-gradient(135deg,#4ca98b,#4d9bc0)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.cyan{background:linear-gradient(135deg,#2f9cb4,#176b84)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.rose{background:linear-gradient(135deg,#d98966,#d87786)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.mint{background:linear-gradient(135deg,#2eb969,#2dc1aa)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.olive{background:linear-gradient(135deg,#85852a,#646423)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.violet{background:linear-gradient(135deg,#764ba2,#667eea)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.lime{background:linear-gradient(135deg,#008e7d,#76a62f)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.purple{background:linear-gradient(135deg,#4568dc,#9a53a8)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.forest{background:linear-gradient(135deg,#2b580c,#527f57)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.onair{background:linear-gradient(90deg,#111,#a77c00,#111)!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.guests{background:linear-gradient(90deg,#687681,#a7b1b8)!important;color:#182027!important;text-shadow:none!important}
.tlgawy-user-list-v17 .tlgawy-rank-title.offline-title{background:linear-gradient(90deg,#292929,#505050)!important}
#tlgawy_panel_users .user_item,
#tlgawy_panel_users .user_item *,
#tlgawy_panel_users .drop_user,
#tlgawy_panel_users .drop_user *{
    transition:none!important;
    animation:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    will-change:auto!important;
}
#tlgawy_panel_users .user_item:hover{transform:none!important;box-shadow:none!important;}

/* Emoji is rendered server-side for the base set; Ajax remains only for extra packs. */
#main_emoticon,#private_emoticon,#post_emo{display:none!important;}
#main_emoticon.tlgawy-emoji-open,#private_emoticon.tlgawy-emoji-open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
#post_emo.tlgawy-emoji-open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
#main_emo.emo_content,#private_emo.emo_content_priv,#post_emo.post_emo_content{
    align-content:flex-start!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:3px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding:6px!important;
    box-sizing:border-box!important;
}
#main_emoticon.tlgawy-emoji-open #main_emo,
#private_emoticon.tlgawy-emoji-open #private_emo,
#post_emo.tlgawy-emoji-open{display:flex!important;}
button.tlgawy-emoji-button{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    float:none!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    margin:2px!important;
    padding:3px!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    line-height:1!important;
}
button.tlgawy-emoji-button.sticker,button.tlgawy-emoji-button.custom_emo{
    width:56px!important;height:56px!important;min-width:56px!important;
}
.tlgawy-emoji-img,button.tlgawy-emoji-button.emoticon img{
    display:block!important;
    width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;
    object-fit:contain!important;opacity:1!important;visibility:visible!important;
}
button.tlgawy-emoji-button.sticker img,button.tlgawy-emoji-button.custom_emo img{
    width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;
}
.tlgawy-emoji-loading,.tlgawy-emoji-error{
    width:100%!important;min-height:80px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#68727d!important;
}

@media screen and (max-width:1200px){
    #chat_right{display:none;}
    #chat_right.cright2,#chat_left.cleft2:not(.left_hide){
        position:fixed!important;
        top:var(--tlgawy-head-height)!important;
        bottom:var(--tlgawy-menu-height)!important;
        height:auto!important;
        max-height:none!important;
        max-width:calc(100vw - 48px)!important;
        min-width:220px!important;
        overflow:hidden!important;
        padding:0!important;
        transform:none!important;
        box-sizing:border-box!important;
        z-index:250!important;
    }
    #chat_right.cright2{right:0!important;left:auto!important;}
    #chat_left.cleft2:not(.left_hide){left:0!important;right:auto!important;}
    #chat_right.cright2 #chat_right_data{
        height:calc(100% - var(--tlgawy-right-bar-height))!important;
        max-height:none!important;
        min-height:0!important;
    }
    #chat_left.cleft2:not(.left_hide) #chat_left_data{
        height:calc(100% - var(--tlgawy-left-bar-height))!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }
    body.tlgawy-side-panel-open #main_emoticon,
    body.tlgawy-side-panel-open #main_input_extra,
    body.tlgawy-side-panel-open #quote_controller{display:none!important;}
    #chat_right *,#chat_left *{animation:none!important;transition:none!important;}
}

@media screen and (max-width:800px){
    #private_center.pfull{
        position:fixed!important;
        top:var(--tlgawy-head-height)!important;
        right:0!important;
        bottom:var(--tlgawy-menu-height)!important;
        left:0!important;
        width:100%!important;
        height:auto!important;
        max-width:100%!important;
        z-index:360!important;
    }
    body.tlgawy-private-open #top_chat_container{z-index:1!important;visibility:hidden!important;pointer-events:none!important;}
}

@media (pointer:coarse),(prefers-reduced-motion:reduce){
    .float_menu,.modal_box,.empty_modal,#chat_right,#chat_left,#av_menu{
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        will-change:auto!important;
    }
}

/* Keep the accepted profile proportions. */
.profile-modern-shell.tlgawy-profile-v17{width:100%;max-width:580px;margin:0 auto;}
.profile-modern-shell.tlgawy-profile-v17 .rt-profile-cover,
.profile-modern-shell.tlgawy-profile-v17 .bg_pro_cover{min-height:360px!important;height:auto!important;}
.profile-modern-shell.tlgawy-profile-v17 .profile_top{min-height:285px!important;padding:24px 18px 16px!important;}
.profile-modern-shell.tlgawy-profile-v17 .profile_avatar,
.profile-modern-shell.tlgawy-profile-v17 .rt-avatar-shell{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;}
.profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-img{inset:18px!important;width:96px!important;height:96px!important;}
.profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-border{width:132px!important;height:132px!important;}
#av_menu{z-index:10050!important;will-change:auto!important;contain:layout style!important;}

@media (max-width:600px){
    .profile-modern-shell.tlgawy-profile-v17{max-width:100%!important;border-radius:12px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .rt-profile-cover,
    .profile-modern-shell.tlgawy-profile-v17 .bg_pro_cover{min-height:300px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .profile_top{min-height:235px!important;padding:18px 12px 14px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .profile_avatar,
    .profile-modern-shell.tlgawy-profile-v17 .rt-avatar-shell{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-img{inset:15px!important;width:82px!important;height:82px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-border{width:112px!important;height:112px!important;}
    .profile-modern-shell.tlgawy-profile-v17 .pro_name{font-size:22px!important;line-height:1.2!important;}
}

/* TLGAWY V25 — instant, stable UI without changing the accepted profile design. */
.modal_back,
#small_modal,#large_modal,#over_modal,#over_emodal,
.modal_in,.over_modal_in,.over_emodal_in,
.float_menu,.menu_drop,#wrap_options{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
}
.avatar_friends,
.user_square_elem .avatar_friends,
.fborder .gcard_img{
    opacity:1!important;
    visibility:visible!important;
    object-fit:cover;
}
.fborder .gcard_img{display:block!important;}

/* TLGAWY V26 — mobile keyboard, locked profile, instant controls and text styling. */
body,#show_chat,#show_private,#content,#message_content,.full_textarea{
    font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}
.chat_message{font-weight:400}
.chat_message.bold{font-weight:700!important}
.chat_message.heavybold{font-weight:900!important}
.chat_message.ital{font-style:italic!important}
.chat_message.boldital{font-style:italic!important;font-weight:700!important}
.chat_message.heavyital{font-style:italic!important;font-weight:900!important}
.chat_message[class*="bgrad"]{display:inline!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.chat_message[class*="bneon"]{display:inline!important}
.tlgawy-text-preview{min-height:28px;line-height:1.7}

body.tlgawy-keyboard-open #wrap_footer,
body.tlgawy-keyboard-open #my_menu{display:none!important;height:0!important;min-height:0!important}
body.tlgawy-keyboard-open{overflow:hidden!important;overscroll-behavior:none!important}
body.tlgawy-keyboard-open #global_chat{height:calc(var(--tlgawy-visual-height) - var(--tlgawy-head-height))!important;min-height:calc(var(--tlgawy-visual-height) - var(--tlgawy-head-height))!important}
body.tlgawy-keyboard-open #chat_center{height:100%!important;min-height:0!important}
body.tlgawy-keyboard-open #top_chat_container{position:absolute!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;z-index:140!important}
body.tlgawy-keyboard-open #warp_show_chat{padding-bottom:var(--tlgawy-input-height)!important;box-sizing:border-box!important}
body.tlgawy-keyboard-open #main_emoticon,
body.tlgawy-keyboard-open #main_input_extra,
body.tlgawy-keyboard-open #quote_controller{display:none!important}

.tlgawy-profile-closed-state{
    min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:12px;padding:38px 20px;text-align:center;background:rgba(245,245,245,.94);color:#7c7c7c
}
.tlgawy-profile-closed-icon{width:92px;height:92px;display:flex;align-items:center;justify-content:center;background:#ffae00;color:#fff;font-size:45px;box-shadow:0 8px 25px rgba(0,0,0,.14)}
.tlgawy-profile-closed-title{font-size:22px;font-weight:800;color:#666}
.tlgawy-profile-closed-text{font-size:16px;line-height:1.8;color:#999}

/* Immediate tactile feedback without layout/paint-heavy effects. */
button,.button,.bclick,.footer_item,.head_option,.fmenu_item,.panel_option,.modal_menu_item,.reg_menu_item,.switch_item,.sub_list_item{
    -webkit-tap-highlight-color:transparent;transition:opacity .10s ease,transform .10s ease!important
}
button:active,.button:active,.bclick:active,.footer_item:active,.head_option:active,.fmenu_item:active,.panel_option:active,.modal_menu_item:active,.reg_menu_item:active,.switch_item:active,.sub_list_item:active{
    transform:scale(.975)!important;opacity:.78!important
}
.modal_zone,.reg_zone,.tlgawy-side-panel-view.is-active{animation:tlgawy-fast-in .14s ease-out both}
@keyframes tlgawy-fast-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.modal_zone,.reg_zone,.tlgawy-side-panel-view.is-active{animation:none!important}}

/* Admin addon icons must not depend on lazy-load observers. */
.addons_item .sub_list_avatar img{opacity:1!important;visibility:visible!important;object-fit:cover;background:#f0f0f0}


/* TLGAWY V26 final stability corrections. */
/* Selected chat fonts must override the inherited Arabic UI font. */
.chat_message.bfont1,.chat_message.bfont2,.chat_message.bfont3,.chat_message.bfont4,
.chat_message.bfont5,.chat_message.bfont6,.chat_message.bfont7,.chat_message.bfont8,
.chat_message.bfont9,.chat_message.bfont10,.chat_message.bfont11,.chat_message.bfont12,
.chat_message.bfont13,.chat_message.bfont14,.chat_message.bfont15,.chat_message.bfont16,
.chat_message.bfont17,.chat_message.bfont18,.chat_message.bfont19,.chat_message.bfont20{
    font-family:inherit;
}
.chat_message.bfont1{font-family:'Kalam',cursive!important}.chat_message.bfont2{font-family:'Signika',sans-serif!important}
.chat_message.bfont3{font-family:'Grandstander',cursive!important}.chat_message.bfont4{font-family:'Comic Neue',cursive!important}
.chat_message.bfont5{font-family:'Quicksand',sans-serif!important}.chat_message.bfont6{font-family:'Orbitron',sans-serif!important}
.chat_message.bfont7{font-family:'lemonada',cursive!important}.chat_message.bfont8{font-family:'Grenze Gotisch',cursive!important}
.chat_message.bfont9{font-family:'Merienda',cursive!important}.chat_message.bfont10{font-family:'Amita',cursive!important}
.chat_message.bfont11{font-family:'Averia Libre',cursive!important}.chat_message.bfont12{font-family:'Turret Road',cursive!important}
.chat_message.bfont13{font-family:'Sansita',sans-serif!important}.chat_message.bfont14{font-family:'Comfortaa',cursive!important}
.chat_message.bfont15{font-family:Tahoma,Arial,sans-serif!important}.chat_message.bfont16{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important}
.chat_message.bfont17{font-family:'Traditional Arabic','Arabic Typesetting',Tahoma,serif!important}
.chat_message.bfont18{font-family:'Simplified Arabic','Segoe UI',Tahoma,sans-serif!important}
.chat_message.bfont19{font-family:Arial,Tahoma,sans-serif!important}
.chat_message.bfont20{font-family:'Noto Kufi Arabic',Tahoma,'Segoe UI',sans-serif!important}

/* Make gradient/neon/bold reliable on the actual rendered message span. */
.chat_message[class*="bgrad"]{-webkit-text-fill-color:transparent!important;background-size:100% 100%!important}
.chat_message[class*="bneon"]{-webkit-text-fill-color:currentColor!important}
.chat_message.bold,.chat_message.boldital{font-weight:700!important}
.chat_message.heavybold,.chat_message.heavyital{font-weight:900!important}

/* Lightweight professional opening motion; only opacity/transform (GPU cheap). */
#small_modal:has(.modal_in),#large_modal:has(.modal_in),#over_modal:has(.over_modal_in),#over_emodal:has(.over_emodal_in){
    animation:tlgawy-modal-pop .13s cubic-bezier(.2,.8,.2,1) both!important;
}
.float_menu:not(.hidden),.menu_drop:not(.hidden),#wrap_options:not(.hidden){animation:tlgawy-menu-pop .11s ease-out both!important}
@keyframes tlgawy-modal-pop{from{opacity:.35;transform:translateY(4px) scale(.995)}to{opacity:1;transform:none}}
@keyframes tlgawy-menu-pop{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Locked profile keeps the accepted header and replaces only its information area. */
.tlgawy-profile-locked-tabs{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;background:#e5e5e5;border-bottom:1px solid rgba(0,0,0,.06)}
.tlgawy-profile-locked-tab{padding:10px 14px;border-radius:8px;background:rgba(255,255,255,.35);font-size:16px;font-weight:700;color:#555}
.tlgawy-profile-locked-tab.active{background:rgba(255,255,255,.72)}

/* Add-on icons are always visible even in the admin page (where chat lazy-loader is absent). */
.addons_item .sub_list_avatar{overflow:hidden;background:#f1f2f3;border-radius:50%}
.addons_item .sub_list_avatar img{display:block!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important}

@media(max-width:800px){
    body.tlgawy-keyboard-open #wrap_footer,body.tlgawy-keyboard-open #my_menu{display:none!important}
    body.tlgawy-keyboard-open #global_chat{position:fixed!important;top:var(--tlgawy-head-height)!important;left:0!important;right:0!important;bottom:0!important;width:100%!important}
    body.tlgawy-keyboard-open #warp_show_chat{height:calc(100% - var(--tlgawy-input-height))!important}
}


/* TLGAWY V27 — Android keyboard geometry and instant-send feedback. */
.tlgawy-pending-chat{opacity:.78!important;pointer-events:none!important}
.tlgawy-pending-icon{font-size:10px;margin-inline-start:4px;opacity:.65}
.pending_emoji{width:22px!important;height:22px!important;vertical-align:middle!important;object-fit:contain!important}
@media(max-width:900px){
    body.tlgawy-keyboard-open{overflow:hidden!important;overscroll-behavior:none!important}
    body.tlgawy-keyboard-open #wrap_footer,body.tlgawy-keyboard-open #my_menu{display:none!important;height:0!important;min-height:0!important}
    body.tlgawy-keyboard-open #global_chat{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:var(--tlgawy-chat-height)!important;min-height:0!important}
    body.tlgawy-keyboard-open #chat_center{height:var(--tlgawy-chat-height)!important;min-height:0!important}
    body.tlgawy-keyboard-open #warp_show_chat{height:var(--tlgawy-chat-body-height)!important;padding-bottom:0!important;box-sizing:border-box!important}
    body.tlgawy-keyboard-open #top_chat_container{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;z-index:140!important}
    body.tlgawy-keyboard-open #main_emoticon,body.tlgawy-keyboard-open #main_input_extra,body.tlgawy-keyboard-open #quote_controller{display:none!important}
}

/* TLGAWY V28 — readable chat typography, normal sending and quick navigation */
#show_chat .chat_message,
#show_private .chat_message,
#show_chat .chat_message.inline,
#show_private .chat_message.inline{
    font-family:Tahoma,"Segoe UI",Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.62;
    letter-spacing:0;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
#show_chat .username,
#show_private .username{
    font-family:Tahoma,"Segoe UI",Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    line-height:1.55;
}
#content,#message_content{
    font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
}
#show_chat .chat_message img.emoticon,
#show_private .chat_message img.emoticon{vertical-align:middle}

#tlgawy_scroll_bottom{
    position:absolute;
    left:12px;
    bottom:14px;
    z-index:25;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(52,58,64,.48);
    color:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    opacity:0;
    transform:translateY(8px) scale(.92);
    pointer-events:none;
    transition:opacity .14s ease,transform .14s ease,background .14s ease;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
#tlgawy_scroll_bottom.show{opacity:.9;transform:translateY(0) scale(1);pointer-events:auto}
#tlgawy_scroll_bottom:active{transform:scale(.9);background:rgba(35,39,43,.72)}

.reg_button,.default_btn,.theme_btn,.send_btn,.head_option,.footer_item,.submenu_item,.panel_option,.modal_menu_item{
    -webkit-tap-highlight-color:transparent;
}
.reg_button:active,.default_btn:active,.theme_btn:active,.send_btn:active,.head_option:active,.footer_item:active,.submenu_item:active,.panel_option:active,.modal_menu_item:active{
    transform:scale(.96);
    transition:transform .07s ease;
}

@media(max-width:700px){
    #show_chat .chat_message,#show_private .chat_message,
    #show_chat .chat_message.inline,#show_private .chat_message.inline{font-size:17.5px;line-height:1.68}
    #show_chat .username,#show_private .username{font-size:15.5px}
    #content,#message_content{font-size:17px!important}
    #tlgawy_scroll_bottom{left:10px;bottom:10px;width:40px;height:40px}
}

/* TLGAWY V29 — visible mobile footer while typing, 14px bold chat text, stable viewport. */
#show_chat .chat_message,
#show_private .chat_message,
#show_chat .chat_message.inline,
#show_private .chat_message.inline{
    font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.62!important;
    letter-spacing:0!important;
}
#show_chat .username,#show_private .username{
    font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
}
#content,#message_content{
    font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
}
@media(max-width:900px){
    body.tlgawy-keyboard-open{overflow:hidden!important;overscroll-behavior:none!important}
    body.tlgawy-keyboard-open #wrap_footer{
        display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;
        height:var(--tlgawy-menu-height)!important;min-height:var(--tlgawy-menu-height)!important;z-index:500!important
    }
    body.tlgawy-keyboard-open #my_menu{display:block!important;height:100%!important;min-height:0!important}
    body.tlgawy-keyboard-open #global_chat{
        position:fixed!important;left:0!important;right:0!important;top:var(--tlgawy-head-height)!important;
        bottom:var(--tlgawy-menu-height)!important;width:100%!important;height:auto!important;min-height:0!important
    }
    body.tlgawy-keyboard-open #chat_center{height:100%!important;min-height:0!important}
    body.tlgawy-keyboard-open #warp_show_chat{
        height:calc(100% - var(--tlgawy-input-height))!important;min-height:0!important;padding-bottom:0!important;box-sizing:border-box!important
    }
    body.tlgawy-keyboard-open #top_chat_container{
        position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
        transform:none!important;z-index:140!important
    }
    body.tlgawy-keyboard-open #main_emoticon,
    body.tlgawy-keyboard-open #main_input_extra,
    body.tlgawy-keyboard-open #quote_controller{display:none!important}
}

/* TLGAWY V30 — native Android keyboard layout, no reversed or missing chat layers. */
@media(max-width:900px){
    body.tlgawy-keyboard-native,
    body.tlgawy-keyboard-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }
    body.tlgawy-keyboard-native #wrap_footer,
    body.tlgawy-keyboard-open #wrap_footer{
        display:block!important;
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        top:auto!important;
        height:var(--tlgawy-menu-height)!important;
        min-height:var(--tlgawy-menu-height)!important;
        z-index:500!important;
    }
    body.tlgawy-keyboard-native #my_menu,
    body.tlgawy-keyboard-open #my_menu{
        display:table!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        table-layout:fixed!important;
    }
    body.tlgawy-keyboard-native #global_chat,
    body.tlgawy-keyboard-open #global_chat{
        display:table!important;
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        width:100%!important;
        height:var(--tlgawy-chat-height)!important;
        min-height:0!important;
    }
    body.tlgawy-keyboard-native #chat_center,
    body.tlgawy-keyboard-open #chat_center{
        display:table-cell!important;
        position:relative!important;
        height:var(--tlgawy-chat-height)!important;
        min-height:0!important;
        vertical-align:top!important;
    }
    body.tlgawy-keyboard-native #container_chat,
    body.tlgawy-keyboard-open #container_chat,
    body.tlgawy-keyboard-native #wrap_chat,
    body.tlgawy-keyboard-open #wrap_chat{
        height:100%!important;
        min-height:0!important;
    }
    body.tlgawy-keyboard-native #warp_show_chat,
    body.tlgawy-keyboard-open #warp_show_chat{
        display:block!important;
        position:relative!important;
        height:var(--tlgawy-chat-body-height)!important;
        min-height:0!important;
        padding-bottom:0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.tlgawy-keyboard-native #top_chat_container,
    body.tlgawy-keyboard-open #top_chat_container{
        display:block!important;
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        width:100%!important;
        height:var(--tlgawy-input-height)!important;
        min-height:var(--tlgawy-input-height)!important;
        transform:none!important;
        z-index:140!important;
        visibility:visible!important;
        opacity:1!important;
    }
    body.tlgawy-keyboard-native #container_input,
    body.tlgawy-keyboard-open #container_input,
    body.tlgawy-keyboard-native #main_input,
    body.tlgawy-keyboard-open #main_input{
        visibility:visible!important;
        opacity:1!important;
    }
    body.tlgawy-keyboard-native #main_emoticon,
    body.tlgawy-keyboard-open #main_emoticon,
    body.tlgawy-keyboard-native #main_input_extra,
    body.tlgawy-keyboard-open #main_input_extra,
    body.tlgawy-keyboard-native #quote_controller,
    body.tlgawy-keyboard-open #quote_controller{
        display:none!important;
    }
}

/* TLGAWY V34 — story rail stays above the member scroller, not inside it. */
#chat_right_data.tlgawy-panel-host{
    overflow:hidden!important;
    height:100%!important;
}
#chat_right_data.tlgawy-panel-host .tlgawy-side-panel-view{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
#tlgawy_panel_users.is-active{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:100%!important;
}
#tlgawy_panel_users #container_user.tlgawy-user-list-v17{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
}
#tlgawy_panel_users #tlgawy_story_module{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    z-index:25!important;
}
#tlgawy_panel_users .tlgawy-user-list-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
}
#tlgawy_panel_users #container_user .tlgawy-user-scroll{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
}

/* V34 — news/wall emoji categories are read from the real emoticon folders. */
#post_emo .post_emo_menu{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:6px;border-bottom:1px solid rgba(0,0,0,.08);scrollbar-width:none;-webkit-overflow-scrolling:touch}
#post_emo .post_emo_menu::-webkit-scrollbar{display:none}
#post_emo .post_emo_menu .emo_menu{flex:0 0 auto;border:0;background:transparent;padding:2px;border-radius:8px}
#post_emo .post_emo_menu .emo_menu.bselected{background:rgba(0,0,0,.1)}
#post_emo .post_emo_body{display:flex;flex-wrap:wrap;align-content:flex-start;max-height:250px;overflow-y:auto}

/* TLGAWY V35 — one reliable scrolling surface for the member list. */
#chat_right_data.tlgawy-panel-host{
    display:block!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
#chat_right_data.tlgawy-panel-host #tlgawy_panel_users.is-active{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-user-list-v17{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
#tlgawy_panel_users.is-active #tlgawy_story_module,
#tlgawy_panel_users.is-active .tlgawy-user-list-head{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    transform:none!important;
}
#tlgawy_panel_users.is-active #container_user .tlgawy-user-scroll{
    display:block!important;
    flex:1 1 0!important;
    height:0!important;
    min-height:72px!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:stable;
}
#tlgawy_panel_users .tlgawy-room-users-loading{pointer-events:none!important;min-height:120px!important}
/* TLGAWY V38 visual assets */
.tlgawy-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:12px}
.tlgawy-visual-choice{position:relative;border:2px solid transparent;border-radius:12px;background:#f4f5f7;padding:7px;cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.tlgawy-visual-choice:active{transform:scale(.97)}
.tlgawy-visual-choice.is-selected{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.16)}
.tlgawy-visual-preview{display:block;width:100%;height:62px;border-radius:8px;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#16181d}
.tlgawy-visual-preview.is-name-image{height:42px;background-size:100% 100%}
.tlgawy-visual-title{display:block;margin-top:6px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}
.tlgawy-visual-check{display:none;position:absolute;top:5px;right:5px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#10b981;color:#fff}
.tlgawy-visual-choice.is-selected .tlgawy-visual-check{display:block}
.tlgawy-profile-effect-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:45;animation:tlgawyProfileEffectIn .35s ease-out both}
@keyframes tlgawyProfileEffectIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
.tlgawy-admin-upload-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) 150px auto;gap:8px;align-items:center;margin-bottom:14px}
.tlgawy-admin-visual-list{display:flex;flex-direction:column;gap:8px}
.tlgawy-admin-visual-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.tlgawy-admin-visual-row>img{width:68px;height:68px;object-fit:contain;border-radius:8px;background:#17191e}
.tlgawy-admin-visual-fields{display:grid;grid-template-columns:1fr 160px 110px;gap:8px}
.tlgawy-admin-visual-actions{display:flex;gap:5px}
@media(max-width:780px){.tlgawy-admin-upload-row,.tlgawy-admin-visual-row,.tlgawy-admin-visual-fields{grid-template-columns:1fr}.tlgawy-admin-visual-row>img{margin:auto}.tlgawy-admin-visual-actions{justify-content:center}.tlgawy-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Private avatars must remain visible on mobile */
.private_avatar{display:table-cell!important;visibility:visible!important;opacity:1!important;width:36px!important}
.avatar_private{display:block!important;visibility:visible!important;opacity:1!important;width:28px!important;height:28px!important;object-fit:cover;background:#eee}
/* V38 reliable member panel: the story rail/header stays outside, members use one native scroller */
#tlgawy_panel_users,#tlgawy_panel_users.is-active{height:100%;min-height:0;overflow:hidden}
#tlgawy_panel_users .tlgawy-user-list-v38{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#tlgawy_panel_users .tlgawy-user-list-v38>#tlgawy_story_module{flex:0 0 auto}
#tlgawy_panel_users .tlgawy-user-list-head{flex:0 0 auto}
#tlgawy_panel_users .tlgawy-user-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}
#chat_right_data.tlgawy-panel-host{overflow:hidden!important}
#tlgawy_panel_users .tlgawy-user-list-v38 .tlgawy-user-scroll{height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}
.profile-modern-shell{position:relative!important;isolation:isolate}
.profile-modern-shell>.tlgawy-profile-effect-layer~*{position:relative;z-index:1}
.profile-modern-shell>.tlgawy-profile-effect-layer{z-index:8}
/* V39 stable member list: the side panel owns the only vertical scroll surface. */
#chat_right_data{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important}
#chat_right_data #container_user{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
#chat_right_data #container_user .tlgawy-user-scroll{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;touch-action:auto!important}
#tlgawy_story_module{position:sticky!important;top:0!important;z-index:12!important}
@media(max-width:1200px){#chat_right_data{height:100%!important}}
.tlgawy-profile-effect-video{object-fit:cover!important}
.tlgawy-name-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;pointer-events:none!important}
.tlgawy-visual-preview:is(video){display:block;width:100%;height:62px;object-fit:contain;background:#16181d;border-radius:8px}
/* V39 visual admin */
.tlgawy-admin-tabs ul{display:flex;flex-wrap:wrap;gap:5px}.tlgawy-admin-tabs li{padding:9px 14px!important;border-radius:8px;cursor:pointer}
.tlgawy-global-rank,.tlgawy-admin-upload-row,.tlgawy-frame-upload,.tlgawy-emoji-create,.tlgawy-emoji-editor-head{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,260px) auto;gap:10px;align-items:center;margin:12px 0;padding:12px;background:#f5f7fa;border:1px solid #e3e7ed;border-radius:10px}
.tlgawy-admin-visual-row{grid-template-columns:84px 1fr auto!important}.tlgawy-admin-media{width:80px;height:72px;background:#17191e;border-radius:8px;overflow:hidden}.tlgawy-admin-media img,.tlgawy-admin-media video{width:100%;height:100%;object-fit:contain}
.tlgawy-admin-visual-fields{grid-template-columns:1fr 120px!important}.tlgawy-admin-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;margin:12px 0}.tlgawy-admin-file-card{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:8px;border:1px solid #e1e5ea;border-radius:10px;background:#fff}.tlgawy-admin-file-card img{grid-column:1/-1;width:100%;height:90px;object-fit:contain;background:#15171b;border-radius:7px}.tlgawy-admin-file-card span,.tlgawy-admin-file-card input{min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis}.tlgawy-admin-file-card button{border:0;border-radius:6px;padding:8px;color:#fff}
.tlgawy-emoji-groups-admin{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tlgawy-emoji-group-admin{display:flex;align-items:center;gap:7px;border:1px solid #dfe3e8;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.tlgawy-emoji-group-admin b{background:#0ea5e9;color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}
@media(max-width:780px){.tlgawy-global-rank,.tlgawy-admin-upload-row,.tlgawy-frame-upload,.tlgawy-emoji-create,.tlgawy-emoji-editor-head,.tlgawy-admin-visual-row,.tlgawy-admin-visual-fields{grid-template-columns:1fr!important}.tlgawy-admin-media{margin:auto}}

/* TLGAWY V39 — profile feature tabs and stable members */
.tlgawy-feature-tabs{overflow:hidden!important}
.tlgawy-feature-tabs ul{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tlgawy-feature-tabs ul::-webkit-scrollbar{display:none}
.tlgawy-feature-tabs .tab_menu_item{flex:0 0 auto!important}
#chat_right_data[data-v39-panel="members"]{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important}
#chat_right_data[data-v39-panel="members"] #container_user{display:block!important;height:auto!important;min-height:100%!important;overflow:visible!important}
#chat_right_data[data-v39-panel="members"] .online_user{overflow:visible!important}
#chat_right_data[data-v39-panel="members"] #tlgawy_story_module{position:sticky!important;top:0!important;z-index:15!important}
.tlgawy-name-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none}
.tlgawy-profile-effect-video{object-fit:contain;pointer-events:none}

/* =========================================================
   TLGAWY V40 — stable panels, one-shot profile effects, UI
   ========================================================= */
/* Members: story rail stays outside; only .tlgawy-user-scroll scrolls. */
#chat_right_data.tlgawy-panel-host{height:100%!important;min-height:0!important;overflow:hidden!important}
#chat_right_data .tlgawy-side-panel-view{display:none;height:100%;min-height:0;overflow:hidden}
#chat_right_data .tlgawy-side-panel-view.is-active{display:block}
#tlgawy_panel_users.is-active{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}
#tlgawy_panel_users #container_user.tlgawy-v40-members{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
#tlgawy_panel_users #container_user.tlgawy-v40-members>#tlgawy_story_module{position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:12!important}
#tlgawy_panel_users #container_user.tlgawy-v40-members>.tlgawy-user-scroll{display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;scrollbar-gutter:stable}
#tlgawy_panel_users .online_user,#tlgawy_panel_users .offline_user{overflow:visible!important;height:auto!important;max-height:none!important}
#tlgawy_panel_rooms.is-active{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
@media(max-width:1200px){#chat_right_data,#tlgawy_panel_users,#tlgawy_panel_rooms{height:100%!important}}

/* The effect is an overlay above the unchanged profile, then fades away. */
.profile-modern-shell{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.tlgawy-profile-effect-overlay{position:absolute!important;inset:0!important;z-index:80!important;overflow:hidden!important;pointer-events:none!important;border-radius:inherit!important;animation:tlgawyProfileEffectLifetime 3s ease both!important}
.tlgawy-profile-effect-media{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important}
@keyframes tlgawyProfileEffectLifetime{0%{opacity:0;transform:scale(1.025)}10%,70%{opacity:1;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(1)}}
.profile-modern-shell>.tlgawy-profile-effect-layer{display:none!important}

/* Feature tabs: three items per row instead of an endless horizontal strip. */
.tlgawy-feature-tabs{overflow:visible!important}
.tlgawy-feature-tabs ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;white-space:normal!important;padding:6px!important}
.tlgawy-feature-tabs .tab_menu_item{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;width:auto!important;margin:0!important;padding:9px 6px!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;border-radius:7px!important}
@media(max-width:480px){.tlgawy-feature-tabs ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Private avatars remain visible on mobile and do not collapse. */
.private_logs{display:flex!important;align-items:flex-start!important;width:100%!important}
.private_avatar{display:block!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;padding:0 4px!important;visibility:visible!important;opacity:1!important}
.avatar_private{display:block!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;object-fit:cover!important;visibility:visible!important;opacity:1!important;background:#e8e8e8!important}
.priwrap{min-width:0!important;flex:1 1 auto!important}

/* Bold and Arabic font rendering must remain visible on mobile. */
.chat_message.bold,.chat_message.boldital{font-weight:700!important}
.chat_message.heavybold,.chat_message.heavyital{font-weight:900!important}
@media(max-width:700px){.chat_message.bold,.chat_message.boldital{font-weight:700!important;-webkit-text-stroke:.01px currentColor}.chat_message.heavybold,.chat_message.heavyital{font-weight:900!important;-webkit-text-stroke:.08px currentColor}}
.tlgawy-font-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.tlgawy-font-choice{border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:#222;padding:9px 7px;text-align:center;cursor:pointer;min-height:48px;line-height:1.55}
.tlgawy-font-choice.is-selected{border-color:#08a9d1;box-shadow:0 0 0 2px rgba(8,169,209,.16);background:#f3fcff}
@media(max-width:480px){.tlgawy-font-preview-grid{grid-template-columns:1fr}}

/* Emoji manager: visible cards and ordered group controls. */
.tlgawy-emoji-groups-admin{display:flex!important;flex-direction:column!important;gap:7px!important}
.tlgawy-emoji-group-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:6px;border:1px solid #dfe3e8;background:#fff;border-radius:9px}
.tlgawy-emoji-group-open{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:right;padding:7px;cursor:pointer;color:#222}
.tlgawy-emoji-group-open b{margin-inline-start:auto;background:#0ea5e9;color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}
.tlgawy-emoji-group-move{border:0;border-radius:7px;background:#eef2f7;color:#26313c;width:34px;height:34px;cursor:pointer}
.tlgawy-admin-file-card img{display:block!important;visibility:visible!important;opacity:1!important}
.chat_message.bfont21{font-family:"Arabic Typesetting","Traditional Arabic",Tahoma,serif!important}
.chat_message.bfont22{font-family:Andalus,"Traditional Arabic",Tahoma,serif!important}
.chat_message.bfont23{font-family:"Sakkal Majalla","Traditional Arabic",Tahoma,serif!important}
.chat_message.bfont24{font-family:"Noto Naskh Arabic","Traditional Arabic",Tahoma,serif!important}
.chat_message.bfont25{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
.chat_message.bfont26{font-family:"Droid Arabic Naskh","Traditional Arabic",Tahoma,serif!important}
.chat_message.bfont27{font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif!important}
.chat_message.bfont28{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important}
.tlgawy-color-reset-row{display:flex;justify-content:flex-end;margin:7px 0}.tlgawy-color-reset-row .reg_button{font-size:12px}
#preview_text,#preview_name{min-height:42px;display:flex;align-items:center;justify-content:center;line-height:1.7}

/* =========================================================
   TLGAWY V41 — single stable UI layer
   ========================================================= */
#tlgawy_panel_users #container_user.tlgawy-v41-members{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;
}
#tlgawy_panel_users #container_user.tlgawy-v41-members>#tlgawy_story_module{
  position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:12!important;
}
#tlgawy_panel_users #container_user.tlgawy-v41-members>.tlgawy-user-scroll{
  display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;touch-action:pan-y!important;
}
#tlgawy_panel_users .tlgawy-fast-user-row{display:flex!important;align-items:center!important;min-height:47px!important;padding:5px 3px!important}
#tlgawy_panel_users .tlgawy-fast-user-row .user_item_data{min-width:0!important;flex:1 1 auto!important}
#tlgawy_panel_users .tlgawy-fast-user-row .user_item_avatar{flex:0 0 38px!important}

/* Restarted on every modal open by v41_stability.js. */
.tlgawy-profile-effect-overlay.tlgawy-effect-playing{animation:tlgawyProfileEffectLifetime 3s ease both!important}

/* Private images: keep a real box on Android even before the image decodes. */
#show_private .private_avatar,#private_menu_content .fmenu_avatar{overflow:visible!important;position:relative!important;z-index:2!important}
#show_private .avatar_private,#private_menu_content .fmenu_avatar img{
  display:block!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;
  border-radius:50%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;
}
#private_menu_content .priv_mess{display:flex!important;align-items:center!important}
#private_menu_content .fmenu_avatar{flex:0 0 42px!important;width:42px!important}
#private_menu_content .fmenu_name{min-width:0!important;flex:1 1 auto!important}

/* Professional color and Arabic font picker. */
.color_choices .reg_menu ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:5px!important}
.color_choices .reg_menu_item{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;border-radius:8px!important;background:#f1f3f5!important;color:#222!important;font-weight:700!important}
.color_choices .reg_menu_item.rselected{background:#08a9d1!important;color:#fff!important;box-shadow:0 3px 10px rgba(8,169,209,.22)!important}
.color_choices #color_tab{min-height:150px!important;padding-top:7px!important}
.color_choices #color_tab>.reg_zone{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:2px}
.color_choices #color_tab>.reg_zone.hide_zone{display:none!important}
.tlgawy-font-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:300px;overflow-y:auto;padding:5px;scrollbar-width:thin}
.tlgawy-font-choice{display:flex!important;flex-direction:column!important;gap:3px!important;justify-content:center!important;min-height:65px!important}
.tlgawy-font-choice .tlgawy-font-sample{font-size:17px;line-height:1.55;font-weight:700}
.tlgawy-font-choice small{font-family:Tahoma,Arial,sans-serif!important;font-size:10px!important;opacity:.72}
#preview_text{font-size:19px!important;font-weight:600;word-break:break-word;padding:10px;border-radius:10px;background:#f7f8fa}
#preview_text[class*="bgrad"]{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#preview_text[class*="bneon"]{-webkit-text-fill-color:currentColor!important}
@media(max-width:520px){
  .tlgawy-font-preview-grid{grid-template-columns:1fr!important}
  .chat_message.bold,.chat_message.boldital{font-weight:800!important}
  .chat_message.heavybold,.chat_message.heavyital{font-weight:900!important}
}

/* Emoji manager: existing files are visible immediately. */
.tlgawy-emoji-editor{min-height:180px!important;margin-top:12px!important}
.tlgawy-admin-file-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:9px!important}
.tlgawy-admin-file-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:8px!important;border:1px solid #dfe3e8!important;border-radius:10px!important;background:#fff!important}
.tlgawy-admin-file-card img{width:64px!important;height:64px!important;object-fit:contain!important;margin:auto!important;background:#f5f6f7!important;border-radius:8px!important}

/* =========================================================
   TLGAWY V41 FINAL — authoritative panel/mobile overrides
   ========================================================= */
#chat_right_data.tlgawy-panel-host{
  display:block!important;height:100%!important;min-height:0!important;
  overflow:hidden!important;touch-action:auto!important;
}
#chat_right_data.tlgawy-panel-host>.tlgawy-side-panel-view{
  display:none!important;height:100%!important;min-height:0!important;overflow:hidden!important;
}
#chat_right_data.tlgawy-panel-host>.tlgawy-side-panel-view.is-active{
  display:flex!important;flex-direction:column!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v41-members{
  display:flex!important;flex-direction:column!important;flex:1 1 0!important;
  width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v41-members>#tlgawy_story_module{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  flex:0 0 auto!important;z-index:12!important;transform:none!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v41-members>.tlgawy-user-scroll{
  display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;
  max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;scrollbar-gutter:auto!important;
}
#tlgawy_panel_rooms.is-active{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
#tlgawy_panel_rooms .tlgawy-v41-room-list{min-height:100%;box-sizing:border-box}

/* Every new profile open receives a fresh overlay node and animation. */
.profile-modern-shell>.tlgawy-profile-effect-overlay{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:90!important;pointer-events:none!important;overflow:hidden!important;
}
.profile-modern-shell>.tlgawy-profile-effect-overlay.tlgawy-effect-playing{
  animation-name:tlgawyProfileEffectLifetime!important;animation-duration:3s!important;
  animation-timing-function:ease!important;animation-fill-mode:both!important;
}

/* Android private avatars — force a decoded image box in messages and the list. */
#show_private .private_logs{display:flex!important;align-items:flex-start!important}
#show_private .private_avatar{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;padding:3px!important;box-sizing:border-box!important}
#show_private .avatar_private,#private_menu_content .fmenu_avatar img,#private_av,#dpriv_av,#ptyping_av{
  display:block!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;
  border-radius:50%!important;object-fit:cover!important;visibility:visible!important;opacity:1!important;
  background:#e8eaed!important;
}
#private_menu_content .priv_mess{display:flex!important;align-items:center!important;min-height:48px!important}
#private_menu_content .fmenu_avatar{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important}

/* Text editor: tabs and preview never disappear when switching color modes. */
.color_choices{overflow:visible!important}
.color_choices #color_tab{display:block!important;min-height:155px!important}
.color_choices #color_tab>.reg_zone{min-height:145px!important;box-sizing:border-box!important}
.color_choices #color_tab>.reg_zone:not(.hide_zone){display:flex!important}
.color_choices #color_tab>.reg_zone.hide_zone{display:none!important}
#preview_text.tlgawy-text-preview{display:flex!important;min-height:58px!important;align-items:center!important;justify-content:center!important;font-size:19px!important;line-height:1.7!important;font-weight:600}
.tlgawy-font-preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:320px!important;overflow-y:auto!important;padding:5px!important}
.tlgawy-font-choice{color:#202124!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:10px!important;cursor:pointer!important}
.tlgawy-font-choice.is-selected{border-color:#00a9d6!important;background:#effbff!important;box-shadow:0 0 0 2px rgba(0,169,214,.18)!important}
.tlgawy-font-choice .tlgawy-font-sample{display:block!important;font-size:18px!important;font-weight:700!important;direction:rtl!important}
@media(max-width:600px){
  .tlgawy-font-preview-grid{grid-template-columns:1fr!important}
  .chat_message.bold,.chat_message.boldital{font-weight:800!important}
  .chat_message.heavybold,.chat_message.heavyital{font-weight:900!important}
}

/* Emoji administration must show the files already on disk immediately. */
#emoji_group_editor.tlgawy-emoji-editor{display:block!important;min-height:190px!important}
#emoji_group_editor .tlgawy-admin-file-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:10px!important}
#emoji_group_editor .tlgawy-admin-file-card img{display:block!important;width:70px!important;height:70px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important;margin:auto!important}

/* =========================================================
   TLGAWY V42 — authoritative members/rooms/profile/emoji layer
   ========================================================= */
/* Users and rooms now use the same simple scroll owner as the friends list. */
#chat_right_data{
  display:block!important;height:100%!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
#chat_right_data.tlgawy-panel-host{display:block!important;overflow-y:auto!important}
#chat_right_data>.tlgawy-side-panel-view{display:none!important}
#chat_right_data #container_user.tlgawy-v42-members{
  display:block!important;width:100%!important;height:auto!important;min-height:100%!important;
  overflow:visible!important;box-sizing:border-box!important;
}
#chat_right_data #container_user.tlgawy-v42-members .user_item{touch-action:pan-y!important}
#chat_right_data .tlgawy-v42-room-list{display:block!important;min-height:100%!important;overflow:visible!important}
#chat_right_data #container_room{display:block!important;overflow:visible!important}
/* Keep the story rail visible while only the member rows scroll under it. */
#container_user.tlgawy-v42-members>#tlgawy_story_module,
#container_user.tlgawy-v42-members #tlgawy_story_module{
  position:sticky!important;top:0!important;z-index:30!important;
  width:100%!important;transform:none!important;
}

/* Profile effect has no automatic animation. v42_stability starts it exactly once per open. */
.profile-modern-shell>.tlgawy-profile-effect-overlay{
  animation:none!important;opacity:0!important;visibility:hidden!important;
}
.profile-modern-shell>.tlgawy-profile-effect-overlay.tlgawy-effect-playing{
  animation:tlgawyProfileEffectLifetime 3s ease both!important;
  opacity:1;visibility:visible;
}

/* Emoji administration — group contents and controls stay visible. */
#emoji_group_editor.tlgawy-emoji-editor{display:block!important;visibility:visible!important;opacity:1!important;min-height:220px!important;overflow:visible!important}
#emoji_group_editor .tlgawy-admin-file-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;gap:10px!important;width:100%!important}
#emoji_group_editor .tlgawy-admin-file-card{display:grid!important;grid-template-columns:1fr auto auto!important;gap:6px!important;visibility:visible!important;opacity:1!important}
#emoji_group_editor .tlgawy-admin-file-card img{display:block!important;grid-column:1/-1!important;width:76px!important;height:76px!important;object-fit:contain!important;margin:auto!important;visibility:visible!important;opacity:1!important}
#emoji_group_editor .emoji-file-name{display:block!important;min-width:0!important}
.tlgawy-emoji-group-row.is-selected{border-color:#0ea5e9!important;box-shadow:0 0 0 2px rgba(14,165,233,.15)!important}

/* =========================================================
   TLGAWY V43 — single-owner members/rooms and repeatable effect
   ========================================================= */
#chat_right_data[data-v43-panel="users"]{
  display:block!important;height:100%!important;min-height:0!important;
  overflow:hidden!important;touch-action:auto!important;
}
#chat_right_data[data-v43-panel="users"]>#container_user.tlgawy-v43-members{
  display:flex!important;flex-direction:column!important;width:100%!important;
  height:100%!important;min-height:0!important;overflow:hidden!important;
  box-sizing:border-box!important;
}
#chat_right_data[data-v43-panel="users"]>#container_user.tlgawy-v43-members>#tlgawy_story_module{
  position:relative!important;inset:auto!important;flex:0 0 auto!important;
  width:100%!important;z-index:20!important;transform:none!important;
}
#chat_right_data[data-v43-panel="users"]>#container_user.tlgawy-v43-members>.tlgawy-user-scroll{
  display:block!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;
  max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
#chat_right_data[data-v43-panel="users"] .user_item{touch-action:pan-y!important}
#chat_right_data[data-v43-panel="rooms"]{
  display:block!important;height:100%!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
#chat_right_data[data-v43-panel="rooms"] .tlgawy-v43-room-list{min-height:100%!important;box-sizing:border-box!important}
.profile-modern-shell>.tlgawy-profile-effect-overlay{
  animation:none!important;opacity:0!important;visibility:hidden!important;
}
.profile-modern-shell>.tlgawy-profile-effect-overlay.tlgawy-effect-playing{
  animation:tlgawyProfileEffectLifetime 3s ease both!important;
  opacity:1!important;visibility:visible!important;
}

/* =========================================================
   TLGAWY V44 — original member/room flow, one scroller
   ========================================================= */
#chat_right_data[data-v44-panel="users"]{
  display:block!important;height:100%!important;min-height:0!important;
  overflow:hidden!important;
}
#chat_right_data[data-v44-panel="users"]>#container_user.tlgawy-v44-members{
  display:flex!important;flex-direction:column!important;width:100%!important;
  height:100%!important;min-height:0!important;overflow:hidden!important;
  padding:0!important;box-sizing:border-box!important;
}
#chat_right_data[data-v44-panel="users"]>#container_user.tlgawy-v44-members>#tlgawy_story_module{
  position:relative!important;top:auto!important;inset:auto!important;
  flex:0 0 auto!important;width:100%!important;z-index:20!important;transform:none!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-v44-user-scroll{
  display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;
  max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
#chat_right_data[data-v44-panel="users"] .online_user,
#chat_right_data[data-v44-panel="users"] .offline_user{
  height:auto!important;max-height:none!important;overflow:visible!important;
}
#chat_right_data[data-v44-panel="rooms"]{
  display:block!important;height:100%!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
}
#chat_right_data[data-v44-panel="rooms"] .tlgawy-v44-room-list{
  display:block!important;min-height:100%!important;box-sizing:border-box!important;
}
/* One V40-style profile effect animation per open. */
.profile-modern-shell>.tlgawy-profile-effect-overlay{
  animation:none!important;opacity:0!important;visibility:hidden!important;
}
.profile-modern-shell>.tlgawy-profile-effect-overlay.tlgawy-effect-playing{
  animation:tlgawyProfileEffectLifetime 3s ease both!important;
  opacity:1!important;visibility:visible!important;
}

/* =========================================================
   TLGAWY V45 — reliable profile effect + compact text editor
   ========================================================= */
/* One V40 motion on every explicit profile open. */
.profile-modern-shell>.tlgawy-profile-effect-overlay{
  animation:none!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;will-change:opacity,transform;
}
.profile-modern-shell>.tlgawy-profile-effect-overlay.tlgawy-effect-playing{
  animation:tlgawyProfileEffectLifetime 3s ease both!important;
  opacity:1!important;visibility:visible!important;
}

/* Persisted chat size, deliberately capped at 19px. */
.bsize12{font-size:12px!important}.bsize13{font-size:13px!important}
.bsize14{font-size:14px!important}.bsize15{font-size:15px!important}
.bsize16{font-size:16px!important}.bsize17{font-size:17px!important}
.bsize18{font-size:18px!important}.bsize19{font-size:19px!important}
.chat_message[class*="bsize"]{line-height:1.65!important}

.tlgawy-text-editor{padding:14px!important;background:#f6f7f9;color:#1f2937}
.tlgawy-text-preview-card{position:relative;min-height:82px;border:1px solid #d9e0e8;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:25px 14px 12px;box-shadow:0 5px 18px rgba(15,23,42,.06);overflow:hidden}
.tlgawy-preview-label{position:absolute;top:7px;right:11px;font-size:11px;color:#64748b;font-weight:700}
.tlgawy-text-preview-card #preview_text{margin:0!important;min-height:38px!important;width:100%;text-align:center;justify-content:center;overflow-wrap:anywhere}
.tlgawy-text-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 9px}
.tlgawy-text-tab{height:39px;border:1px solid #dce2e8;border-radius:10px;background:#fff;color:#475569;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease}
.tlgawy-text-tab:active{transform:scale(.98)}
.tlgawy-text-tab.is-active{background:#0ea5e9;border-color:#0ea5e9;color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.2)}
.tlgawy-text-tab i{margin-left:5px}
.tlgawy-compact-colors{padding:9px;border:1px solid #dce2e8;border-radius:12px;background:#fff;min-height:74px;max-height:142px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.tlgawy-text-color-zone{display:none}
.tlgawy-text-color-zone.is-active{display:grid;grid-template-columns:repeat(8,minmax(24px,1fr));gap:5px}
.tlgawy-text-color-zone .color_switch{float:none!important;width:auto!important;height:29px!important;min-width:0!important;margin:0!important;border-radius:7px!important;border:1px solid rgba(15,23,42,.13)!important;box-sizing:border-box;cursor:pointer;position:relative}
.tlgawy-text-color-zone .bccheck{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 3px #000;font-size:13px}
.tlgawy-natural-color{display:block;margin:8px 0 0 auto;border:0;background:transparent;color:#0284c7;font-weight:700;font-size:12px;cursor:pointer;padding:5px 2px}
.tlgawy-text-controls{display:grid;grid-template-columns:1.3fr 1fr;gap:9px;margin-top:10px}
.tlgawy-text-field{display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid #dde3ea;border-radius:11px;background:#fff;min-width:0}
.tlgawy-text-field>span{font-size:12px;color:#475569;font-weight:800}
.tlgawy-text-field select{height:38px;width:100%;border:1px solid #d7dee6;border-radius:9px;background:#fff;padding:0 9px;color:#111827;font-size:13px}
.tlgawy-size-field{grid-column:1/-1}
.tlgawy-size-field input[type="range"]{width:100%;accent-color:#0ea5e9;cursor:pointer}
#tlgawy_text_size_value{display:inline-block;min-width:18px;text-align:center;color:#0284c7}
.tlgawy-text-save-row .theme_btn{min-width:180px;height:42px;border-radius:10px;font-weight:800}
@media(max-width:520px){
  .tlgawy-text-editor{padding:10px!important}
  .tlgawy-text-color-zone.is-active{grid-template-columns:repeat(8,minmax(20px,1fr));gap:4px}
  .tlgawy-text-color-zone .color_switch{height:26px!important}
  .tlgawy-text-controls{grid-template-columns:1fr}
  .tlgawy-size-field{grid-column:auto}
}

/* TLGAWY V47 NO-SOCKET PERFORMANCE + emoji/font admin */
.tlgawy-emoji-group-rename{display:flex;gap:6px;align-items:center;min-width:230px}
.tlgawy-emoji-replace{position:relative;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}
.tlgawy-emoji-replace input{position:absolute;inset:0;opacity:0;cursor:pointer}
#show_chat .chat_log,#show_private .privlog{content-visibility:auto;contain-intrinsic-size:46px;contain:layout paint style}
#chat_right .user_item,#chat_right .room_element{contain:layout paint style}
.tlgawy-name-video{will-change:auto!important}
@media(max-width:768px){.tlgawy-emoji-editor-head{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.tlgawy-emoji-group-rename{grid-column:1/-1;min-width:0}.tlgawy-emoji-group-rename input{min-width:0}.chat_message[class*="bfont"]{font-synthesis:weight style}}


/* =========================================================
   TLGAWY V48 — clean text preview + no-socket paint tuning
   ========================================================= */
.tlgawy-text-preview-card{
  min-height:96px!important;display:block!important;padding:30px 14px 14px!important;
}
.tlgawy-text-preview-card #preview_text{
  display:block!important;width:100%!important;min-height:48px!important;margin:0!important;
  text-align:center!important;white-space:normal!important;word-break:normal!important;
  overflow-wrap:break-word!important;writing-mode:horizontal-tb!important;direction:rtl!important;
}
/* Keep the main chat and side panels in independent paint layers. */
#show_chat,#chat_right_data .tlgawy-side-panel-view,#chat_left_data{contain:layout style}
#show_chat ul{overflow-anchor:none}
#show_chat .chat_log,#show_private .privlog{content-visibility:auto;contain-intrinsic-size:auto 48px}
#chat_right .user_item,#chat_right .room_element{content-visibility:auto;contain-intrinsic-size:auto 58px}
/* Expensive blur on continuously repainting chat surfaces causes high CPU/GPU. */
#wrap_chat,#chat_right_data,#chat_left_data,.tlgawy-side-panel-view{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Suspend decorative infinite effects in background tabs. */
html.tlgawy-page-hidden *,html.tlgawy-page-hidden *:before,html.tlgawy-page-hidden *:after{
  animation-play-state:paused!important;
}
@media(max-width:768px){
  #show_chat .chat_log,#show_private .privlog{contain-intrinsic-size:auto 52px}
}

/* =========================================================
   TLGAWY V50 — normal progressive loading (no blocking screen)
   Keep the V49 preloaded chat data, but never hide the interface.
   ========================================================= */
html.tlgawy-booting #global_chat,
html.tlgawy-booting #wrap_footer,
html.tlgawy-core-ready #global_chat,
html.tlgawy-core-ready #wrap_footer{
  visibility:visible!important;
  opacity:1!important;
}
html.tlgawy-booting body:before,
html.tlgawy-booting body:after{
  content:none!important;
  display:none!important;
}
/* Initial rows stay paintable immediately while the normal page continues loading. */
#chat_right .user_item,#chat_right .room_element,
#show_chat .chat_log,#show_private .privlog{
  content-visibility:visible!important;
  contain:layout style!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-v44-user-scroll{
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
}


/* =========================================================
   TLGAWY V51 — private conversation RTL + mobile isolation
   ========================================================= */
#show_private{
  width:100%!important;
  min-width:100%!important;
  right:0!important;
  left:0!important;
  padding:6px 8px!important;
  box-sizing:border-box!important;
}
#show_private>li.privlog{display:block!important;width:100%!important;clear:both!important;margin:0 0 7px!important}
#show_private .private_logs{
  display:flex!important;
  direction:ltr!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  table-layout:auto!important;
}
#show_private .priwrap{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important}
#show_private .private_avatar{display:flex!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;align-items:flex-start!important;justify-content:center!important;padding:3px 4px!important;box-sizing:border-box!important}
#show_private .avatar_private{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;border-radius:50%!important;object-fit:cover!important}
#show_private .privcont{display:flex!important;width:100%!important;min-width:0!important;align-items:flex-end!important}
#show_private .prbox{display:block!important;max-width:min(78%,520px)!important;min-width:0!important;width:auto!important}
#show_private .hunter_private,#show_private .target_private,
#show_private .hunt_quote,#show_private .targ_quote{
  direction:rtl!important;
  text-align:right!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  box-sizing:border-box!important;
}
/* Current user's messages start from the right; the other side starts from the left. */
#show_private .outpriv .privcont{justify-content:flex-end!important}
#show_private .outpriv .hunter_private,#show_private .outpriv .hunt_quote{float:right!important}
#show_private .outpriv .prdate{text-align:right!important;padding-right:5px!important}
#show_private .inpriv .privcont{justify-content:flex-start!important}
#show_private .inpriv .target_private,#show_private .inpriv .targ_quote{float:left!important}
#show_private .inpriv .prdate{text-align:left!important;padding-left:5px!important}

@media screen and (max-width:800px){
  body.tlgawy-private-open #private_center:not(.privhide){
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    top:var(--tlgawy-head-height,50px)!important;
    right:0!important;
    bottom:var(--tlgawy-menu-height,50px)!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    z-index:360!important;
    overflow:hidden!important;
  }
  body.tlgawy-private-open #private_box{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important}
  body.tlgawy-private-open #private_wrap_content{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;position:relative!important}
  body.tlgawy-private-open #private_content{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:0!important}
  body.tlgawy-private-open #inside_wrap_private,
  body.tlgawy-private-open #show_private_wrap{height:100%!important;min-height:0!important;overflow:hidden!important}
  body.tlgawy-private-open #show_private{max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
  body.tlgawy-private-open #priv_input{display:block!important;flex:0 0 auto!important;position:relative!important;z-index:4!important}
  /* The public composer must never remain visible beneath/above a private chat. */
  body.tlgawy-private-open #top_chat_container,
  body.tlgawy-private-open #main_input,
  body.tlgawy-private-open #main_input_extra,
  body.tlgawy-private-open #main_emoticon,
  body.tlgawy-private-open #quote_controller{display:none!important;visibility:hidden!important;pointer-events:none!important}
  #show_private{padding:8px 7px!important}
  #show_private .prbox{max-width:82%!important}
}


/* =========================================================
   TLGAWY V52 — mobile panel scrolling + complete emoji admin
   ========================================================= */
#chat_left{overflow:hidden!important;}
#chat_left_data{
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y pinch-zoom!important;
  scroll-behavior:auto!important;
}
#chat_left_data>.left_keep,
#chat_left_data .left_keep,
#chat_left_data #container_news,
#chat_left_data #container_wall,
#chat_left_data #leaderboard_container,
#chat_left_data .reg_zone{
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;touch-action:pan-y pinch-zoom!important;
  contain:none!important;transform:none!important;
}
@media(max-width:800px){
  #chat_left.cleft2:not(.left_hide){overflow:hidden!important;}
  #chat_left.cleft2:not(.left_hide) #chat_left_data{
    position:relative!important;
    height:calc(100% - var(--tlgawy-left-bar-height))!important;
    max-height:calc(100% - var(--tlgawy-left-bar-height))!important;
    padding-bottom:18px!important;
  }
  #chat_left_data .post_element,#chat_left_data .news_box,#chat_left_data .leader_item{
    touch-action:pan-y pinch-zoom!important;
  }
}
.tlgawy-emoji-admin-help{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:12px 0}
.tlgawy-emoji-admin-help>div{padding:10px;border:1px solid #e2e7ed;border-radius:9px;background:#f8fafc;text-align:center;font-size:12px}
.tlgawy-emoji-group-row{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 38px;gap:5px;align-items:center;width:100%}
.tlgawy-emoji-group-row.is-selected{outline:2px solid #0ea5e9;border-radius:9px}
.tlgawy-emoji-group-open{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;border:1px solid #dfe5eb;background:#fff;border-radius:9px;padding:10px;cursor:pointer;text-align:initial}
.tlgawy-emoji-group-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlgawy-emoji-group-open b{background:#0ea5e9;color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}
.tlgawy-emoji-group-move{height:38px;border:0;border-radius:8px;cursor:pointer}
#emoji_group_editor{border-top:1px solid #e2e7ed;padding-top:10px}
#emoji_group_editor .tlgawy-admin-file-card{grid-template-columns:minmax(0,1fr) 36px 36px 36px!important}
#emoji_group_editor .tlgawy-emoji-file-meta{grid-column:1/-1;min-width:0}
@media(max-width:700px){
 .tlgawy-emoji-admin-help{grid-template-columns:1fr 1fr}
 #emoji_group_editor .tlgawy-admin-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   TLGAWY V53 — definitive mobile scroll for left panels
   News, friend wall and ranking use one fixed flex viewport.
   ========================================================= */
@media screen and (max-width:800px){
  #chat_left.cleft2:not(.left_hide){
    position:fixed!important;
    top:var(--tlgawy-head-height,50px)!important;
    right:auto!important;
    bottom:var(--tlgawy-menu-height,50px)!important;
    left:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    contain:layout paint!important;
  }
  #chat_left.cleft2:not(.left_hide) #left_content{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  #chat_left.cleft2:not(.left_hide) #left_panel_bar{
    display:table!important;
    flex:0 0 40px!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
  }
  #chat_left.cleft2:not(.left_hide) #chat_left_data{
    display:block!important;
    position:relative!important;
    flex:1 1 0!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 0 18px!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:stable!important;
    transform:translateZ(0);
  }
  #chat_left.cleft2:not(.left_hide) #chat_left_data>.left_keep,
  #chat_left.cleft2:not(.left_hide) #chat_left_data .left_keep,
  #chat_left.cleft2:not(.left_hide) #container_news,
  #chat_left.cleft2:not(.left_hide) #container_wall,
  #chat_left.cleft2:not(.left_hide) #leaderboard_container,
  #chat_left.cleft2:not(.left_hide) .reg_zone{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:auto!important;
    contain:none!important;
    transform:none!important;
  }
  #chat_left.cleft2:not(.left_hide) .pad20,
  #chat_left.cleft2:not(.left_hide) .pad15{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #chat_left.cleft2:not(.left_hide) .post_element,
  #chat_left.cleft2:not(.left_hide) .news_box,
  #chat_left.cleft2:not(.left_hide) .leader_item,
  #chat_left.cleft2:not(.left_hide) .user_item{
    touch-action:auto!important;
  }
}

/* =========================================================
   TLGAWY V54 — royal entry, decorated name, emoji group sizing
   ========================================================= */
.tlgawy-royal-entry-log{position:relative;width:min(520px,92%);min-height:180px;margin:12px auto;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#120d29,#21164b);box-shadow:0 12px 35px rgba(0,0,0,.3);animation:tlgawyRoyalEnter .75s cubic-bezier(.2,.85,.2,1) both}
.tlgawy-royal-media{display:block;max-width:100%;width:auto;max-height:280px;object-fit:contain;position:relative;z-index:1;border-radius:14px}
.tlgawy-royal-entry-shine{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 62%);transform:translateX(-70%);animation:tlgawyRoyalShine 1.8s ease .35s both;pointer-events:none;z-index:2}
.tlgawy-royal-entry-title,.tlgawy-royal-entry-name{position:relative;z-index:3;color:#fff;text-shadow:0 2px 8px #000;text-align:center}
.tlgawy-royal-entry-title{font-size:16px;font-weight:900;margin-top:8px;color:#ffd54a}.tlgawy-royal-entry-name{font-size:20px;font-weight:900;margin-top:3px}
@keyframes tlgawyRoyalEnter{0%{opacity:0;transform:scale(.72) translateY(25px)}65%{opacity:1;transform:scale(1.035) translateY(0)}100%{opacity:1;transform:scale(1)}}
@keyframes tlgawyRoyalShine{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@media(max-width:600px){.tlgawy-royal-entry-log{width:94%;min-height:140px;margin:8px auto}.tlgawy-royal-media{max-height:220px}.tlgawy-royal-entry-name{font-size:18px}}
.tlgawy-decorated-name-box{display:grid;gap:7px;margin-top:12px}.tlgawy-decorated-name-box input{font-size:18px;font-weight:800;text-align:center}

button.tlgawy-emoji-button{width:var(--tlgawy-emoji-size,34px)!important;height:var(--tlgawy-emoji-size,34px)!important;min-width:var(--tlgawy-emoji-size,34px)!important;min-height:var(--tlgawy-emoji-size,34px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px!important;margin:3px!important;vertical-align:middle!important}
button.tlgawy-emoji-button img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.tlgawy-emoji-group-summary{display:flex;align-items:center;gap:10px;min-width:190px}.tlgawy-emoji-group-summary>div{display:grid;gap:3px}.tlgawy-emoji-group-icon-preview{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#f1f3f5;padding:5px}
.tlgawy-emoji-group-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.tlgawy-emoji-group-settings input,.tlgawy-emoji-group-settings select{min-height:38px}.tlgawy-emoji-group-settings #emoji_group_size{width:76px}.tlgawy-icon-upload{position:relative;overflow:hidden}.tlgawy-icon-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tlgawy-emoji-upload-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.tlgawy-emoji-upload-row .full_input{flex:1 1 240px}
.tlgawy-emoji-group-open{display:grid!important;grid-template-columns:42px 1fr auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 9px!important}.tlgawy-emoji-group-open>img{grid-row:1/3;width:38px;height:38px;object-fit:contain;border-radius:10px}.tlgawy-emoji-group-open>span{font-weight:800}.tlgawy-emoji-group-open>small{opacity:.65}.tlgawy-emoji-group-open>b,.tlgawy-emoji-group-open>em{font-size:11px;font-style:normal;border-radius:10px;padding:2px 6px;background:rgba(0,0,0,.08)}

/* Actual message font classes — local/system fallbacks only, no remote font load. */
.bfont45,.chat_message.bfont45{font-family:"Traditional Arabic","Arabic Typesetting",serif!important}
.bfont46,.chat_message.bfont46{font-family:"Aldhabi","Diwani Letter",serif!important}
.bfont47,.chat_message.bfont47{font-family:"Noto Kufi Arabic","Droid Arabic Kufi","Tahoma",sans-serif!important}
.bfont48,.chat_message.bfont48{font-family:"Aref Ruqaa","Urdu Typesetting",serif!important}
.bfont49,.chat_message.bfont49{font-family:"Sakkal Majalla","Simplified Arabic",serif!important}
.bfont50,.chat_message.bfont50{font-family:"Andalus","Arabic Typesetting",serif!important}
.bfont51,.chat_message.bfont51{font-family:"Amiri","Traditional Arabic",serif!important;font-weight:800!important}
.bfont52,.chat_message.bfont52{font-family:"Reem Kufi","Droid Arabic Kufi",sans-serif!important}
.bfont53,.chat_message.bfont53{font-family:"Segoe UI","Tahoma",sans-serif!important}
.bfont54,.chat_message.bfont54{font-family:"Changa","Arial",sans-serif!important;font-weight:800!important}
.bfont55,.chat_message.bfont55{font-family:"Scheherazade New","Traditional Arabic",serif!important}
.bfont56,.chat_message.bfont56{font-family:"Lateef","Arabic Typesetting",serif!important}
.chat_message[class*="bfont"],#preview_text[class*="bfont"]{font-feature-settings:"kern" 1,"liga" 1!important;text-rendering:optimizeLegibility!important}
.bsize12{font-size:12px!important}.bsize13{font-size:13px!important}.bsize14{font-size:14px!important}.bsize15{font-size:15px!important}.bsize16{font-size:16px!important}.bsize17{font-size:17px!important}.bsize18{font-size:18px!important}.bsize19{font-size:19px!important}


/* =========================================================
   TLGAWY V55 — fast room transition, watermark royal entry,
   working Arabic font picker and default emoji-folder repair
   ========================================================= */
.tlgawy-room-loading{min-height:150px;display:flex!important;align-items:center;justify-content:center;gap:9px;opacity:.68;font-weight:800;list-style:none!important}
.tlgawy-royal-watermark{position:absolute;z-index:120;left:50%;top:43%;width:min(260px,72vw);min-height:112px;transform:translate(-50%,-50%) scale(.84);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;padding:9px;border-radius:20px;background:radial-gradient(circle at 50% 38%,rgba(20,14,45,.38),rgba(10,7,25,.12) 62%,transparent 76%);filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transition:opacity .42s ease,transform .55s cubic-bezier(.2,.85,.2,1),filter .55s ease;overflow:visible}
.tlgawy-royal-watermark.is-visible{opacity:.86;transform:translate(-50%,-50%) scale(1)}
.tlgawy-royal-watermark.is-leaving{opacity:0;transform:translate(-50%,-53%) scale(.92);filter:blur(2px) drop-shadow(0 4px 10px rgba(0,0,0,.1))}
.tlgawy-royal-watermark-media{width:100%;height:82px;display:flex;align-items:center;justify-content:center;opacity:.88}
.tlgawy-royal-watermark-media img,.tlgawy-royal-watermark-media video{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}
.tlgawy-royal-watermark-title,.tlgawy-royal-watermark-name{color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.9);line-height:1.25}
.tlgawy-royal-watermark-title{font-size:12px;font-weight:900;color:#ffe177;margin-top:2px}.tlgawy-royal-watermark-name{font-size:15px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.tlgawy-royal-watermark{width:min(220px,68vw);top:40%}.tlgawy-royal-watermark-media{height:70px}.tlgawy-royal-watermark-media img,.tlgawy-royal-watermark-media video{max-height:70px}}
.tlgawy-font-field{grid-column:1/-1!important}.tlgawy-font-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:245px;overflow:auto;padding:5px;border:1px solid rgba(127,127,127,.18);border-radius:13px;background:rgba(127,127,127,.05);scrollbar-width:thin}
.tlgawy-font-choice{min-height:58px;border:1px solid rgba(127,127,127,.18);border-radius:11px;background:var(--bcolor,rgba(255,255,255,.72));color:inherit;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.tlgawy-font-choice:hover{transform:translateY(-1px)}.tlgawy-font-choice.is-active{border-color:var(--theme, #2e9cff);box-shadow:0 0 0 2px rgba(46,156,255,.18)}.tlgawy-font-choice b{font-size:19px;line-height:1.1}.tlgawy-font-choice small{font:700 10px/1.2 Tahoma,Arial,sans-serif;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tlgawy-compact-colors .user_choice{border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}.tlgawy-compact-colors .user_choice:hover{transform:scale(1.08)}.tlgawy-compact-colors .bccheck{display:flex!important;align-items:center;justify-content:center;inset:0!important;width:100%!important;height:100%!important;color:#fff!important;text-shadow:0 1px 4px #000}
.bsize20{font-size:20px!important}.bsize21{font-size:21px!important}.bsize22{font-size:22px!important}.bsize23{font-size:23px!important}.bsize24{font-size:24px!important}
@media(max-width:520px){.tlgawy-font-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px}}

/* =========================================================
   TLGAWY V56 — instant room bootstrap, fixed stories,
   modern member cards and cinematic photo gallery
   ========================================================= */
.tlgawy-room-history-loading{
  min-height:180px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;list-style:none!important;
  font-weight:800!important;opacity:.72!important;text-align:center!important;
}
.tlgawy-room-loader-dot{width:11px;height:11px;border-radius:50%;display:inline-block;
  background:currentColor;animation:tlgawyV56RoomPulse .8s ease-in-out infinite alternate}
@keyframes tlgawyV56RoomPulse{to{transform:scale(.45);opacity:.25}}

/* The story host belongs to the panel header, never to its scroll area. */
#tlgawy_panel_users,#chat_right_data[data-v44-panel="users"]{height:100%!important;min-height:0!important;overflow:hidden!important}
#tlgawy_panel_users #container_user.tlgawy-v56-members,
#chat_right_data[data-v44-panel="users"]>#container_user.tlgawy-v56-members{
  display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;
  width:100%!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important;
}
#tlgawy_panel_users .tlgawy-v56-members>.tlgawy-members-top,
#chat_right_data[data-v44-panel="users"]>.tlgawy-v56-members>.tlgawy-members-top{
  position:relative!important;inset:auto!important;z-index:35!important;display:block!important;
  flex:0 0 auto!important;width:100%!important;min-height:0!important;overflow:hidden!important;
  border-bottom:1px solid rgba(127,127,127,.18)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.10)!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll{
  display:block!important;flex:1 1 0!important;height:0!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding:7px 7px 16px!important;
  box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;scrollbar-width:thin!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module{
  position:relative!important;inset:auto!important;top:auto!important;z-index:1!important;
  width:100%!important;display:block!important;transform:none!important;box-shadow:none!important;
  border:0!important;background:transparent!important;contain:layout paint!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_count,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_count{
  height:31px!important;min-height:31px!important;padding:0 38px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:0!important;font-size:12px!important;font-weight:900!important;line-height:31px!important;
  letter-spacing:.1px!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_count span,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_count span{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_count .story_refresh_btn,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_count .story_refresh_btn{
  top:3px!important;right:7px!important;width:25px!important;height:25px!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_tray,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_tray{
  display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;
  min-height:73px!important;height:73px!important;padding:8px 8px 9px!important;margin:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important;
  scroll-snap-type:x proximity!important;scrollbar-width:none!important;touch-action:pan-x!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_tray::-webkit-scrollbar{display:none!important}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_ring,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_ring{
  width:53px!important;height:53px!important;padding:3px!important;box-shadow:0 3px 10px rgba(0,0,0,.24)!important;
}
#tlgawy_panel_users .tlgawy-members-top #tlgawy_story_module .story_avatar,
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_avatar{
  width:45px!important;height:45px!important;border-width:2px!important;
}

/* Member section labels and cards follow the clean reference hierarchy. */
#tlgawy_panel_users .tlgawy-v56-count,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count{
  position:sticky!important;top:-7px!important;z-index:8!important;margin:0 0 7px!important;
  min-height:31px!important;padding:0 9px!important;border-radius:7px!important;
  display:flex!important;align-items:center!important;box-shadow:0 2px 7px rgba(0,0,0,.09)!important;
}
#tlgawy_panel_users .tlgawy-v56-count .bcell,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count .bcell{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;font-size:12px!important;font-weight:900!important;
}
#tlgawy_panel_users .tlgawy-v56-count .ucount,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count .ucount{
  min-width:26px!important;height:20px!important;padding:0 6px!important;border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;line-height:20px!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .online_user,
#tlgawy_panel_users .tlgawy-v56-user-scroll .offline_user,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .online_user,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .offline_user{
  display:flex!important;flex-direction:column!important;gap:6px!important;padding:0 0 9px!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item{
  position:relative!important;display:flex!important;align-items:center!important;direction:rtl!important;
  width:100%!important;min-height:58px!important;margin:0!important;padding:6px 7px!important;
  border:1px solid rgba(127,127,127,.16)!important;border-radius:11px!important;
  box-sizing:border-box!important;overflow:hidden!important;isolation:isolate!important;
  box-shadow:0 2px 8px rgba(0,0,0,.07)!important;touch-action:pan-y!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item:hover,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item:hover{
  transform:translateY(-1px)!important;box-shadow:0 5px 15px rgba(0,0,0,.12)!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_avatar,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_avatar{
  flex:0 0 45px!important;width:45px!important;height:45px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_avatar .acav,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_avatar .acav{
  width:43px!important;height:43px!important;min-width:43px!important;border-radius:50%!important;
  object-fit:cover!important;box-shadow:0 0 0 2px rgba(255,255,255,.78),0 2px 8px rgba(0,0,0,.25)!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_frame_avatar_new,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_frame_avatar_new{
  flex:0 0 49px!important;width:49px!important;height:49px!important;position:relative!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_data,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_data{
  display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;
  padding:0 7px!important;overflow:hidden!important;text-align:right!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .username,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .username{
  display:block!important;max-width:100%!important;margin:0 0 3px!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important;
  line-height:19px!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .list_mood,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .list_mood{
  display:block!important;max-width:100%!important;margin:0!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:15px!important;
  opacity:.74!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_icon,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_icon,
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_level,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_level,
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_flag,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_flag,
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_item_sex,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_item_sex{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:20px!important;padding:0 2px!important;
}
#tlgawy_panel_users .tlgawy-v56-user-scroll .user_stage_list,
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-user-scroll .user_stage_list{
  min-width:22px!important;height:20px!important;padding:0 5px!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;
}
#tlgawy_panel_users .tlgawy-v56-list-state{padding:35px 12px!important;opacity:.72!important}

/* Full-screen cinematic gallery. */
#over_emodal.rt-gallery-backdrop{
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;
  background:rgba(7,8,11,.91)!important;backdrop-filter:blur(5px)!important;
}
#over_emodal.rt-gallery-backdrop #over_emodal_in{
  position:relative!important;width:100%!important;max-width:none!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
}
#over_emodal.rt-gallery-backdrop #over_emodal_content{width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;background:transparent!important}
.rt-gallery-modal{
  position:relative!important;width:100%!important;height:100%!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;color:#fff!important;
  background:transparent!important;z-index:10053!important;direction:ltr!important;
}
.rt-gallery-toolbar{
  position:relative!important;z-index:9!important;flex:0 0 54px!important;height:54px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 15px!important;box-sizing:border-box!important;background:rgba(12,13,16,.92)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.rt-gallery-count{font:800 12px/1 Tahoma,Arial,sans-serif!important;color:rgba(255,255,255,.82)!important;direction:ltr!important}
.rt-gallery-toolbar-actions{display:flex!important;align-items:center!important;gap:7px!important}
.rt-gallery-tool{
  width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:17px!important;
  cursor:pointer!important;transition:background .15s ease,transform .15s ease!important;
}
.rt-gallery-tool:hover{background:rgba(255,255,255,.19)!important;transform:scale(1.04)!important}
.rt-gallery-tool:disabled{opacity:.35!important;cursor:not-allowed!important}
.rt-gallery-stage{
  position:relative!important;flex:1 1 auto!important;min-height:0!important;padding:18px 74px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  background:#090a0d!important;isolation:isolate!important;
}
.rt-gallery-blur{
  position:absolute!important;inset:-35px!important;z-index:-2!important;background-position:center!important;
  background-size:cover!important;background-repeat:no-repeat!important;filter:blur(34px) brightness(.34)!important;
  transform:scale(1.08)!important;opacity:.72!important;transition:background-image .2s ease!important;
}
.rt-gallery-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(4,5,8,.48);pointer-events:none}
.rt-gallery-media-wrap{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:min(860px,78vw)!important;height:100%!important;min-height:0!important;
}
.rt-gallery-image{
  display:block!important;max-width:100%!important;max-height:calc(100vh - 150px)!important;width:auto!important;height:auto!important;
  object-fit:contain!important;border-radius:3px!important;box-shadow:0 18px 65px rgba(0,0,0,.72)!important;
  opacity:1!important;transform:scale(1)!important;transition:opacity .12s ease,transform .16s ease!important;
  user-select:none!important;-webkit-user-drag:none!important;
}
.rt-gallery-image.is-changing{opacity:.22!important;transform:scale(.985)!important}
.rt-gallery-caption{
  position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;
  max-width:min(720px,80vw)!important;min-height:0!important;padding:8px 14px!important;border-radius:18px!important;
  background:rgba(0,0,0,.58)!important;color:#fff!important;text-align:center!important;font-size:12px!important;
  line-height:1.5!important;direction:rtl!important;backdrop-filter:blur(6px)!important;
}
.rt-gallery-nav{
  position:absolute!important;top:50%!important;z-index:7!important;transform:translateY(-50%)!important;
  width:45px!important;height:62px!important;border:0!important;border-radius:4px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(0,0,0,.42)!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;
  transition:background .15s ease,transform .15s ease!important;
}
.rt-gallery-nav:hover{background:rgba(0,0,0,.72)!important;transform:translateY(-50%) scale(1.05)!important}
.rt-gallery-prev{right:17px!important}.rt-gallery-next{left:17px!important}
.rt-gallery-thumbs{
  position:relative!important;z-index:8!important;flex:0 0 76px!important;height:76px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  overflow-x:auto!important;overflow-y:hidden!important;padding:8px 14px!important;box-sizing:border-box!important;
  background:rgba(12,13,16,.94)!important;border-top:1px solid rgba(255,255,255,.09)!important;
  scrollbar-width:thin!important;direction:ltr!important;
}
.rt-gallery-thumb{
  flex:0 0 55px!important;width:55px!important;height:55px!important;padding:2px!important;margin:0!important;
  border:2px solid transparent!important;border-radius:7px!important;background:transparent!important;
  opacity:.62!important;cursor:pointer!important;transition:opacity .15s ease,transform .15s ease,border-color .15s ease!important;
}
.rt-gallery-thumb:hover{opacity:.9!important}.rt-gallery-thumb.active{opacity:1!important;border-color:#fff!important;transform:scale(1.04)!important}
.rt-gallery-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:4px!important}
@media(max-width:700px){
  .rt-gallery-toolbar{height:48px!important;flex-basis:48px!important;padding:0 8px!important}
  .rt-gallery-tool{width:35px!important;height:35px!important}
  .rt-gallery-stage{padding:10px 43px!important}
  .rt-gallery-media-wrap{width:100%!important}
  .rt-gallery-image{max-height:calc(100dvh - 134px)!important}
  .rt-gallery-nav{width:35px!important;height:52px!important;font-size:16px!important}
  .rt-gallery-prev{right:4px!important}.rt-gallery-next{left:4px!important}
  .rt-gallery-thumbs{height:66px!important;flex-basis:66px!important;padding:6px 8px!important}
  .rt-gallery-thumb{width:48px!important;height:48px!important;flex-basis:48px!important}
  .rt-gallery-caption{bottom:8px!important;max-width:78vw!important;font-size:11px!important;padding:6px 10px!important}
}

/* =========================================================
   TLGAWY V57 — fixed friends stories header + native member scroll
   ========================================================= */
#chat_right_data.tlgawy-panel-host{
  display:block!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#chat_right_data.tlgawy-panel-host>#tlgawy_panel_users.is-active,
#tlgawy_panel_users.is-active{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#tlgawy_panel_users.is-active>#container_user.tlgawy-v56-members,
#tlgawy_panel_users.is-active #container_user.tlgawy-v56-members{
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v56-members>.tlgawy-members-top{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-height:112px!important;
  overflow:hidden!important;
  z-index:40!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v56-members>.tlgawy-v56-user-scroll{
  display:block!important;
  flex:1 1 0!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
  scrollbar-gutter:stable!important;
}
#tlgawy_panel_users.is-active #container_user.tlgawy-v56-members>.tlgawy-v56-user-scroll *{
  touch-action:pan-y!important;
}
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_tray,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_tray *{
  touch-action:pan-x!important;
}

/* TLGAWY V57 — owner administrative commands */
.tlgawy-admin-commands{padding:14px!important;background:#f6f7f9!important}
.tlgawy-admin-command-head{display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:12px;border-radius:12px;background:#20252d;color:#fff}
.tlgawy-admin-command-head>i{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:19px}
.tlgawy-admin-command-head strong{display:block;font-size:16px;line-height:22px}
.tlgawy-admin-command-head small{display:block;margin-top:2px;opacity:.72;font-size:11px}
.tlgawy-admin-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.tlgawy-admin-command-card{appearance:none;border:1px solid #dfe3e8;border-radius:12px;background:#fff;min-height:92px;padding:11px;text-align:right;cursor:pointer;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.tlgawy-admin-command-card>i{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:#1476d4;font-size:15px}
.tlgawy-admin-command-card>span{font-weight:900;font-size:13px;color:#222}
.tlgawy-admin-command-card>small{font-size:10px;line-height:16px;color:#6b7280}
.tlgawy-admin-command-card.danger>i{background:#fff0f0;color:#dc2626}
.tlgawy-admin-command-card:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.09)}
.tlgawy-admin-command-card:disabled{opacity:.55;cursor:wait;transform:none}
.tlgawy-admin-command-section{padding:12px;margin-top:10px;border:1px solid #e0e4e9;border-radius:12px;background:#fff}
.tlgawy-admin-command-section>label{display:block;margin-bottom:8px;font-size:12px;font-weight:900;color:#303641}
.tlgawy-admin-command-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.tlgawy-admin-command-stack{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.tlgawy-admin-command-section .full_input{height:40px!important;margin:0!important}
@media(max-width:620px){.tlgawy-admin-command-grid{grid-template-columns:1fr}.tlgawy-admin-command-row,.tlgawy-admin-command-stack{grid-template-columns:1fr}.tlgawy-admin-command-card{min-height:80px}}

/* =========================================================
   TLGAWY V58 — definitive native scrolling for members and
   leaderboard on desktop, mobile and touch screens.
   ========================================================= */
#chat_right_data[data-v44-panel="users"]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user,
#tlgawy_panel_users.is-active > #container_user{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-members-top,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-members-top{
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  min-height:0!important;
  max-height:112px!important;
  overflow:hidden!important;
  touch-action:pan-x!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll{
  grid-row:2!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
  scrollbar-gutter:stable!important;
  contain:none!important;
  transform:translateZ(0)!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll .online_user,
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll .offline_user,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll .online_user,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll .offline_user{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Leaderboard and every left-side panel use one real scrolling viewport. */
#chat_left:not(.left_hide){
  overflow:hidden!important;
  min-height:0!important;
}
#chat_left:not(.left_hide) > #left_content{
  display:grid!important;
  grid-template-rows:40px minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#chat_left:not(.left_hide) #left_panel_bar{
  grid-row:1!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
}
#chat_left:not(.left_hide) #chat_left_data{
  grid-row:2!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
  scrollbar-gutter:stable!important;
  contain:none!important;
  transform:translateZ(0)!important;
}
#chat_left:not(.left_hide) #chat_left_data > *,
#chat_left:not(.left_hide) #leaderboard_container,
#chat_left:not(.left_hide) #leaderboard_container .reg_zone,
#chat_left:not(.left_hide) #leaderboard_container .pad15,
#chat_left:not(.left_hide) #leaderboard_container .pad20{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  contain:none!important;
}
@media screen and (max-width:1200px){
  #chat_right.cright2 #chat_right_data[data-v44-panel="users"],
  #chat_left.cleft2:not(.left_hide) > #left_content{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }
}
#tlgawy_panel_users.is-active{position:relative!important;min-height:0!important;overflow:hidden!important}


/* =========================================================
   TLGAWY V59 — fixed online counter above the member scroller.
   The label is moved by v44_stability.js into its own grid row,
   so it never travels with the member list.
   ========================================================= */
#chat_right_data[data-v44-panel="users"] > #container_user,
#tlgawy_panel_users.is-active > #container_user{
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-fixed-online-head,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-fixed-online-head{
  grid-row:2!important;
  position:relative!important;
  top:auto!important;
  z-index:12!important;
  width:auto!important;
  min-height:31px!important;
  margin:0 7px 7px!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll{
  grid-row:3!important;
  transform:none!important;
}

/* =========================================================
   TLGAWY V60 — reference-style members + native fast scrolling
   Stories and online count are part of the scrolling content.
   ========================================================= */
#chat_right_data[data-v44-panel="users"] > #container_user,
#tlgawy_panel_users.is-active > #container_user{
  display:block!important;
  grid-template-rows:none!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f3f3f3!important;
}
#chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll,
#tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll{
  display:block!important;
  grid-row:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:2px 1px 18px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  scrollbar-gutter:auto!important;
  transform:none!important;
  contain:none!important;
  will-change:scroll-position!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll > .tlgawy-members-top,
#tlgawy_panel_users.is-active .tlgawy-user-scroll > .tlgawy-members-top{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  touch-action:pan-y pinch-zoom!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-fixed-online-head,
#tlgawy_panel_users.is-active .tlgawy-fixed-online-head{
  position:relative!important;
  grid-row:auto!important;
  top:auto!important;
  width:auto!important;
  margin:0 1px 5px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-v60-online-head,
#tlgawy_panel_users.is-active .tlgawy-v60-online-head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}

/* Story title and tray match the compact purple reference hierarchy. */
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module{
  width:100%!important;
  padding:0 7px!important;
  margin:0 0 6px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background:transparent!important;
  touch-action:pan-y pinch-zoom!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_count,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_count{
  height:27px!important;
  min-height:27px!important;
  margin:0 0 7px!important;
  padding:0 34px!important;
  border-radius:5px!important;
  color:#fff!important;
  background:#9340b4!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:27px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_tray,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_tray{
  width:100%!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:7px 10px!important;
  gap:10px!important;
  border-radius:13px!important;
  background:#8f0ca5!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pan-y pinch-zoom!important;
  scroll-snap-type:none!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_ring,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_ring{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  padding:2px!important;
  border-radius:50%!important;
  box-shadow:none!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-members-top #tlgawy_story_module .story_avatar,
#tlgawy_panel_users.is-active .tlgawy-members-top #tlgawy_story_module .story_avatar{
  width:46px!important;
  height:46px!important;
  border-width:2px!important;
}

/* Green online bar scrolls naturally with stories and member cards. */
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count,
#tlgawy_panel_users.is-active .tlgawy-v56-count{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  width:auto!important;
  min-height:31px!important;
  height:31px!important;
  margin:0 1px 5px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:6px!important;
  color:#fff!important;
  background:#07940c!important;
  box-shadow:none!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count .bcell,
#tlgawy_panel_users.is-active .tlgawy-v56-count .bcell{
  justify-content:center!important;
  gap:4px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-v56-count .ucount,
#tlgawy_panel_users.is-active .tlgawy-v56-count .ucount{
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  background:transparent!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Compact rounded member cards, preserving each member's own background/effect. */
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .online_user,
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .offline_user,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .online_user,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .offline_user{
  gap:4px!important;
  padding:0 1px 6px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item{
  min-height:59px!important;
  margin:0!important;
  padding:4px 5px!important;
  border:1px solid rgba(15,15,15,.55)!important;
  border-radius:12px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.20)!important;
  transform:none!important;
  transition:none!important;
  touch-action:pan-y pinch-zoom!important;
  content-visibility:auto!important;
  contain-intrinsic-size:auto 59px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item:hover,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item:hover{
  transform:none!important;
  box-shadow:0 1px 3px rgba(0,0,0,.20)!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item_avatar,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item_avatar{
  flex:0 0 47px!important;
  width:47px!important;
  height:47px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item_avatar .acav,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item_avatar .acav{
  width:45px!important;
  height:45px!important;
  min-width:45px!important;
  border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.20)!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item_frame_avatar_new,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item_frame_avatar_new{
  flex:0 0 51px!important;
  width:51px!important;
  height:51px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item_data,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item_data{
  padding:0 5px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .username,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .username{
  margin:0 0 2px!important;
  font-size:13px!important;
  line-height:19px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .list_mood,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .list_mood{
  font-size:10px!important;
  line-height:15px!important;
}
#chat_right_data[data-v44-panel="users"] .tlgawy-user-scroll .user_item *,
#tlgawy_panel_users.is-active .tlgawy-user-scroll .user_item *{
  touch-action:pan-y pinch-zoom!important;
}

/* Native fast momentum scrolling for classifications/leaderboard on mobile. */
#chat_left:not(.left_hide) #chat_left_data{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  scrollbar-gutter:auto!important;
  transform:none!important;
  contain:none!important;
  will-change:scroll-position!important;
}
#chat_left:not(.left_hide) #chat_left_data *,
#chat_left:not(.left_hide) #leaderboard_container,
#chat_left:not(.left_hide) #leaderboard_container *{
  touch-action:pan-y pinch-zoom!important;
}
@media(max-width:700px){
  #chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll,
  #tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll,
  #chat_left:not(.left_hide) #chat_left_data{
    scrollbar-width:none!important;
  }
  #chat_right_data[data-v44-panel="users"] > #container_user > .tlgawy-user-scroll::-webkit-scrollbar,
  #tlgawy_panel_users.is-active > #container_user > .tlgawy-user-scroll::-webkit-scrollbar,
  #chat_left:not(.left_hide) #chat_left_data::-webkit-scrollbar{
    width:0!important;
    height:0!important;
  }
}