/* Reference styles retain native profile dialogs without changing selector specificity. */
html.tlgawy-reference-ui:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { --ref-accent: #03add8; --ref-pink: #e91e8c; --ref-chrome: #222; }
html.tlgawy-reference-ui:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { --ref-ui-font: 'TLGAWY Reference Kufi',sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',Arial,Helvetica,sans-serif; --ref-message-font: HelveticaNeue,'TLGAWY Reference Kufi',Arial,sans-serif; }
@media (min-width: 300px) and (max-width: 599px) {
  html.tlgawy-reference-ui:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { --ref-ui-font: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',Arial,Helvetica,sans-serif; --ref-message-font: HelveticaNeue,'TLGAWY Reference Naskh UI',Arial,sans-serif; }
}
html.tlgawy-reference-ui body:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui #show_chat:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_private:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_chat .ch_logs:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_chat .my_text:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_chat .cname:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui #show_chat .username:not([class*="bnfont"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #container_user .user_item_name:not([class*="bnfont"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; font-weight: 700 !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui #show_chat .username:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: inline-block !important; font-size: 14px !important; }
html.tlgawy-reference-ui body #show_chat .chat_message:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui body #show_private .chat_message:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_chat .chat_message.inline:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_private .chat_message.inline:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .chat_quote:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .cqmess:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-message-font) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.4em !important; }
html.tlgawy-reference-ui #show_chat .chat_message.heavybold:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_chat .chat_message.heavyital:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_private .chat_message.heavybold:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #show_private .chat_message.heavyital:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-weight: 900 !important; }
html.tlgawy-reference-ui #content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #private_input input:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #message_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #news_data:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #wall_data:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .modal_back input:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .modal_back textarea:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .modal_back select:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: sans-serif, "trebuchet ms", "lucida grande", "lucida sans unicode", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; }
html.tlgawy-reference-ui #content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *))::placeholder, html.tlgawy-reference-ui #message_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *))::placeholder { font-family: inherit !important; font-weight: 400 !important; }
html.tlgawy-reference-ui body:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(237, 237, 237) !important; color: rgb(51, 51, 51) !important; overflow-x: hidden !important; }
html.tlgawy-reference-ui #chat_head:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #wrap_footer:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-color: var(--ref-chrome) !important; color: rgb(255, 255, 255) !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; }
html.tlgawy-reference-ui #chat_head:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table !important; width: 100% !important; table-layout: fixed !important; height: 50px !important; min-height: 50px !important; padding: 0px !important; position: relative !important; z-index: 205 !important; }
html.tlgawy-reference-ui #chat_head .head_option:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: 35px !important; min-width: 0px !important; height: 50px !important; padding: 0px !important; vertical-align: middle !important; text-align: center !important; border-radius: 0px !important; background: none !important; color: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #chat_head .head_option p:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { margin: 0px !important; font-size: 11px !important; line-height: 1.2 !important; color: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #chat_head .head_option i:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 18px !important; }
html.tlgawy-reference-ui #chat_head .chat_head_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; vertical-align: middle !important; width: 120px !important; padding: 0px 4px !important; }
html.tlgawy-reference-ui #chat_head #main_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: auto !important; max-width: 110px !important; height: auto !important; max-height: 42px !important; object-fit: contain !important; }
html.tlgawy-reference-ui #chat_head #empty_top_mob:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: auto !important; }
html.tlgawy-reference-ui #chat_head #main_mob_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 45px !important; }
html.tlgawy-reference-ui #global_chat:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table !important; table-layout: fixed !important; width: 100% !important; padding: 0px !important; margin: 0px !important; border-radius: 0px !important; background: rgb(237, 237, 237) !important; }
html.tlgawy-reference-ui #chat_center:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; vertical-align: top !important; width: auto !important; padding: 0px !important; border-radius: 0px !important; min-width: 0px !important; background: rgb(237, 237, 237) !important; }
html.tlgawy-reference-ui #chat_right:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 280px; border-radius: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; padding: 0px !important; }
html.tlgawy-reference-ui #chat_right.cright:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell; vertical-align: top !important; position: relative !important; top: auto !important; z-index: auto !important; }
html.tlgawy-reference-ui #chat_left:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-radius: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }
html.tlgawy-reference-ui #right_panel_bar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #left_panel_bar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 40px !important; min-height: 40px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; color: rgb(34, 34, 34) !important; border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(237, 237, 237) !important; box-shadow: none !important; border-radius: 0px !important; display: table !important; table-layout: fixed !important; width: 100% !important; }
html.tlgawy-reference-ui #right_panel_bar .panel_option:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #right_panel_bar .panel_bar_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: none; width: 40px !important; height: 40px !important; font-size: 14px !important; text-align: center !important; display: table-cell !important; vertical-align: middle !important; color: rgb(34, 34, 34) !important; }
html.tlgawy-reference-ui #right_panel_bar .ref-panel-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(243, 243, 243) !important; }
html.tlgawy-reference-ui #chat_right_data:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_left_data:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(255, 255, 255) !important; border-radius: 0px !important; padding: 0px !important; overflow-x: hidden !important; }
html.tlgawy-reference-ui #container_user:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border: 0px !important; padding: 6px 8px 0px !important; background: rgb(255, 255, 255) !important; border-radius: 0px !important; }
html.tlgawy-reference-ui .tlgawy-members-top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #container_user .tlgawy-user-scroll:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #container_user .user_count:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; width: 100% !important; height: 26px !important; min-height: 26px !important; margin: 7px 0px !important; padding: 0px 5px !important; background: green !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 5px !important; text-align: center !important; font-size: 13px !important; line-height: 26px !important; box-shadow: none !important; }
html.tlgawy-reference-ui #container_user .user_count .bcell:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: inline !important; }
html.tlgawy-reference-ui #container_user .ucount:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { color: rgb(255, 255, 255) !important; background: none !important; padding: 0px !important; margin: 0px !important; font-size: 13px !important; }
html.tlgawy-reference-ui #container_user .user_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { margin: 3px 0px !important; padding: 5px 8px !important; min-height: 42px !important; font-family: var(--ref-ui-font) !important; }
html.tlgawy-reference-ui #container_user .online_user .user_item:not(.ref-member-decorated):not([style*="border-radius"]):not([class*="grad"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #container_user .offline_user .user_item:not(.ref-member-decorated):not([style*="border-radius"]):not([class*="grad"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(237, 237, 237) !important; border-radius: 0px !important; box-shadow: none !important; padding: 5px 8px !important; margin: 3px 0px !important; }
html.tlgawy-reference-ui #container_user .user_item.ref-member-decorated:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-radius: var(--ref-member-radius,10px) !important; margin: 5px 0px !important; padding: 4px 6px !important; border-bottom: 0px !important; }
html.tlgawy-reference-ui #chat_right_data #container_user .user_item[style*="border-radius"]:not(.ref-member-decorated):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-radius: 0px !important; }
html.tlgawy-reference-ui #container_user .user_item_data > .username:not([class*="bnfont"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui #container_user .user_item_avatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 40px !important; height: 40px !important; }
html.tlgawy-reference-ui #container_user .user_item_avatar .acav:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 36px !important; height: 36px !important; object-fit: cover !important; }
html.tlgawy-reference-ui #chat_right_data #container_user .list_mood:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400 !important; }
html.tlgawy-reference-ui #tlgawy_story_module:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_count:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 26px !important; min-height: 26px !important; margin: 0px 0px 7px !important; padding: 0px 28px !important; background: rgb(147, 66, 176) !important; border: 0px !important; border-radius: 5px !important; box-shadow: none !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_count span:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: Arial, sans-serif !important; font-size: 14px !important; line-height: 26px !important; font-weight: 700 !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_tray:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 64px !important; min-height: 64px !important; gap: 8px !important; padding: 6px 6px 8px !important; border-radius: 12px !important; background: rgb(34, 34, 34) !important; box-shadow: none !important; direction: ltr !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #tlgawy_story_module .story_self_add:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { flex: 0 0 calc(25% - 6px) !important; width: calc(25% - 6px) !important; min-width: calc(25% - 6px) !important; max-width: calc(25% - 6px) !important; height: 48px !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_ring:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; }
html.tlgawy-reference-ui #tlgawy_story_module .story_avatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; }
html.tlgawy-reference-ui #show_chat:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(237, 237, 237) !important; padding: 0px !important; }
html.tlgawy-reference-ui #show_chat .ch_logs:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table !important; table-layout: fixed !important; width: 100% !important; padding: 3px !important; min-height: 30px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }
html.tlgawy-reference-ui #show_chat .ch_logs:nth-child(2n+1):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-color: rgb(255, 255, 255); }
html.tlgawy-reference-ui #show_chat .ch_logs:nth-child(2n):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-color: rgb(237, 237, 237); }
html.tlgawy-reference-ui #show_chat .my_text:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: auto !important; vertical-align: middle !important; padding: 0px 6px 0px 0px !important; border: 0px !important; }
html.tlgawy-reference-ui #show_chat .cname:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; vertical-align: middle !important; }
html.tlgawy-reference-ui #show_chat .tlgawy-reference-name:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { float: none !important; display: inline-block !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui #show_chat .chat_rank:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: inline-block !important; width: auto !important; height: 11px !important; margin: 0px 3px 0px 0px !important; padding: 0px 0px 0px 3px !important; font-size: 14px !important; }
html.tlgawy-reference-ui #show_chat .chat_avatar:not(.chat_frame_avatar):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: 23px !important; vertical-align: top !important; padding: 0px !important; }
html.tlgawy-reference-ui #show_chat .cavatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 27px !important; height: 27px !important; object-fit: cover !important; }
html.tlgawy-reference-ui #show_chat .chat_message:not(.bubble):not(.tlgawy-msg-bubble):not(.habs-bubble-shape):not([class*="tlgawy-msg-style-"]):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; background-color: transparent !important; }
html.tlgawy-reference-ui #show_chat .chat_message:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-weight: 700; font-size: 15px; line-height: 1.4em; }
html.tlgawy-reference-ui #show_chat .log_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: inline !important; cursor: pointer !important; padding: 0px 3px !important; color: rgb(204, 204, 204) !important; }
html.tlgawy-reference-ui #top_chat_container:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-top: 1px solid rgb(230, 230, 230) !important; background: rgb(255, 255, 255) !important; padding: 4px !important; border-radius: 0px !important; box-shadow: none !important; min-height: 44px !important; }
html.tlgawy-reference-ui #main_input:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 38px !important; }
html.tlgawy-reference-ui #main_input .input_table:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table !important; width: 100% !important; height: 38px !important; table-layout: fixed !important; padding: 0px !important; border: 0px !important; background: transparent !important; }
html.tlgawy-reference-ui #main_input .main_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: 38px !important; height: 38px !important; vertical-align: middle !important; padding: 0px !important; }
html.tlgawy-reference-ui #main_input_box:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: auto !important; border-radius: 0px !important; background: transparent !important; border: 0px !important; padding: 0px !important; }
html.tlgawy-reference-ui #main_input_box #content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 100% !important; height: 38px !important; padding: 0px 32px 0px 12px !important; border: 1px solid rgb(230, 230, 230) !important; border-radius: 100px !important; background: rgb(246, 246, 246) !important; text-align: start !important; }
html.tlgawy-reference-ui #submit_button:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; padding: 0px !important; border: 0px !important; border-radius: 50% !important; box-shadow: none !important; background: rgb(34, 34, 34) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; }
html.tlgawy-reference-ui #emo_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { pointer-events: auto !important; position: absolute !important; top: 6px !important; right: 8px !important; left: auto !important; width: 24px !important; height: 24px !important; display: block !important; padding: 0px !important; background: transparent !important; color: rgb(153, 153, 153) !important; z-index: 2 !important; transform: none !important; }
html.tlgawy-reference-ui #wrap_footer:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 50px !important; min-height: 50px !important; padding: 0px !important; }
html.tlgawy-reference-ui #my_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table !important; table-layout: fixed !important; width: 100% !important; height: 50px !important; padding: 0px !important; margin: 0px !important; }
html.tlgawy-reference-ui #my_menu .footer_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell; vertical-align: middle !important; width: 50px !important; height: 50px !important; min-width: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
html.tlgawy-reference-ui #my_menu .bcell_mid:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: auto !important; }
html.tlgawy-reference-ui #my_menu .footer_item p:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 12px !important; line-height: 1 !important; margin: 0px !important; }
html.tlgawy-reference-ui #my_menu .footer_item:has(p):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 50px !important; }
html.tlgawy-reference-ui #my_menu .footer_item p:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.tlgawy-reference-ui .float_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .sysmenu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overflow: hidden; border: 0px !important; background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important; border-radius: 10px !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; filter: none !important; backdrop-filter: none !important; }
html.tlgawy-reference-ui .float_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overscroll-behavior: contain; margin: 5px !important; overflow-y: auto !important; }
html.tlgawy-reference-ui #chat_left_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #room_options_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; left: 0px !important; right: auto !important; top: 50px !important; width: 260px !important; max-width: calc(-8px + 100vw) !important; z-index: 450 !important; }
html.tlgawy-reference-ui #chat_main_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #reference_settings_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #status_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #bank_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; top: 50px !important; right: 0px !important; left: auto !important; width: 300px !important; max-width: calc(-10px + 100vw) !important; z-index: 450 !important; }
html.tlgawy-reference-ui #reference_settings_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: none; }
html.tlgawy-reference-ui .fmenu_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { cursor: pointer; display: table !important; width: 100% !important; min-height: 0px !important; height: auto !important; padding: 12px 10px !important; margin: 0px !important; border-radius: 0px !important; border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; box-shadow: none !important; text-align: initial !important; }
html.tlgawy-reference-ui .fmenu_item:last-child:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-bottom: 0px !important; }
html.tlgawy-reference-ui .fmenu_item .fmenu_icon:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: 30px !important; vertical-align: middle !important; text-align: center !important; }
html.tlgawy-reference-ui .fmenu_item .fmenu_text:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; vertical-align: middle !important; font-size: 14px !important; padding: 0px 5px !important; font-weight: 400 !important; }
html.tlgawy-reference-ui .fmenu_item .fmenu_chevron:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: table-cell !important; width: 16px !important; vertical-align: middle !important; text-align: center !important; }
html.tlgawy-reference-ui .float_section:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; }
html.tlgawy-reference-ui #chat_main_menu #mmenu_top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important; border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; padding: 3px 4px !important; min-height: 78px !important; }
html.tlgawy-reference-ui #mmenu_top .avmmenu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 42px !important; }
html.tlgawy-reference-ui #mmenu_top .avmmenu img:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 40px !important; height: 40px !important; border-radius: 6px !important; }
html.tlgawy-reference-ui #mmenu_top .menuranktxt:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 11px !important; font-weight: 400 !important; }
html.tlgawy-reference-ui #mmenu_top .menuname:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 16px !important; line-height: 20px !important; }
html.tlgawy-reference-ui .reference-edit-hint:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { color: rgb(153, 153, 153); font-size: 11px; line-height: 16px; }
html.tlgawy-reference-ui #mmenu_top .editstatus:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 28px !important; }
html.tlgawy-reference-ui #mmenu_top .status_icon:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 18px !important; height: 18px !important; }
html.tlgawy-reference-ui #mmenul_top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important; border-radius: 0px !important; }
html.tlgawy-reference-ui #mmenul_top .roomcv:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 40px !important; }
html.tlgawy-reference-ui #av_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 240px !important; max-width: calc(-12px + 100vw) !important; min-width: 0px !important; position: fixed !important; bottom: auto !important; border: 0px !important; border-radius: 20px !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
html.tlgawy-reference-ui #av_menu .avtop:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 10px !important; min-height: 90px !important; background-color: rgb(34, 34, 34) !important; border-radius: 0px !important; }
html.tlgawy-reference-ui #av_menu .avavatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 60px !important; height: 60px !important; border-radius: 50% !important; margin: 0px auto !important; }
html.tlgawy-reference-ui #av_menu .avusername:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 20px !important; font-weight: 700 !important; text-align: center !important; }
html.tlgawy-reference-ui #av_menu .avitem:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 12px 10px !important; min-height: 0px !important; text-align: center !important; font-size: 14px !important; line-height: 1.2 !important; border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgba(0, 0, 0, 0.05) !important; border-radius: 0px !important; }
html.tlgawy-reference-ui #av_menu .avitem:last-child:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-bottom: 0px !important; }
html.tlgawy-reference-ui #av_menu .card_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important; }
html.tlgawy-reference-ui #log_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 200px !important; max-width: calc(-16px + 100vw) !important; position: fixed !important; bottom: auto !important; border-radius: 15px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; z-index: 10025 !important; }
html.tlgawy-reference-ui #log_menu .submenu_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 10px !important; border-radius: 0px !important; }
html.tlgawy-reference-ui #log_menu .subm_icon + .bcell_mid:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px 5px !important; }
html.tlgawy-reference-ui #av_menu.ref-actions-scroll #avcontent > .card_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overscroll-behavior: contain; max-height: var(--ref-actions-height) !important; overflow: hidden auto !important; }
html.tlgawy-reference-ui #av_menu #avcontent.ref-action-scroll:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overscroll-behavior: contain; max-height: var(--ref-action-height) !important; overflow: hidden auto !important; }
html.tlgawy-reference-ui #log_menu #logmenu.ref-log-scroll:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overscroll-behavior: contain; max-height: var(--ref-log-height) !important; overflow: hidden auto !important; }
html.tlgawy-reference-ui .modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-color: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(3px) !important; }
html.tlgawy-reference-ui body #small_modal.modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui body #large_modal.modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui body #over_modal.modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui body #over_emodal.modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { backdrop-filter: blur(3px) !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; opacity: 1 !important; will-change: auto !important; }
html.tlgawy-reference-ui #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #small_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-radius: 20px !important; border: 0px !important; box-shadow: none !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
html.tlgawy-reference-ui #small_modal #small_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #large_modal #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_modal #over_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_emodal #over_emodal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { transform: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; opacity: 1 !important; }
html.tlgawy-reference-ui #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: calc(100% - 16px) !important; margin: 5% auto !important; overflow: hidden !important; background: rgb(255, 255, 255) !important; }
/* All four modal helpers retain their requested width, including addons.
   Width still shrinks with the viewport; native profiles keep their own CSS. */
html.tlgawy-reference-ui #small_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_emodal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: var(--tlgawy-modal-max-width, 500px) !important; }
html.tlgawy-reference-ui #large_modal_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #my_profile_top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; min-height: 230px !important; height: 230px !important; border: 0px !important; border-radius: 20px 20px 0px 0px !important; background-color: rgb(34, 34, 34) !important; box-shadow: none !important; overflow: hidden !important; }
html.tlgawy-reference-ui #my_profile_top > .brow:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; }
html.tlgawy-reference-ui #my_profile_top .modal_top_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; top: 4px !important; left: 8px !important; right: auto !important; width: auto !important; display: flex !important; flex-direction: row-reverse !important; margin: 0px !important; z-index: 5 !important; }
html.tlgawy-reference-ui #my_profile_top .profile_top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; min-height: 0px !important; padding: 50px 15px 14px !important; height: auto !important; text-align: center !important; }
html.tlgawy-reference-ui #my_profile_top .profile_top > .btable_auto:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; }
html.tlgawy-reference-ui #my_profile_top .profile_avatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; width: 100px !important; height: 100px !important; min-width: 100px !important; min-height: 100px !important; margin: 0px auto 6px !important; padding: 0px !important; }
html.tlgawy-reference-ui #my_profile_top .avatar_spin:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 100px !important; height: 100px !important; border-radius: 50% !important; border: 2px solid rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #my_profile_top .avatar_profile:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 96px !important; height: 96px !important; display: block !important; object-fit: cover !important; }
html.tlgawy-reference-ui #my_profile_top .profile_tinfo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex !important; flex-direction: column !important; width: 100% !important; padding: 0px !important; align-items: center !important; text-align: center !important; }
html.tlgawy-reference-ui #my_profile_top .pdetails:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; text-align: center !important; }
html.tlgawy-reference-ui #my_profile_top .ref-edit-rank:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { order: -1; font-size: 13px !important; font-weight: 700 !important; line-height: 16px !important; }
html.tlgawy-reference-ui #my_profile_top .pro_name:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: Arial, sans-serif !important; font-size: 25px !important; line-height: 26px !important; font-weight: 700 !important; }
html.tlgawy-reference-ui #my_profile_top .pro_mood:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 12px !important; line-height: 16px !important; }
html.tlgawy-reference-ui #my_profile_top .avatar_control:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { left: 20px !important; bottom: 10px !important; width: 60px !important; height: 30px !important; }
html.tlgawy-reference-ui #my_profile_top #profile_like:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; top: 8px !important; right: 20px !important; left: auto !important; margin: 0px !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: relative !important; background-color: rgb(34, 34, 34) !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top.ref-no-cover:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-image: none !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *))::before, html.tlgawy-reference-ui #my_profile_top.ref-profile-top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *))::after { content: none !important; display: none !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .ref-profile-toolbar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; top: 4px !important; left: 8px !important; right: auto !important; display: flex !important; align-items: center !important; flex-direction: row !important; width: auto !important; height: 40px !important; padding: 0px !important; margin: 0px !important; direction: ltr !important; z-index: 10 !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .ref-profile-toolbar .modal_top_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: rgb(255, 255, 255) !important; font-size: 20px !important; box-shadow: none !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .ref-profile-stack:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex !important; position: static !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: auto !important; min-height: 0px !important; padding: 50px 15px 10px !important; margin: 0px !important; gap: 0px !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .profile_avatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: relative !important; inset: auto !important; margin: 0px auto 6px !important; flex: 0 0 100px !important; transform: none !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .profile_tinfo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: static !important; inset: auto !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; transform: none !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .pdetails:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: auto !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; position: static !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .pdetails:not(.ref-edit-rank):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { direction: ltr !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .pdetails_text:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: static !important; height: auto !important; padding: 0px !important; margin: 0px !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top #profile_like:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex !important; align-items: center !important; z-index: 5 !important; padding: 0px !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top .avatar_button:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: transparent !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #container_user .tlgawy-members-top #tlgawy_story_module:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border: 0px !important; margin: 0px !important; padding: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #container_user .tlgawy-members-top #tlgawy_story_module .story_count:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border: 0px !important; border-radius: 5px !important; margin: 0px 0px 7px !important; height: 26px !important; min-height: 26px !important; padding: 0px 28px !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #container_user .tlgawy-members-top #tlgawy_story_module .story_tray:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 64px !important; min-height: 64px !important; border: 0px !important; border-radius: 12px !important; padding: 6px 6px 8px !important; gap: 8px !important; background: rgb(34, 34, 34) !important; box-shadow: none !important; }
html.tlgawy-reference-ui .pro_menu_wrap:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(245, 245, 245) !important; border: 0px !important; padding: 0px 15px !important; }
html.tlgawy-reference-ui .pro_menu_wrap .modal_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; padding: 10px 0px !important; font-size: 0px !important; box-shadow: none !important; background: transparent !important; }
html.tlgawy-reference-ui #my_profile_top.ref-profile-top ~ .pro_menu_wrap .modal_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: transparent !important; border: 0px !important; box-shadow: none !important; }
html.tlgawy-reference-ui .pro_menu_wrap .modal_menu ul:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; }
html.tlgawy-reference-ui .pro_menu_wrap .modal_menu_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: inline-block !important; float: none !important; margin: 0px 5px 0px 0px !important; padding: 8px 12px !important; border: 0px !important; border-radius: 5px !important; font-size: 13px !important; font-weight: 700 !important; }
html.tlgawy-reference-ui #meditprofile .setting_element:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 8px 0px !important; }
html.tlgawy-reference-ui #meditprofile .label:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-family: var(--ref-ui-font) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; color: rgb(51, 51, 51) !important; }
html.tlgawy-reference-ui #large_modal.tlgawy-profile-modal:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block; padding: 0px !important; overflow-y: auto !important; }
html.tlgawy-reference-ui #large_modal.tlgawy-profile-modal #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; height: auto !important; max-height: none !important; width: calc(100% - 16px) !important; max-width: 520px !important; margin: 5% auto !important; overflow: hidden !important; }
html.tlgawy-reference-ui #large_modal.tlgawy-profile-modal #large_modal_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: 520px !important; border-radius: 20px !important; background-color: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .rt-profile-cover:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .bg_pro_cover:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background-color: rgb(34, 34, 34); min-height: 230px !important; height: auto !important; border-radius: 20px 20px 0px 0px !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .profile_top:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { min-height: 165px !important; padding: 38px 15px 15px !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .profile_avatar:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .rt-avatar-shell:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 112px !important; height: 112px !important; min-width: 112px !important; min-height: 112px !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-img:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { inset: 8px !important; width: 96px !important; height: 96px !important; }
html.tlgawy-reference-ui .profile-modern-shell.tlgawy-profile-v17 .rt-profile-avatar-border:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { inset: 0px !important; width: 112px !important; height: 112px !important; }
html.tlgawy-reference-ui #guest_form_box .modal_title:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 18px 0px 10px !important; font-size: 16px !important; }
html.tlgawy-reference-ui #guest_form_box .modal_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 0px !important; }
html.tlgawy-reference-ui #guest_form_box .guest_avatar_hint:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { margin: 0px 0px 8px; font-size: 13px; text-align: center; color: rgb(102, 102, 102); }
html.tlgawy-reference-ui .guest_avatar_tabs:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex; direction: rtl; gap: 6px; margin: 0px 0px 10px; }
html.tlgawy-reference-ui .guest_avatar_tab:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { flex: 1 1 0%; color: rgb(68, 68, 68) !important; background: rgb(240, 240, 240) !important; border: 0px !important; height: 32px !important; padding: 5px !important; border-radius: 8px !important; font-size: 13px !important; }
html.tlgawy-reference-ui .guest_avatar_tab.gat_active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(233, 30, 140) !important; color: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui .guest_avatar_grid:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); grid-auto-rows: 48px; direction: rtl; gap: 4px 6px; height: 220px; max-height: 32vh; padding: 8px 10px; border-radius: 10px; overflow: hidden auto; background: rgb(245, 245, 245); margin-bottom: 15px; scrollbar-color: rgb(211, 211, 211) transparent; }
html.tlgawy-reference-ui .guest_avatar_choice:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; padding: 3px !important; border: 2px solid transparent !important; border-radius: 10px !important; background: transparent !important; }
html.tlgawy-reference-ui .guest_avatar_choice img:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: block; width: 40px; height: 40px; object-fit: contain; }
html.tlgawy-reference-ui .guest_avatar_choice.gac_selected:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border-color: rgb(233, 30, 140) !important; background: rgb(255, 232, 243) !important; }
html.tlgawy-reference-ui #guest_form_box input.full_input:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: 46px !important; border-radius: 5px !important; background: rgb(246, 246, 246) !important; border: 1px solid rgb(230, 230, 230) !important; }
html.tlgawy-reference-ui #guest_form_box .modal_control:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 25px 0px 15px !important; }
html.tlgawy-reference-ui #guest_form_box .guest_submit:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { background: rgb(3, 173, 216) !important; color: rgb(255, 255, 255) !important; border-radius: 5px !important; height: 44px !important; }
html.tlgawy-reference-ui #small_modal:has(#guest_form_box) #small_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: 400px !important; width: calc(100% - 16px) !important; margin: 5% auto !important; padding: 0px 15px 8px !important; background: rgb(255, 255, 255) !important; }
html.tlgawy-reference-ui #small_modal:has(#guest_form_box) .modal_close:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { left: 15px !important; right: auto !important; top: 8px !important; background: none !important; color: rgb(51, 51, 51) !important; }
html.tlgawy-reference-ui #small_modal:has(#guest_form_box) #small_modal_content:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { padding: 15px 0px 0px !important; }
html.tlgawy-reference-ui .ref-rewards-grid:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html.tlgawy-reference-ui .ref-rewards-grid > div:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { border: 1px solid rgb(237, 237, 237); background: rgb(250, 250, 250); border-radius: 10px; padding: 15px; text-align: center; }
html.tlgawy-reference-ui .fhide:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .hidden:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .privhide:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_left.left_hide:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { display: none !important; }
html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { height: calc(var(--tlgawy-chat-height,calc(100dvh - 100px)) - var(--tlgawy-right-bar-height,40px)) !important; min-height: 0px !important; overflow: hidden !important; }
html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > .tlgawy-side-panel-view:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { animation: auto ease 0s 1 normal none running none !important; transition: none !important; transform: none !important; }
html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > #tlgawy_panel_friends.is-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > #tlgawy_panel_ignored.is-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > #tlgawy_panel_staff.is-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > #tlgawy_panel_search.is-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #chat_right_data.tlgawy-panel-host > #tlgawy_panel_rooms.is-active:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { overscroll-behavior: contain; touch-action: pan-y; display: block !important; overflow: hidden auto !important; }
html.tlgawy-reference-ui #small_modal:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #large_modal:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { z-index: 2147483100 !important; }
html.tlgawy-reference-ui #over_modal:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui #over_emodal:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { z-index: 2147483101 !important; }
html.tlgawy-reference-ui #story_overlay:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { z-index: 2147483090 !important; }
@media (max-width: 900px) {
  html.tlgawy-reference-ui #chat_head .chat_head_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 90px !important; }
  html.tlgawy-reference-ui #chat_head #main_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: 84px !important; }
  html.tlgawy-reference-ui #chat_head .head_option:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 34px !important; }
  html.tlgawy-reference-ui #chat_right.cright2:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; right: 0px !important; top: 50px !important; width: min(280px, 100vw) !important; z-index: 201 !important; }
  html.tlgawy-reference-ui #chat_right.cright2.large_panel:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: min(400px, 100vw) !important; }
  html.tlgawy-reference-ui #chat_left.cleft2:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { position: absolute !important; top: 50px !important; left: 0px !important; z-index: 201 !important; max-width: 100vw !important; }
  html.tlgawy-reference-ui .modal_back:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { backdrop-filter: blur(3px) !important; }
  html.tlgawy-reference-ui #large_modal_in:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { margin: 5% auto 20px !important; }
}
@media (max-width: 480px) {
  html.tlgawy-reference-ui #chat_head .chat_head_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 62px !important; }
  html.tlgawy-reference-ui #chat_head #main_logo:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { max-width: 58px !important; }
  html.tlgawy-reference-ui #chat_head .head_option:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 30px !important; }
  html.tlgawy-reference-ui #chat_head .head_option p:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 8px !important; }
  html.tlgawy-reference-ui #chat_head .head_option i:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 16px !important; }
  html.tlgawy-reference-ui #chat_head #main_mob_menu:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 36px !important; }
  html.tlgawy-reference-ui #my_menu .footer_item:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 46px !important; }
  html.tlgawy-reference-ui #my_menu .footer_item:has(p):where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { width: 50px !important; }
  html.tlgawy-reference-ui #my_menu .footer_item p:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { font-size: 10px !important; }
  html.tlgawy-reference-ui .guest_avatar_grid:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { gap: 4px 1px; padding: 8px 5px; }
}
@media (prefers-reduced-motion: reduce) {
  html.tlgawy-reference-ui .guest_avatar_tab:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)), html.tlgawy-reference-ui .guest_avatar_choice:where(:not(.tlgawy-native-profile, .tlgawy-native-profile *)) { transition: none !important; }
}

html.tlgawy-reference-ui #large_modal.tlgawy-native-profile { font-family:"Noto Kufi Arabic", "noto kufi arabic", sans-serif, "trebuchet ms", "Segoe UI", Arial, sans-serif; font-size:14px; font-weight:400; line-height:1.2; color:rgb(51, 51, 51); }

/* V7: reference reaction controls and the reference angle-down scroll control. */
html.tlgawy-reference-ui #tlgawy_scroll_bottom { position:absolute!important; width:40px!important; height:auto!important; min-height:0!important; left:35px!important; right:auto!important; bottom:5px!important; transform:translateX(-50%)!important; padding:10px!important; border:0!important; border-radius:15px!important; background:rgba(0,0,0,.2)!important; color:#fff!important; font-size:14px!important; line-height:1.2!important; box-shadow:none!important; backdrop-filter:none!important; display:none!important; opacity:0!important; pointer-events:none!important; transition:none!important; }
html.tlgawy-reference-ui #tlgawy_scroll_bottom.show { display:block!important; opacity:1!important; pointer-events:auto!important; }

/* V8: keep absolute side panels out of CSS table column allocation.
   The desktop table is retained; small screens use flex so opening a panel
   overlays the mic stage without halving the chat or wrapping its seats. */
@media (max-width:1200px) {
  html.tlgawy-reference-ui #global_chat { display:flex!important; }
  html.tlgawy-reference-ui #chat_center { display:block!important; flex:1 1 0%; width:0!important; min-width:0!important; }
  html.tlgawy-reference-ui #private_center.ppanel:not(.privhide) { flex:0 0 auto; min-width:0; }
}
@media (max-width:768px) {
  html.tlgawy-reference-ui #chat_head .chat_head_logo,
  html.tlgawy-reference-ui #chat_head #main_logo { display:none!important; width:0!important; min-width:0!important; padding:0!important; }
}

/* Match the supplied input layout: one 4px inset, 3px beside the field,
   and the regular smile at the reference right inset. */
html.tlgawy-reference-ui #top_chat_container { padding:0!important; }
html.tlgawy-reference-ui #container_input { padding:4px!important; }
html.tlgawy-reference-ui #main_input_box { padding:0 3px!important; }
html.tlgawy-reference-ui #emo_item { width:auto!important; min-width:0!important; height:26px!important; right:12px!important; top:6px!important; }
html.tlgawy-reference-ui #submit_button { border-radius:100px!important; }

/* V9: supplied flat public chat and native member panel selectors. */
html.tlgawy-reference-ui body #chat_right { max-width: 100vw !important; }
html.tlgawy-reference-ui body #global_chat #chat_right #chat_right_data { height: calc(100% - 40px) !important; }
/* V11: a table cell can grow to a long staff/search list. Bound the retained
   host to the measured chat viewport, then scroll inside each active view. */
html.tlgawy-reference-ui body #global_chat #chat_right #chat_right_data.tlgawy-panel-host { height: calc(var(--tlgawy-chat-height, calc(100dvh - 100px)) - var(--tlgawy-right-bar-height, 40px)) !important; max-height: calc(var(--tlgawy-chat-height, calc(100dvh - 100px)) - var(--tlgawy-right-bar-height, 40px)) !important; min-height: 0 !important; overflow: hidden !important; }
html.tlgawy-reference-ui body #global_chat #chat_right #chat_right_data.tlgawy-panel-host > .tlgawy-side-panel-view { height: 100% !important; max-height: 100% !important; min-height: 0 !important; }
html.tlgawy-reference-ui body #global_chat #chat_right #chat_right_data.tlgawy-panel-host > .tlgawy-side-panel-view.is-active:not(#tlgawy_panel_users):not(#tlgawy_panel_search) { display: block !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y pinch-zoom !important; }
html.tlgawy-reference-ui body #global_chat #chat_right #chat_right_data.tlgawy-panel-host > #tlgawy_panel_search.is-active { display: block !important; overflow: hidden !important; }
html.tlgawy-reference-ui body #chat_right_data #ev_search_container > .pad10:first-of-type { flex: 0 1 auto !important; min-height: 0 !important; max-height: 55% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; touch-action: pan-y pinch-zoom !important; }
html.tlgawy-reference-ui body #chat_right_data #usearch_result { flex: 1 1 0 !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; touch-action: pan-y pinch-zoom !important; }
html.tlgawy-reference-ui body #right_panel_bar .panel_option,
html.tlgawy-reference-ui body #right_panel_bar .panel_bar_item { height: 39px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user { padding: 0 !important; background: white !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .tlgawy-user-scroll { padding: 0 !important; margin: 0 !important; background: white !important; overflow-y: auto !important; scrollbar-gutter: auto !important; }
html.tlgawy-reference-ui body #chat_head,
html.tlgawy-reference-ui body #wrap_footer,
html.tlgawy-reference-ui body #my_menu { background: #222 !important; }
html.tlgawy-reference-ui body #show_chat .user_stage_chat,
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_level,
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_icon:has(> .icon_status[src$="/online.svg"]) { display: none !important; }
html.tlgawy-reference-ui body #show_chat .cname > .tlgawy-reference-name > span { padding: 0 2px !important; border-radius: 5px !important; }
html.tlgawy-reference-ui body #show_chat .grad_small_border { display: flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; border-radius: 1000px !important; }
html.tlgawy-reference-ui body #show_chat .cavatar.small_av { width: 23px !important; height: 23px !important; }
html.tlgawy-reference-ui body #show_chat .chat_frame_avatar { display: inline-block !important; position: relative !important; vertical-align: top !important; width: 33px !important; padding: 0 !important; }
html.tlgawy-reference-ui body #show_chat .chat_frame_avatar_inner2 { width: 30px !important; height: 30px !important; border-radius: 50% !important; display: block !important; overflow: hidden !important; object-fit: cover !important; }
html.tlgawy-reference-ui body #show_chat .ch_fr_av { position: absolute !important; left: 0 !important; top: 4px !important; }
html.tlgawy-reference-ui body #show_chat .ch_fr_bg { position: absolute !important; width: 38px !important; height: auto !important; top: -5px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .online_user,
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .offline_user { display: block !important; gap: 0 !important; padding: 5px 0 !important; margin: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_count { display: table !important; table-layout: fixed !important; width: 100% !important; height: 26px !important; min-height: 0 !important; margin: 0 !important; padding: 5px !important; border: 0 !important; border-radius: 5px !important; background: green !important; color: white !important; line-height: 1.2 !important; font-size: 13px !important; font-weight: 700 !important; text-align: center !important; box-shadow: none !important; transform: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_count .bcell { display: table-cell !important; min-height: 0 !important; height: auto !important; padding: 0 !important; line-height: inherit !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .ucount { display: inline !important; min-height: 0 !important; height: auto !important; line-height: inherit !important; font-size: 13px !important; color: white !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item { position: relative !important; display: table !important; table-layout: fixed !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 5px 8px !important; border-radius: 0 !important; overflow: hidden !important; transform: none !important; font-family: var(--ref-ui-font) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item:not(.ref-member-decorated) { border: 0 !important; border-bottom: 1px solid #ededed !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item:last-child { border-bottom: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item.ref-member-decorated { padding: 4px 6px !important; margin: 5px 0 !important; border-radius: 10px !important; border-bottom: 1px solid #ededed !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item.ref-member-decorated:not([class*="shgrad"]) { border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item.ref-member-decorated[data-ref-member-glow] { border: 1px solid var(--ref-member-glow) !important; box-shadow: var(--ref-member-glow) 0 0 12px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item.ref-member-decorated:last-child { border-bottom: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_avatar { display: table-cell !important; vertical-align: middle !important; position: relative !important; width: 36px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_avatar .acav { display: block !important; width: 36px !important; min-width: 0 !important; height: 36px !important; min-height: 0 !important; border-radius: 50% !important; padding: 0 !important; margin: 0 !important; object-fit: cover !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .grad_bigger_border { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; min-width: 0 !important; height: 36px !important; min-height: 0 !important; border-radius: 1000px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .grad_bigger_border .acav { width: 32px !important; height: 32px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_frame_avatar_new { display: table-cell !important; vertical-align: middle !important; position: relative !important; width: 48px !important; min-width: 0 !important; height: 48px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_frame_inner { display: block !important; position: absolute !important; width: 36px !important; min-width: 0 !important; height: 36px !important; min-height: 0 !important; border-radius: 50% !important; object-fit: cover !important; left: 5px !important; top: 5px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .overlist.ul_fr_bg { position: absolute !important; z-index: 1 !important; width: 46px !important; height: auto !important; left: 0 !important; top: -6px !important; pointer-events: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_data { display: table-cell !important; vertical-align: middle !important; position: relative !important; width: auto !important; min-width: 0 !important; height: auto !important; padding: 0 8px !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: right !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .username { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; overflow: visible !important; white-space: nowrap !important; text-align: right !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .username:not([class*="bnfont"]) { font-family: var(--ref-ui-font) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .list_mood { display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-family: var(--ref-ui-font) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; white-space: nowrap !important; text-align: right !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_icon,
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_flag,
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_sex { display: table-cell !important; vertical-align: middle !important; width: 24px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; text-align: center !important; font-size: 15px !important; background: transparent !important; border: 0 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_sex { font-size: 20px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .user_item_icon:has(> .icon_status[src$="/online.svg"]) { display: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .list_flag { width: 20px !important; height: auto !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user .tlgawy-members-top { padding: 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; background: white !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; contain: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_count { display: block !important; width: auto !important; height: 26px !important; min-height: 26px !important; padding: 5px !important; margin: 8px 8px 0 !important; border: 0 !important; border-radius: 5px !important; background: #8e44ad !important; color: white !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-shadow: none !important; letter-spacing: normal !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_count { overflow: visible !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_count i { font-size: 14px !important; color: white !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_count > span { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; font-family: var(--ref-ui-font) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_refresh_btn { display: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_tray { display: flex !important; width: calc(100% - 16px) !important; min-width: 0 !important; max-width: calc(100% - 16px) !important; height: auto !important; min-height: 0 !important; padding: 5px !important; margin: 8px !important; gap: 0 !important; align-items: center !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; border: 0 !important; border-radius: 14px !important; background: #222 !important; backdrop-filter: blur(6px) !important; box-shadow: none !important; direction: ltr !important; scrollbar-width: thin !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_item { display: flex !important; flex: 0 0 64px !important; min-width: 64px !important; max-width: none !important; width: 64px !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_ring { display: flex !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; padding: 2px !important; border: 0 !important; border-radius: 50% !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_avatar { display: block !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; border: 0 !important; border-radius: 50% !important; object-fit: cover !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_unseen { background: linear-gradient(135deg,#9b59b6,#e91e63,#f1c40f) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_seen { background: rgba(255,255,255,.35) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_self { background: rgba(255,255,255,.25) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_multi { background: repeating-conic-gradient(var(--story-col, #2ecc71) 0deg calc((360deg / var(--story_seg)) - 4deg),transparent calc((360deg / var(--story_seg)) - 4deg) calc(360deg / var(--story_seg))) !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_multi[style*="#25d477"] { --story-col: #2ecc71 !important; }
html.tlgawy-reference-ui body #chat_right #chat_right_data #container_user #tlgawy_story_module .story_multi[style*="#9b9b9b"] { --story-col: rgba(255,255,255,.5) !important; }