* { box-sizing:border-box;}html { margin: 0em; padding: 0; height:100%;width:100%; }a { outline:none; }
body { margin:0; padding: 0;  font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica; font-size:14px; width:100%; height:100%; }
input:focus, select:focus, textarea:focus, button:focus { outline:0; }p { padding:0; margin:0; }img { border:0px; }h1, h2, h3{  margin: 0;  padding: 0; }h2 { font-size:1.5em; margin-bottom:5px; }
ul { margin: 0; padding: 0; list-style:none; }li { list-style:none; }button {  border:none; outline: none !important; cursor:pointer; }
textarea, input{ resize:none; font-size:14px; font-family:sans-serif,"trebuchet ms","lucida grande","lucida sans unicode",arial,helvetica,sans-serif; }
input { font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif; }

.btable { display:table; table-layout:fixed; width:100%; }
.btable_auto { display:table; table-layout:auto; }
.btable_height { display:table; table-layout:fixed; width:100%; height:100%; }
.bcell { display:table-cell; }
.bcell_auto { display:table-cell; width:1%; white-space:nowrap; }
.brow { display:table-row; }
.brow_center  { display:table-row; vertical-align:middle; }
.bcell_mid { display:table-cell; vertical-align:middle; }
.bcell_mid_center { display:table-cell; vertical-align:middle; text-align:center; }
.bcell_mid_auto { display:table-cell; vertical-align:middle; width:1%; white-space:nowrap; }
.bcell_mid_right { display:table-cell; vertical-align:middle; text-align:right; }
.bcell_mid_left { display:table-cell; vertical-align:middle; text-align:left; }
.bcell_top { display:table-cell; vertical-align:top; }
.bcell_bottom { display:table-cell; vertical-align:bottom; }

.bflow { overflow:hidden; }
.maxflow { overflow:hidden; max-width:100%; }

.sub_list_item { display:table; table-layout:fixed; width:100%; padding:12px 10px; cursor:pointer; }
.sub_list_avatar, .sub_list_img { width:40px; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.sub_list_room { width:40px; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.sub_list_gift { width:50px; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.sub_list_avatar  img { width:40px; height:40px; border-radius:50%; display:block; }
.sub_list_img img { width:40px; height:40px; display:block; }
.sub_list_room img { width:40px; height:40px; display:block; }
.sub_list_gift img { height:50px; width:auto; display:block; }
.sub_list_icon img  { height:30px; width:30px; display:block; border-radius:50%; }
.sub_list_sicon img  { height:20px; width:20px; display:block; border-radius:50%; }
.sub_list_option { display:table-cell; vertical-align:middle; width:40px; text-align:center; font-size:16px; }
.sub_list_icon  { display:table-cell; vertical-align:middle; width:30px; text-align:center; font-size:16px; }
.sub_list_sicon  { display:table-cell; vertical-align:middle; width:30px; text-align:center; font-size:16px; }
.sub_list_ricon  { display:table-cell; vertical-align:middle; width:30px; text-align:center; }
.sub_list_state { display:table-cell; width:30px; vertical-align:middle; text-align:center; font-size:16px; }
.sub_list_selected { display:table-cell; vertical-align:middle; width:24px; text-align:center; font-size:15px; }
.sub_list_content { display:table-cell; vertical-align:middle; }
.sub_list_pcontent { display:table-cell; vertical-align:middle; padding:0 5px; }
.sub_list_status { display:table-cell; vertical-align:middle; width:120px; }
.sub_list_timer { display:table-cell; vertical-align:middle; width:100px; }
.sub_list_cell { display:table-cell; vertical-align:middle; }
.sub_list_cell_top { display:table-cell; vertical-align:top; }
.sub_list_name { padding:0 10px; display:table-cell; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.sub_list_text { padding:0 5px; display:table-cell; vertical-align:middle; overflow:hidden; }
.sub_list_active { position: absolute; bottom: 0; right: 0; width: 12px !important; height:12px !important; border-radius:50%; }
.sub_list_rank { display: table-cell; vertical-align:middle; width:40px; }
.sub_list_rank img { height:16px; width:auto; display:block; margin:0 auto; }
.room_listing { border-radius:5px; }

.boom_sel_container { position:relative; }
.boom_sel { padding:10px; position:relative; cursor:pointer; }
.boom_sel_icon { width:24px; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.boom_sel_icon img { width:24px; height:24px; display:block; }
.boom_sel_text { display:table-cell; vertical-align:middle; padding:0 5px; }
.boom_sel_menu { display:table-cell; vertical-align:middle; width:30px; font-size:16px; text-align:center; }
.boom_opt_container { position:absolute; top:100%; display:none; z-index:1; }
.boom_opt { padding:10px; cursor:pointer; }
.boom_opt_icon { width:24px; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.boom_opt_icon img { width:24px; height:24px; display:block; }
.boom_opt_text { display:table-cell; vertical-align:middle; padding:0 5px; }

.gift_edit_img { height:100px; width:auto; max-width:100%; border-radius:10px; }
.gcard { width:calc((100% / 4) - 10px); height:110px; margin:5px; display:grid; align-items:center; float:left; position:relative; border-radius:10px; }
.gcard_img { width:60px; max-height:60px; margin:0 auto; }
.gcard_price { position:absolute; bottom:5px; left:5px; padding:3px 5px; border-radius:50px; left:0; right:0; margin:auto; }
.gcard_pwrap { width:14px; }
.gcard_pwrap img { width:14px; height:14px; display:block; }
.gift_received, .gift_del, .gift_selected { height:90px; max-width:100%; border-radius:10px; display:block; margin:0 auto; }
.gift_selicon { width:24px; height:24px; }
.gift_selicon img { width:24px; height:24px; display:block; }
.gift_pricing { font-size:30px; }
.gtag { z-index:2; }

.sub_cat_item { width:calc((100% / 3) - 10px); height:80px; margin:5px; display:grid; align-items:center; float:left; position:relative; border-radius:10px; padding:5px;  cursor:pointer; }
.sub_cat_img { width:50px; max-height:50px; border-radius:10px; margin:0 auto; }
.sub_cat_title { font-size:13px; text-align:center; }

.pgcard { width:calc((100% / 5) - 10px); height:70px; margin:5px; display:grid; align-items:center; float:left; position:relative; border-radius:10px; }
.pgcard_img { max-width:100%; max-height:50px; margin:0 auto; }
.pgcard_count { position:absolute; bottom:5px; left:5px; padding:1px 3px; border-radius:50px; }

.cost_tag { padding:3px; border-radius:50px; }
.cost_tag_icon { width:16px; }
.cost_tag_icon img { width:16px; height:16px; display:block; }
.cost_tag_amount { font-weight:bold; font-size:14px; padding:0 3px; }
.cost_tag_wrapper { display:inline-block; }

.console_date { width:65px; display:table-cell; vertical-align:top; font-size:11px; }

.listing_element { padding:15px 10px; }
.listing_half_element { padding:15px 10px; width:calc(50% - 10px); float:left; margin:0 5px; }
.listing_title { font-weight:bold; padding-bottom:3px; }
.listing_text { font-size:13px; word-wrap:break-word; min-height:20px; }
.listing_icon { width:24px; font-size:16px; }

.listing_reg { display:table; table-layout:fixed; width:100%; padding:15px 10px; }
.listing_reg_icon { display:table-cell; vertical-align:middle; text-align:center; width:30px; font-size:16px; }
.listing_reg_content { display:table-cell; vertical-align:middle; } 

.setting_element { padding:10px 0; }

.ulist_container { max-height:386px; overflow:hidden; overflow-y:auto; }
.ulist_item { width:100%; height:auto; table-layout:fixed; display:table; padding:8px; cursor:pointer; border-radius:5px; }
.ulist_name { display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; padding:0 5px; }
.ulist_data { display: table-cell; vertical-align:middle; padding:0 5px; }
.ulist_option { display:table-cell; vertical-align:middle; width:40px; text-align:center; font-size:16px; }
.ulist_avatar { display:table-cell; vertical-align:middle; text-align:center; width:40px; }
.ulist_avatar img { width:40px; height:40px; border-radius:50%; display:block; margin:0 auto; }
.ulist_notify { display: table-cell; vertical-align:middle; width:32px; text-align:center; }
.ulist_rank { display: table-cell; vertical-align:middle; width:40px; }
.ulist_rank img { height:16px; width:auto; display:block; margin:0 auto; }

.user_item { position:relative; display:table; table-layout:fixed; width:100%; cursor:pointer; padding:5px 10px; border-radius:5px; }
.user_item_avatar { display:table-cell; vertical-align:middle; width:36px; position:relative; }
.user_item_avatar .acav { width:36px; height:36px; border-radius:50%; display:block; cursor:pointer; }
.user_item_data, .user_item_name { display: table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 8px; }
.user_item_icon { display: table-cell; vertical-align:middle; width:24px; text-align:center; font-size:15px; }
.user_item_option { width:40px; text-align:center; font-size:20px; vertical-align:middle; display:table-cell; }
.user_item_div { width:60px; text-align:center; font-size:20px; vertical-align:middle; display:table-cell; }
.user_item_flag { width:24px; text-align:center; vertical-align:middle; display:table-cell; }
.user_item_flag img { width:20px; height:auto; display:inline-block; margin:0 auto; border-radius:2px; }
.list_status { position:absolute; left:0; bottom:-2px; width:14px;  height:14px; border-radius:50%; background:#fff; padding:1px; }
.list_mood { font-size:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_flag { height:13px; width: auto; border-radius: 2px; }
.list_rank { height:15px; width:auto; display:inline-block; }
.list_mute { height:15px; width:auto; }
.list_mob { height:15px; width:auto; }
.list_ghost { height:15px; width:auto; }

.switch_item { display:table; table-layout:fixed; width:100%; padding:15px; cursor:pointer; margin-bottom:3px; border-radius:5px; }
.switch_item_switch { display:table-cell; vertical-align:middle; width:60px; }
.switch_item_text { display:table-cell; vertical-align:middle; }
.switch_wrap { display:block; width:50px; margin:0 auto;}
.bswitch { display:table; width:50px; padding:2px; border-radius:100px; }
.bball_wrap { display:table-cell; vertical-align:middle; }
.bball { width:24px; height:24px; border-radius:50%; display:block; }
.offswitch { background:#ccc; }
.onswitch{ background:#74b20e; }
.onball { background:#fff; margin-left:22px; }
.offball { background:#fff; margin-left:0px; }

.bubtext { display:inline-block; margin-bottom:3px; }
.bubtext:not(:last-child)::after {
	content: ",";
}

.ghost_post { border-left:8px solid; border-right:0px; }

.pagarrow, .paglist, .pagload { padding:10px 15px; font-weight:bold; display:inline-block; margin:2px 5px; border-radius:5px; cursor:pointer; }
.pagdot { width:16px; height:16px; display:inline-block; margin:8px; border-radius:50%; cursor:pointer; }

.preview_zone { margin-bottom:20px; }
#preview_name  { font-weight:bold; display:inline-block; }
#preview_text { line-height:1.4em; display:inline-block; }

.boom_top_wrap { position:relative; }
.boom_top { padding:10px 15px; }
.boom_top_close { cursor:pointer; width:40px; text-align:center; font-size:20px; }
.boom_top_avatar { width:32px; }
.boom_top_avatar img { width:32px; height:32px; border-radius:50%; display:block; }
.boom_top_name { padding:0 10px; }

.xlarge_textarea { height:300px; max-height:300px; }
.large_textarea { height:180px; max-height:180px; }
.medium_textarea { height:100px; max-height:100px; }
.small_textarea { height:65px; max-height:65px; }

.no_break { white-space:nowrap; }
.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }
.fright { float:right; }
.fleft { float:left; }
.bellips { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.tbreak { word-wrap:break-word; }

.btn_ellips { max-width:120px; overflow:hidden; text-overflow:ellipsis; }
.full_button { width:100%; text-align:center; }
.button_half { width:49%; text-align:center; }
.button_left { float:left; }
.button_right { float:right; }
.button { padding:10px; }
.tbutton { padding:8px 10px; }
.macro_button { padding:2px 8px; margin:2px 0 0 0; font-size:11px; min-width:20px; }
.micro_button { padding:3px 8px; margin:2px 0 0 0; font-size:12px; min-width:20px; }
.count_button { padding:2px 6px; font-size:11px; border-radius:50px; }
.tiny_button { padding:3px 10px; margin:5px 0 0 0; min-width:40px; }
.thin_button { padding:5px 10px; min-width:100px; }
.reg_button { padding:10px; min-width:100px; }
.card_button { padding:8px 10px; min-width:100px; max-width:100px; }
.mod_button { padding:8px 10px; min-width:100px; margin:0 0 5px 0; }
.modr_button { padding:8px 10px; margin:0 0 5px 0; }
.small_button { padding:8px 10px; min-width:50px; }
.large_button { padding:10px 20px; border-radius:3px; min-width:200px; font-size:16px; }
.small_button_rounded { padding:8px 12px;  border-radius:25px; }
.large_button_rounded { padding:12px 20px;  border-radius:25px; font-size:16px; min-width:200px; margin-top:5px; }
.small_button, .reg_button, .mod_button, .modr_button, .button, .tbutton, .tiny_button, .micro_button, .thin_button, .macro_button, .card_button { border-radius:5px; }
.panel_full_btn { padding:10px; }
.rounded_button { border-radius:100px; }
.round_button { width:60px; height:60px; border-radius:50%; }
.work_button { display:none; }

.vheight { min-height:calc(100vh - 100px); }

.box_height { max-height:500px; overflow:hidden; overflow-y:auto; }
.box_height800 { max-height:800px; overflow:hidden; overflow-y:auto; }
.box_height700 { max-height:700px; overflow:hidden; overflow-y:auto; }
.box_height600 { max-height:600px; overflow:hidden; overflow-y:auto; }
.box_height500 { max-height:500px; overflow:hidden; overflow-y:auto; }
.box_height400 { max-height:400px; overflow:hidden; overflow-y:auto; }
.box_height300 { max-height:300px; overflow:hidden; overflow-y:auto; }

.bblock { display:block; }
.inblock { display:inline-block; }
.binline { display:inline; }
.centered_element, .centered { text-align:center; }
.hidden { display:none; }
.fhide { display:none !important; }
.bclick { cursor:pointer; }
.fa, .fa-regular, .fa-solid, .fa-brands, .bi { cursor:pointer; }
.bwfull { width:100%; }
.bhfull { height:100%; }
.noflow { overflow:hidden; }
.brelative { position:relative; }

.ital { font-style:italic; }
.bold { font-weight:bold; }
.boldital { font-weight:bold; font-style:italic; }
.heavybold { font-weight:900; }
.heavyital { font-weight:900; font-style:italic; }

.text_xmicro { font-size:9px; }
.text_micro { font-size:10px; }
.text_xsmall { font-size:11px; }
.text_ssmall { font-size:12px; }
.text_small { font-size:13px; }
.text_reg { font-size:14px; }
.text_xreg { font-size:15px; }
.text_xxreg { font-size:16px; }
.text_med { font-size:18px; }
.text_xmed { font-size:20px; }
.text_large { font-size:22px; }
.text_xlarge { font-size:25px; }
.text_jumbo { font-size:35px; }
.text_xjumbo { font-size:45px; }
.text_ultra { font-size:60px; }
.text_xultra { font-size:70px; }
.noem { line-height:1em; }

.avatar_menu { width:36px; height:36px; border-radius:50%; display:block; cursor:pointer; margin:0 auto; }
.avatar_small { width:32px; height:32px; border-radius:50%; display:block; cursor:pointer; }
.avatar_med { width:36px; height:36px; border-radius:50%; display:block; cursor:pointer; }
.avatar_large { width:42px; height:42px; border-radius:50%; display:block; cursor:pointer; }
.avatar_xlarge { width:110px; height:110px; border-radius:50%; display:block; cursor:pointer; }
.avatar_jumbo { width:140px; height:140px; border-radius:5px; display:block; cursor:pointer; }

.form_content { }
.form_control { padding-top:15px; }
.form_left, .form_left_full { width:50%; float:left; padding-right:3px; }
.form_right, .form_right_full { width:50%; float:right; padding-left:3px; }
.form_split { width:100%; clear:both; }
.form_tier { display:table; table-layout:fixed; width:100%; }
.form_tier1 { display:table-cell; padding-right:2px; }
.form_tier2 { display:table-cell; padding:0 2px; }
.form_tier3 { display:table-cell; padding-left:2px; }

.page_menu_item { border:0; background:transparent; color:inherit; text-align:inherit; font:inherit; display:table; table-layout:fixed; width:100%; padding:15px; cursor:pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; }
.page_menu_icon { display:table-cell; vertical-align:middle; width:26px; text-align:center; font-size:16px; }
.page_menu_text { display:table-cell; vertical-align:middle; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 5px; }
.page_menu_notify { display:table-cell; vertical-align:middle; width:16px; }
.page_drop { display:none; }
.page_drop_item { border:0; background:transparent; color:inherit; text-align:inherit; font:inherit; display:table; table-layout:fixed; width:100%; padding:15px 30px; cursor:pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; }
.page_drop_icon { display:table-cell; vertical-align:middle; width:24px; text-align:center; }
.page_drop_text { display:table-cell; vertical-align:middle; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.popen { display:none; }

.puser_item { padding:8px 10px; display:table; table-layout:fixed; width:100%; cursor:pointer; font-size:14px; text-shadow:none; }
.puser_avatar { display:table-cell; width:32px; height:32px; vertical-align:middle; }
.puser_avatar img { width:32px; height:32px; border-radius:50%; display:block; }
.puser_option { width:30px; display:table-cell; vertical-align:middle; font-size:15px; text-align:center; }
.puser_name { padding:0 6px; font-size:14px; display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.puser_icon { width:30px; text-align:center; display:table-cell; vertical-align:middle;  }
.puser_icon img { width:16px; height:16px; margin:0 auto; display:block; }
.puser_text { display:table-cell; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:initial; }
.puser_rank { width:34px; text-align:center; display:table-cell; vertical-align:middle; font-weight:bold; font-size:15px; }
.puser_rank img { width:24px; height:24px; margin:0 auto; display:block; }
.puser_score { display:table-cell; vertical-align:middle; width:80px; text-align:right; }

#leader_selection .boom_sel_icon,
#leader_selection + .boom_opt_container .boom_opt_icon {
	width:22px!important;
	min-width:22px!important;
}
#leader_selection .boom_sel_icon img,
#leader_selection + .boom_opt_container .boom_opt_icon img {
	display:block!important;
	width:18px!important;
	height:18px!important;
	max-width:18px!important;
	max-height:18px!important;
	margin:0 auto!important;
	object-fit:contain!important;
	box-sizing:border-box!important;
	filter:none!important;
}
#leaderboard_container > .pad15,
#leaderboard_container > .leaderboard_panel {
	padding:12px!important;
}

.puser_item.leaderboard_item {
	display:grid!important;
	grid-template-columns:32px 44px minmax(0, 1fr) minmax(56px, 80px) 56px!important;
	align-items:center!important;
	column-gap:12px!important;
	width:100%!important;
	min-height:56px!important;
	padding:8px 12px!important;
	font-size:13px!important;
	box-sizing:border-box!important;
}
.leaderboard_item .puser_rank {
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:32px!important;
	min-width:32px!important;
	font-size:13px!important;
}
.leaderboard_item .puser_rank img {
	display:block!important;
	width:20px!important;
	height:20px!important;
	max-width:20px!important;
	max-height:20px!important;
	margin:0 auto!important;
	object-fit:contain!important;
	box-sizing:border-box!important;
	filter:none!important;
}
.leaderboard_item .puser_avatar {
	display:block!important;
	width:44px!important;
	height:44px!important;
	min-width:44px!important;
}
.leaderboard_item .puser_avatar img {
	display:block!important;
	width:44px!important;
	height:44px!important;
	max-width:44px!important;
	max-height:44px!important;
	object-fit:cover!important;
	border-radius:50%!important;
}
.leaderboard_item .puser_name {
	display:block!important;
	min-width:0!important;
	padding:0!important;
	overflow:hidden!important;
}
.leaderboard_item .puser_name .username {
	display:block!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	white-space:nowrap!important;
}
.leaderboard_item .puser_score {
	display:block!important;
	width:100%!important;
	min-width:0!important;
	max-width:80px!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	white-space:nowrap!important;
	text-align:end!important;
	font-size:12.5px!important;
	font-variant-numeric:tabular-nums;
}
.leaderboard_item .puser_icon,
.leaderboard_item .puser_icon:hover {
	display:flex!important;
	align-items:center!important;
	justify-content:flex-end!important;
	justify-self:stretch!important;
	width:56px!important;
	min-width:56px!important;
	height:44px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:none!important;
	box-shadow:none!important;
	filter:none!important;
	transform:none!important;
	transition:none!important;
	line-height:1!important;
	pointer-events:none!important;
}
.leaderboard_item .puser_icon img,
.leaderboard_item .puser_icon:hover img {
	display:block!important;
	width:30px!important;
	height:30px!important;
	min-width:30px!important;
	min-height:30px!important;
	max-width:30px!important;
	max-height:30px!important;
	margin-inline-start:auto!important;
	margin-inline-end:0!important;
	padding:0!important;
	object-fit:contain!important;
	box-sizing:border-box!important;
	filter:none!important;
	transform:none!important;
	transition:none!important;
}
@media(max-width:420px) {
	#leaderboard_container > .pad15,
	#leaderboard_container > .leaderboard_panel {
		padding:8px!important;
	}
	.puser_item.leaderboard_item {
		grid-template-columns:28px 38px minmax(0, 1fr) minmax(42px, 64px) 44px!important;
		column-gap:8px!important;
		min-height:50px!important;
		padding:7px 8px!important;
	}
	.leaderboard_item .puser_rank {
		width:28px!important;
		min-width:28px!important;
	}
	.leaderboard_item .puser_rank img {
		width:18px!important;
		height:18px!important;
		max-width:18px!important;
		max-height:18px!important;
	}
	.leaderboard_item .puser_avatar {
		width:38px!important;
		height:38px!important;
		min-width:38px!important;
	}
	.leaderboard_item .puser_avatar img {
		width:38px!important;
		height:38px!important;
		max-width:38px!important;
		max-height:38px!important;
	}
	.leaderboard_item .puser_score {
		max-width:64px!important;
		font-size:12px!important;
	}
	.leaderboard_item .puser_icon {
		width:44px!important;
		min-width:44px!important;
		height:38px!important;
	}
	.leaderboard_item .puser_icon img,
	.leaderboard_item .puser_icon:hover img {
		width:26px!important;
		height:26px!important;
		min-width:26px!important;
		min-height:26px!important;
		max-width:26px!important;
		max-height:26px!important;
	}
}

.fmenu { position:absolute; border-radius:5px; overflow:hidden; display:none; text-align:initial; }
.fmenu_item { padding:12px 10px; display:table; table-layout:fixed; width:100%; cursor:pointer; font-size:14px; text-shadow:none; border-radius:5px; }
.fmenu_avatar { display:table-cell; width:32px; height:32px; vertical-align:middle; }
.fmenu_avatar img { width:32px; height:32px; border-radius:50%; display:block; }
.fmenu_option { width:30px; display:table-cell; vertical-align:middle; font-size:15px; text-align:center; }
.fmenu_name { padding:0 5px; font-size:14px; display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.fmenu_notify { display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; text-align:center; width:12px; position:relative; }
.fmenu_arrow { width:20px; text-align:center; display:table-cell; vertical-align:middle; font-size:14px; }
.fmenu_icon { width:30px; text-align:center; display:table-cell; vertical-align:middle; font-size:16px; }
.fmenu_icon img { width:20px; height:20px; margin:0 auto; display:block; border-radius:50%; }
.fmenu_gimg, .fmenu_timg, .fmenu_aimg { width:40px; text-align:center; display:table-cell; vertical-align:middle; }
.fmenu_gimg img, .fmenu_timg img, .fmenu_aimg img { width:32px; height:32px; margin:0 auto; display:block; border-radius:5px; }
.fmenu_img, .fmenu_simg { width:30px; text-align:center; display:table-cell; vertical-align:middle; }
.fmenu_img img, .fmenu_simg img { width:26px; height:26px; margin:0 auto; display:block; border-radius:5px; }
.fmenu_text { display:table-cell; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:initial; padding:0 5px; }
.fmenu_otext { display:table-cell; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:initial; }
.fnotify { width:12px; height:12px; border-radius:50%; display:none; }
.fmenut { padding:10px; }
.fmuser { padding:10px; }
.fmenuxt { padding:5px; }

.icon_status { border-radius:50%; padding:1px; }

.menu_spinner_wrap { padding:15px; text-align:center; }
.menu_spinner { font-size:30px; }
.float_top, .float_ctop { display:table; padding:5px; height:30px; table-layout:auto; width:100%; max-width:100%; cursor:pointer; }
.ftop_opt_btn, .ftop_opt_icon { width:30px; height:30px; text-align:center; display:table-cell; vertical-align:middle; }
.ftop_empty { display:table-cell; vertical-align:middle; }
.ftop_opt_text { height:30px; display:table-cell; vertical-align:middle; font-weight:bold; }
.ftop_action { height:30px; width:40px; display:table-cell; vertical-align:middle; text-align:center; }
.float_title { font-size:16px; font-weight:bold; margin-bottom:15px; }
.float_content { overflow-y:auto; padding:10px; }
.floatopt { padding:5px; font-weight:bold; }
.float_section { padding:10px 0; }
.float_menu { border-radius:5px; overflow:hidden; overflow-y:auto; max-width:calc(100% - 10px); margin:5px; }

#private_opt { position:absolute; right:0; top:0; margin:5px; z-index:40; display:none; }
#page_main_menu { position:fixed; right:0; z-index:202;  top:50px; margin:5px; display:none; }
#player_menu, #station_menu { position:absolute; left:0; bottom:50px; z-index:202; display:none; text-align:initial; }
#chat_left_menu, #room_options_menu, #leaderboard_menu, #game_menu, #tool_menu, #app_menu, #store_menu { position:absolute; left:0; top:50px; z-index:202; display:none; text-align:initial; }
#chat_main_menu, #status_menu, #report_menu, #notification_menu, #bank_menu,
#friends_menu, #private_menu { position:absolute; right:0; z-index:202; top:50px; display:none; text-align:initial; }

#private_opt { width:230px; }
#page_main_menu { width:300px; }
#chat_main_menu { width:300px; }
#status_menu { width:300px; }
#bank_menu { width:300px; }
#chat_left_menu { width:300px; }
#leaderboard_menu { width:300px; }
#tool_menu { width:300px; }
#game_menu { width:300px; }
#app_menu { width:300px; }
#store_menu { width:300px; }
#room_options_menu { width:300px; }
#report_menu { width:320px;  }
#notification_menu { width:320px; }
#friends_menu { width:320px; }
#private_menu { width:320px; }
#station_menu { width:320px; }
#player_menu { width:320px; }

#av_menu { width:240px; height:auto; position:absolute; bottom:0; left:-5000px; z-index:99; border-radius:5px; overflow:hidden; cursor:pointer; }
.topcard { padding:10px; min-height:90px; }
.avbackground { background-size:cover !important; background-position:50% 50% !important; }
.bottomcard { }
.avavpart { text-align:center; }
.avagegender { font-size:12px; }
.avdetails { text-align:center; }
.avtopmenu { min-height:15px; margin-bottom:-15px; }
.avoption { width:24px; height:24px; font-size:16px; text-align:center; }
.avavatar { width:60px; height:60px; border-radius:50%; display:block; margin:0 auto; }
.avusername { font-weight:bold; font-size:20px; width:100%; }
.avcontent { width:100%; display:block; position:relative; }
.avitem { padding:12px 10px; text-align:center; cursor:pointer; }
.avitem i { padding:0 3px; }
.avtopopt { width:30px; text-align:center; }
.avflag { width:24px; height:auto; border-radius:2px; }

#log_menu { width:200px; height:auto; position:absolute; bottom:0; left:-5000px; z-index:99; border-radius:5px; overflow:hidden; }
.submenu_item { padding:10px; display:table; table-layout:fixed; width:100%; cursor:pointer; font-size:14px; text-shadow:none; }
.subm_title { font-size:13px; font-weight:bold; }
.subm_sub { font-size:11px; }
.subm_icon { width:30px; text-align:center; }
.logmenu { width:100%; display:block; position:relative; }

.top_mod { display:table; table-layout:fixed; width:100%; }
.top_mod_empty { display:table-cell; vertical-align:middle; }
.top_mod_option { display:table-cell; vertical-align:middle; font-size:18px; text-align:center; width:40px; height:40px; }

#page_global { display:table; table-layout:fixed; width:100%; }
#page_full_global { display:table; table-layout:fixed; width:100%; height:100%; }
#page_content  { width:100%; max-width:1100px; margin:0 auto; height:auto; padding:70px 0px; }
#page_full_content  { width:100%; height:100%; overflow:hidden; position:relative; z-index:0; padding-top:50px; }
#page_wrapper { width:100%; position:relative; overflow:hidden; overflow-y:auto; }
#page_full_in { width:100%; height:100%; overflow:hidden; overflow-y:auto; }
#side_menu { position:fixed; left:0; top:0; height:100%; width:260px; display:none; overflow-y:auto; z-index:3; padding:50px 0px 20px 0px; }
.page_closemenu { width:40px; text-align:center; }
.page_topmenu { height:40px; }
.page_wrapper_in { padding:10px; }
.page_menu_wrapper { overflow:hidden; overflow-y:auto; }
.page_indata { display:table-cell; vertical-align:top; }
.page_full_indata { display:table-cell; vertical-align:top; }
.page_menu { display:table-cell; vertical-align:top; width:260px; }
.page_full { width:100%; display:table; table-layout:fixed; }
.page_left { display:table-cell; vertical-align:top; padding-right:10px; }
.page_right { display:table-cell; vertical-align:top; padding-left:10px; }
.page_350 { width:330px; display:table-cell; vertical-align:top; }
.page_40 { width:40%; display:table-cell; vertical-align:top; }
.page_quarter { width:25%; display:table-cell; }
.page_half { width:50%; display:table-cell; vertical-align:top;  }
.page_third { width:33%; display:table-cell; vertical-align:top; }
.page_two_third { width:66%; display:table-cell; vertical-align:top; }
.page_350 img, .page_full img, .page_left img, .page_right img, .page_40 img, .page_quarter img, .page_half img, .page_third img, .page_two_third img { max-width:100%; }
.page_element { padding:20px; margin-bottom:10px; border-radius:2px; }
.split { display:table; width:100%; table-layout:fixed; }
.split_left, .element_left { width:50%; display:table-cell; padding-right:5px; }
.split_right, .element_right { width:50%; display:table-cell; padding-left:5px; }
.page_top_elem { display:table; table-layout:fixed; width:100%; }
.page_top_title { display:table-cell; vertical-align:middle; }
.page_top_option { display:table-cell; vertical-align:middle; width:120px; }
.page_menu_content { padding:0 0 40px 0; }

.label { margin:0 0 8px 0; font-size:13px; font-weight:bold; }
.sub_label { padding-top:5px; font-size:12px; }

.mod_title { font-weight:bold; margin:15px 0; }

.list { padding:15px; }
.list li { list-style:disc; padding:1px 0; }
.list_icon  { width:20px; display:inline-block; }

.modal_open { overflow:hidden; }

.full_input, .full_textarea { padding:14px 10px; width:100%; min-width:100%; max-width:100%; border:none; border-radius:5px; }
.edit_page_box { min-height:600px; }
.large_input { font-size:20px; }
.selectboxit-container .selectboxit-list { width: 100%;}
.selectboxit-container {width:100%; }
.selectboxit-container .selectboxit { width:100%; }
.selectboxit-container .selectboxit-options { max-height: 180px; border-radius:5px;}
.selectboxit-container span, .selectboxit-container .selectboxit-options a { height:46px; line-height:46px; }
.selectboxit-container .selectboxit { border-radius:5px; }

.username { font-weight:bold; cursor:pointer; display:inline-block; }

.boom_contrast_guard { isolation:isolate; }
.boom_contrast_guard.boom_halo_dark {
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.96)) drop-shadow(0 0 1px rgba(0,0,0,.88))!important;
}
.boom_contrast_guard.boom_halo_light {
	filter:drop-shadow(0 1px 1px rgba(255,255,255,.98)) drop-shadow(0 0 1px rgba(255,255,255,.90))!important;
}
.boom_contrast_guard.boom_halo_dual {
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.90)) drop-shadow(0 0 1px rgba(255,255,255,.82))!important;
}
.link_like, .blinking { text-decoration:underline; }
.no_link_like { text-decoration:none; cursor:pointer; }
.system_text { display:inline-block; max-width:100%; padding:5px 10px; border-radius:5px; margin-top:5px; font-weight:normal !important; font-size:12px; }
.post_content .system_text { display:block; text-align:center; padding:10px; }
.del_text { display:inline-block; max-width:100%; border-radius:5px; font-weight:normal !important; font-size:11px; }
#content_page { width:100%; height:auto; }
#chat_right_data .load_more { margin-bottom:50px; }
ow 

.not_member { padding:10px 15px; font-size:12px; margin-top:5px; }
.login_control { margin-top:5px; }
.rules_click { cursor:pointer; text-decoration:underline; }
.fbl_button { background:#3b5998; color:#fff; }
.twit_button { background:#1da1f2; color:#fff; }
.gplus_button { background:#dd4b39; color:#fff; }
.gplus { color:#dd4b39; }
.fbook { color:#3b5998; }
.twit { color:#1da1f2; }
.linkedin { background:#0077B5; cursor:pointer; color:#fff; }
.uploaded_file { text-decoration:none !important; display:block; padding:3px 10px; border-radius:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#monitor_data { z-index:10000; position:fixed; top:15px; left:15px; padding:15px; background:rgba(0,102,0,0.95); color:#fff; border-radius:5px; display:none; cursor:pointer; min-width:130px; }

.history_load_wrap { padding:8px 0; width:100%; list-style:none; text-align:center; }
.history_load_btn { font-size:12px; line-height:1; }
#show_chat .history_load_wrap, #show_private .history_load_wrap { list-style:none; }

#menu_main_footer { font-size:14px; width:auto; }
#menu_main_footer li { display:inline-block; margin:5px 10px 5px 0; }
#menu_main_footer li a { color:inherit; text-decoration:none; }

.text_title { font-weight:bold; font-size:20px; margin-bottom:15px; }
.text_text { font-size:13px; margin:7px 0; }
.text_box { max-height:500px; overflow-y:auto; }

#intro_section_user { padding:72px 0; }
.active_user { height:110px; text-align:center; float:left; overflow:hidden; }
.active_embed { width:50px; height:50px; display:inline; margin:5px; }
.active_embed_user { width:50px; height:50px; border-radius:50%; }

.out_page_container { width:100%; height:100%; display:table; table-layout:fixed; }
.out_page_content { display:table-cell; text-align:center; vertical-align:middle; position:relative; }
.out_page_box { max-width:94%; width:480px; margin:0 auto; }
.out_page_title { font-size:25px; font-weight:bold; margin-bottom:10px; }
.out_page_text { font-size:16px; margin-bottom:15px; }
.adm_login { position:absolute; bottom:5px; left:5px; display:block; padding:10px; }

.page_ticon { width:40px; height:40px; font-size:20px; text-align:center; border-radius:50%; }
.page_ttext { font-size:25px; font-weight:bold; padding:0 10px; }

#main_input, #disabled_content, #main_load_content { height:40px; width:100%;}
#container_input, #main_disabled, #main_load { padding:4px; }
#content, #message_content { width:100%; height:100%; padding:0; padding: 0 12px; float:left; font-size:16px; border-radius:100px; }
#inputt_left { height:100%; }
.chat_input_container { width:100%;}
.main_item { width:40px; height:100%; text-align:center; font-size:20px; z-index:1; display:table-cell; vertical-align:middle; position:relative;  }
.main_hide { display:none; }
.sub_hidden { display:none; }
.input_icon { font-size:18px; }
.td_input { height:100%; display:table-cell; padding:0 3px; }
.input_table { overflow:hidden; display:table; table-layout:fixed; width:100%; height:100%;  }
#send_image { border-radius:0px; }
#submit_button { width:100%; float:right; height:100% !important; font-weight:bold; box-shadow:none !important; padding:0; border:none !important; font-size:18px; }
#inside_wrap_chat { height:100%; overflow:hidden; }
#container_show_chat { width: 100%; height: 100%; position:relative; }
#show_chat { width:100%; height:100%; overflow-y:auto; overflow-x:hidden; position:relative; box-sizing:border-box; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
#wrap_chat { height:100%; width:100%; }
#warp_show_chat { height:78%; overflow:hidden;}
#chat_logs_container { width:100%; min-height:100%; position:relative; display:flex; flex-direction:column; justify-content:flex-start; overflow:visible; padding:0; margin:0; }
#chat_logs_container::before { content:""; flex:1 0 auto; min-height:0; }
#wrap_footer { height:auto; width:100%; position:fixed; bottom:0; left:0; z-index:200; }
#my_menu{ width:100%; height:50px; display:table; table-layout:fixed; }
.mute_mode { position:absolute; top:5px; border-radius:50px; width:90%; max-width:600px; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align:center; z-index:100; padding:5px; opacity:0.9; }

.ppanel { overflow:hidden; padding:0;  display:table-cell;  vertical-align:top; max-width:100% !important; width:360px; }
.pfull { position:absolute; bottom:50px; right:0; overflow:hidden; z-index:150; max-width:100% !important; width:100%; }
.pboxed { position:absolute; bottom:50px; right:0; overflow:hidden; z-index:150; max-width:100% !important; height:400px !important; width:400px !important; }
.pboxed .pcontent { height:310px !important; }
#private_box { width:100%; overflow:hidden; }
#private_top { width:100%; display:table; height:40px; padding:0 5px; }
#private_wrap_content { position:relative; }
#priv_input { width:100%; }
#private_content { width:100%; overflow:hidden; padding:5px 10px; position:relative; }
#private_input, #private_disabled, #private_load { width:100%; padding:4px; position:relative; }
#private_disable, #private_load_content { height:40px; }
#message_form { height:40px; width:100%; }
#private_send { width:100%; height:100% !important; cursor:pointer; font-size:18px; }
#file_private { width:40px; text-align:center; vertical-align:middle; font-size:20px; display:table-cell; position:relative; text-align:center; }
#private_left { display:table; width:100%; height:100%; }
#private_av_wrap { width:30px; }
#private_av { cursor:pointer; width:30px; height:30px; display:block; border-radius:50%; }
#dpriv { position:relative; }
#private_name { cursor:pointer; font-size:16px; padding:0 8px; }
#dpriv_av { width:30px; height:30px; display:block; margin:0 auto; border-radius:50%; }
.private_opt { width:40px; text-align:center; cursor:pointer; display:table-cell; vertical-align:middle; position:relative; }
.empty_private { padding:20px 10px; text-align:center; font-size:17px;}
#inside_wrap_private { height:100%; overflow:hidden; position:relative; }
#show_private_wrap { width:100%; height:100%; overflow-y:auto; overflow-x:hidden; position:relative; box-sizing:border-box; }
#show_private { position:relative; width:100%; min-height:100%; overflow:visible; display:flex; flex-direction:column; justify-content:flex-start; padding:0; margin:0; }
#show_private .privlog:first-of-type { margin-top:auto; }
#show_private li { width:100%; margin-bottom:3px; }
#private_load_more_wrap { position:absolute; top:10px; left:0; right:0; z-index:20; padding:0; pointer-events:none; }
#private_load_more_wrap.hidden { display:none !important; }
#private_load_more { pointer-events:auto; }
#inside_wrap_private.pm_has_more #show_private_wrap { padding-top:42px; }
.cannotpriv { width:100%; display:table; table-layout:fixed; }
.private_logs { display:table; table-layout:fixed; width:100%; }
.private_avatar { display:table-cell; width:36px; vertical-align:top; padding:0 5px; }
.private_content { display:table-cell; vertical-align:top; }
.hunter_private, .target_private { padding:10px; max-width:220px; display:inline-block; word-wrap:break-word; font-size:14px; line-height:1.4em; border-radius:10px; }
.hunt_quote, .targ_quote { padding:10px; margin-bottom:-6px; max-width:220px; display:inline-block; word-wrap:break-word; font-size:14px; line-height:1.4em; border-radius:10px; }
.target_private, .targ_quote { float:right; }
.avatar_private { display:block; height:26px; width:26px; border-radius:18px; overflow:hidden; }
.private_logs .chat_image { height:70px; max-width:100%; }
.private_logs .sticker_chat { height:70px; max-width:100%; }
.ticker { display:table-cell; vertical-align:bottom; padding:0 4px 12px 4px; width:26px; }
.ticker img { width:18px; height:18px; border-radius:50%; }
.priwrap { display:table-cell; }
.prbox { width:auto; height:auto; }
.privopt { flex-grow:1; padding:0 5px; text-align:right; }
.privcont { width:100%; margin:0 auto; display:flex; height:auto; align-items: center; }
.prdate { padding:3px 5px; font-size:10px; }
.propt { display:table-cell; vertical-align:middle; }
.ppitem { cursor:pointer; }
.ppitem { font-size:16px; width:32px; padding:5px; cursor:pointer; float:left; text-align:center; }
.inpriv .prdate { text-align:right; }
.inpriv .ppitem { float:right; }
.inpriv .privopt { text-align:right; }

.nogranted { display:none !important }

.ch_logs { padding:10px; word-wrap: break-word; display:table; width:100%; table-layout:fixed; max-width:100%; overflow:hidden; cursor:pointer; }
.other_logs{ padding:10px; word-wrap: break-word; display:table; width:100%; table-layout:fixed; max-width:100%; overflow:hidden; }
.chat_avatar { display:table-cell; width:40px; vertical-align:top; position:relative; }
.cavatar  { height:40px; width:40px; border-radius:50%; display:block; overflow:hidden; cursor:pointer; }
.my_text { display:table-cell; vertical-align:top; padding:0 0 0 6px; position:relative; }
.my_text .username {
	font-family:inherit;
	font-size:14px;
	line-height:20px;
}
#chat_logs_container .chat_message {
	font-family:inherit;
	font-size:14px !important;
	line-height:20px !important;
}
.chat_image { max-width:100%; height:100px; width:auto; margin:5px 0 0 0; border-radius:5px; }
#show_chat li { position:relative; }
.cclear, .spclear, .tpclear { display:table-cell; width:24px; font-size:10px; vertical-align:middle; text-align:center; cursor:pointer; }
.cdate { display:table-cell; width:65px; font-size:10px; vertical-align:middle; text-align:center; }
.cname { display:table-cell; vertical-align:middle; }
.chat_rank { display: inline-block; width: auto; height: 11px; margin: 0 3px 0 0; }
.chat_ghost { display: inline-block; width: auto; height: 11px; margin: 0 3px 0 0; }
.special_delete { font-size:13px; position:absolute; top:0; right:0; padding:5px; }
.emo_chat { height:24px; max-width:100%; vertical-align:bottom; }
.sticker_chat { height:80px; max-width:100%; vertical-align:bottom; }
.custom_chat { max-height:200px; max-width:400px; }
.chat_system { font-size:12px; }
.sysname { font-weight:bold; }
.topic_icon { display:table-cell; width:40px; vertical-align:top; position:relative; }
.tpicon  { height:40px; width:40px; border-radius:50%; display:block; overflow:hidden; cursor:pointer; }

.sys_log { padding:5px 10px; word-wrap: break-word; display:table; width:100%; table-layout:fixed; max-width:100%; overflow:hidden; }
.chat_savatar { display:table-cell; width:40px; vertical-align:top; position:relative; }
.savatar  { height:24px; width:24px; border-radius:50%; display:block; overflow:hidden; cursor:pointer; margin:0 auto; }

.chat_message { line-height:1.4em; display:inline-block; max-width:100%; }
.post_content { line-height:1.4em; }

.empty_zone { padding:15px; margin:0 auto; text-align:center; }
.empty_zone_icon { width:64px; height:64px; }
.empty_zone_text { font-size:13px; margin-top:10px; }
.empty_small_icon { width:50px; height:50px; }

.main_post_control { display:table; table-layout:fixed; width:100%; height:40px; }
.main_post_item { display:table-cell; vertical-align:middle; width:40px; font-size:20px; position:relative; text-align:center; }
.main_post_button { display:table-cell; vertical-align:middle; text-align:right;  }
.post_emo_content { max-height:110px; overflow:hidden; overflow-y:auto; }
.post_emo_content .emoticon img { height:100%; width:auto; }

.reply_item { display:table; table-layout:fixed; width:100%; word-wrap:break-word; padding:10px; border-radius:10px; }
.reply_avatar { display:table-cell; vertical-align:top; width:32px; }
.reply_avatar img { width:32px; height:32px; border-radius:50%; display:block; cursor:pointer; }
.reply_content { display:table-cell; vertical-align:top; padding:0 5px; }
.reply_content img { max-height:160px; }
.reply_delete { text-align:center; width:30px; cursor:pointer; }
.post_title { display:table; table-layout:fixed; width:100%; }
.post_avatar { display:table-cell; vertical-align:middle; width:36px; }
.post_avatar img { width:36px; height:36px; border-radius:50%; display:block; cursor:pointer; }
.post_content { display:table; table-layout:fixed; width:100%; padding:10px 0; word-wrap: break-word; }
.post_control { display:table; table-layout:fixed; width:100%; padding:5px 0; }
.post_element { height:auto; padding:15px 0; margin:0 auto;  }
.post_edit { cursor:pointer; width:40px; font-size:15px; position:relative; }
.comment_count { text-align:right; cursor:pointer; }
.do_comment { width:50px; text-align:center; cursor:pointer; }
.like_count { float:left; cursor:pointer; padding:5px; border-radius:50px; }
.show_reply { height:auto; overflow:hidden; margin-bottom:10px;}
.more_comment { cursor:pointer; display:block; padding:8px 0; }
.more_comment:hover { text-decoration:underline; }
.post_image { display:table; table-layout:fixed; width:100%; margin:10px 0; }
.post_image img { max-width:100%; max-height:350px; width:auto; height:auto; }
.post_audio { margin:10px 0; }
.post_audio_save, .post_video_save, .post_zip { width:100%; height:60px; margin:10px 0; }
.post_audio_save img, .post_video_save img, .post_zip img { height:100%; display:block; }
.post_audio audio { width:100%; }
.post_video { width:100%; height:auto; margin:10px 0; }
.post_video_save { width:100%; height:60px; margin:10px 0; }
.post_video video { height:auto; width:100%; max-width:100%; display:block; }
.add_comment_zone { clear:both; }
.add_comment { border-radius:50px; }
.post_input_container { border-radius:10px; }
.panel_wrap { padding:15px 15px 30px 15px; }
.up_data { display:inline-block; position:relative; }
.up_file { display:table; position:relative; table-layout:fixed; width:100%; }
.up_file_content { display:table-cell; position:relative; }
.up_file_control { display:table; width:24px; height:24px; position:absolute; top:-5px; right:-5px; }
.up_file_remove { width:24px; height:24px; display:table-cell; text-align:center; vertical-align:middle; font-size:13px; cursor:pointer; border-radius:50%; }
.up_audio { width:200px; max-width:100%; }
.up_video { height:120px; border-radius:5px; }
.up_image { max-height:50px; max-width:100%; border-radius:5px; display:block; }

.boom_file_card { display:flex; align-items:center; gap:10px; max-width:330px; margin:7px 0; padding:10px; border-radius:14px; border:1px solid rgba(128,128,128,0.22); background:rgba(127,127,127,0.10); color:inherit; box-sizing:border-box; line-height:1.2; overflow:hidden; }
.boom_file_card.boomaudio, .boom_file_card.boomvideo { cursor:pointer; }
.boom_file_icon { width:42px; height:42px; min-width:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(127,127,127,0.16); font-size:19px; }
.boom_file_info { min-width:0; flex:1; }
.boom_file_title { font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boom_file_sub { font-size:11px; opacity:.68; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boom_file_actions { display:flex; align-items:center; gap:6px; min-width:max-content; }
.boom_file_action { width:30px; height:30px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(127,127,127,0.16); color:inherit !important; text-decoration:none !important; font-size:13px; }
.boom_file_action:hover { background:rgba(127,127,127,0.25); }
.chat_file_card { width:245px; max-width:100%; }
.private_logs .chat_file_card { width:245px; max-width:100%; }
.post_file_card { width:100%; max-width:430px; }
.upload_file_card { width:270px; max-width:100%; margin:0; }
.boom_file_audio .boom_file_icon, .boom_file_voice .boom_file_icon { color:#32d27f; }
.boom_file_video .boom_file_icon { color:#5da7ff; }
.boom_file_file_ext_pdf .boom_file_icon { color:#ff6b6b; }
.boom_file_file_ext_zip .boom_file_icon { color:#f0b44c; }
.up_image_card { display:flex; align-items:center; gap:8px; padding:7px; max-width:260px; border-radius:12px; border:1px solid rgba(128,128,128,0.22); background:rgba(127,127,127,0.10); }
.up_image_card .up_image { width:54px; height:54px; object-fit:cover; max-height:54px; border-radius:10px; }
.up_image_meta { min-width:0; font-size:12px; font-weight:700; opacity:.85; display:flex; gap:6px; align-items:center; }
.post_file_media { margin:10px 0; }
.post_file_media audio { width:100%; margin-top:8px; display:block; }
.post_file_media video { width:100%; max-height:320px; margin-top:8px; display:block; border-radius:10px; background:#000; }
.cqmess .chat_file_card { width:175px; padding:8px; gap:7px; border-radius:12px; }
.cqmess .boom_file_icon { width:34px; height:34px; min-width:34px; border-radius:10px; font-size:15px; }
.cqmess .boom_file_title { font-size:12px; }
.cqmess .boom_file_sub { font-size:10px; }
.cqmess .boom_file_action { width:26px; height:26px; border-radius:8px; font-size:12px; }
@media screen and (max-width:480px){
	.chat_file_card, .private_logs .chat_file_card, .upload_file_card { width:220px; }
	.post_file_card { max-width:100%; }
}
#friend_post, #news_data { height:120px; border:none; overflow:hidden; background:none !important; border:none !important; }
#wall_file, #news_file { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; padding:0px !important; }
.like_icon { width:20px; height:20px; display:inline-block; vertical-align:middle; margin-top:-2px; }
.comment_icon { width:15px; height:15px; display:inline-block; vertical-align:middle; margin:-1px 0 0 4px; opacity:.72; }
.comment_count .comment_icon { font-size:14px; line-height:15px; text-align:center; }
.comment_count:hover .comment_icon { opacity:1; }

.cmtbox .reply_avatar,
.ncmtbox .reply_avatar { width:28px; }
.cmtbox .reply_avatar img,
.ncmtbox .reply_avatar img { width:28px; height:28px; border-width:1px; }
@media screen and (max-width:480px){
    .comment_icon { width:14px; height:14px; margin-left:3px; }
    .comment_count .comment_icon { font-size:13px; line-height:14px; }
    .cmtbox .reply_avatar,
    .ncmtbox .reply_avatar { width:26px; }
    .cmtbox .reply_avatar img,
    .ncmtbox .reply_avatar img { width:26px; height:26px; }
}
.wlike_icon { width:20px; height:20px; vertical-align:middle; }
.plike_text { vertical-align:middle; }
.post_menu { display:none; position:absolute; top:100%; right:0; width:220px; text-align:left; z-index:1; }
.post_menu_item { padding:8px 10px; }
.post_element .emo_chat { height:18px; }

.video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:5px 0 0 0; clear:both; }
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#move_video, #move_audio { cursor:pointer; }

.chat_video_container { width:200px; height:113px; position:relative; margin-top:5px; border-radius:8px; overflow:hidden; }
.private_logs .chat_video_container { width:200px; height:113px; position:relative; margin-top:5px; border-radius:8px; overflow:hidden; }
.chat_video { width:100%; height:100%; display:block; }
.chat_cvideo { width:50px; height:50px;  display:block; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); }
.cqmess .chat_video_container { width: 140px; height:80px; margin-top:2px; }
.cqmess .chat_cvideo { width:35px; height:35px; }

#wrap_stream { width:560px; height:315px; border-top:1px solid #333; }
#wrap_stream iframe { width:100%; height:100%; border:none; padding:0; margin:0; }
#wrap_stream video { width:100%; height:100%; border:none; padding:0; margin:0; }
#container_stream { width:560px; height:355px; z-index:160; position:fixed; top:100px; left:50%; margin-left:-240px; margin-top:0px; display:none; }
.vidopt { height:40px; width:40px; font-size:18px !important; color:#fff; text-align:center; cursor:pointer; }
.mstream_img { display:block; margin:0 auto; width:30px; height:30px; border-radius:50%; }
.streamhide { display:none !important; }
.streamout { left:-10000px !important; }
#wrap_stream_audio { width:300px; height:auto; border-top:1px solid #333; }
#wrap_stream_audio audio { width:100%; border:none; padding:0; margin:0; }
#container_stream_audio { width:300px; height:auto; z-index:160; position:fixed; top:100px; left:50%; margin-left:-150px; margin-top:0px; display:none; }
.over_stream { z-index:1100 !important; }

#header2 { width:100%; height:50px; margin:0 auto; position:fixed; z-index:4; }
#header_full { width:100%; height:50px; position:fixed; z-index:202; }
#wrap_main_header { max-width:1100px !important; margin:0 auto; height:100%; }
#wrap_full_header { height:100%; padding:0 10px; }
#chat_head { height:50px;  padding:0 5px; width:100%; display:table; table-layout:fixed; }
.empty_subhead { width:100%; height:50px; }
.stat_av { width:40px; height:40px; border-radius:50%; }
.top_status { width:12px; height:12px; border-radius:50%; display:block; position:absolute; bottom:8px; left:3px; border:1px solid #fff; background:#fff; }

#main_header { display:table; table-layout:fixed; width:100%; height:100%; }
#main_mob_menu { display:table-cell; vertical-align:middle; width:42px; position:relative; cursor:pointer; }
#open_login_menu { width:50px; font-size:24px;  position:relative; }
.head_logo, .chat_head_logo { display:table-cell; vertical-align:middle; width:152px; white-space:nowrap; }
.head_logo img, .chat_head_logo img { height:40px; width:auto; display:block; }
.head_option { display:table-cell; width:40px; vertical-align:middle; font-size:16px; text-align:center; position:relative; cursor:pointer; }
.notif_zone { height:100%; }

.cookie_wrap { position:fixed; display:table; padding:25px; z-index:9999; width:80%; left:10%; border-radius:10px; bottom:15px; } 
.cookie_img { display:table-cell; vertical-align:middle; width:60px; }
.cookie_img img { width:60px; display:block; }
.cookie_text { display:table-cell; vertical-align:middle; padding:0 10px; }
.cookie_button { display:table-cell; width:120px; vertical-align:middle; padding:0 10px; }

.pbadge { width:40px; height:40px; margin-bottom:2px; display:grid; align-items:center; float:left; position:relative; border-radius:10px; }
.pbadge_img { width:40px; max-height:40px; margin:0 auto; position:relative; }
.pbadge_count { width:18px; height:18px; position:absolute; bottom:0; right:0; border-radius:50px; background:#666; color:#fff; font-size:10px; }
.badge_box_count { width:40px; height:40px; margin-left:-40px; }
.badge_info_icon { width:40px; }
.badge_info_icon img { height:40px; }

.lang_flag { width:26px; height:auto; display:block; margin:0 auto; border-radius:3px; }
.intro_lang { width:26px; height:auto; display:block; margin:0 auto; border-radius:3px; }
.lang_flag_box { width:40px; }
.lang_lang { padding:10px 5px; }

.drop_list { display:none; cursor:pointer; }
.user_count { display:table; table-layout:fixed; width:100%; padding:10px; font-size:13px; font-weight:normal; font-weight:bold; }
.ucount { border-radius:50px; padding:4px 7px; font-size:11px; }

.user_item:hover { opacity:1 !important; }

.user_square_elem { width:calc((100% / 6) - 10px); height:auto; position:relative; display:inline-block; margin:5px; overflow:hidden; border-radius:5px; overflow:hidden; }
.user_square_elem img { width:100%; display:block; height:auto; }
.square_name { position:absolute; bottom:0; left:0; width:100%; font-size:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2px 4px; border-radius:0 0 5px 5px; text-align:center; }

#global_chat { display:table; width:100%;  overflow:hidden;}

#chat_left { height:100%; overflow:hidden; overflow-y: auto; max-width:100% !important; }
.cleft, .cleft2 { width:200px; max-width:100%; }
.cleft { overflow:hidden; padding:0; display:table-cell; vertical-align:top; box-shadow:none !important; }
.cleft2 { position:absolute; top:51px; left:0; top:50px; z-index:201; padding-bottom:0; }
.left_hide { display:none !important; }
.left_top_menu { height:40px; }
.left_bar_option { cursor:pointer; }
.left_head_empty { padding:0 10px; font-weight:bold; }
#chat_left_data { width:100%; position:relative; overflow:hidden; overflow-y:auto; }

#chat_center { display:table-cell;  vertical-align:top;  overflow:hidden;}

.panel_bar { display:table; width:100%; table-layout:fixed; height:40px; }
.panel_bar_item, .panel_option, .left_bar_item { display:table-cell; vertical-align:middle; width:40px; text-align:center; cursor:pointer; }
#chat_right{ height:100%; }
.cright, .cright2 { width:280px; }
.cright { overflow:hidden; padding:0;  display:table-cell;  vertical-align:top; max-width:100% !important; box-shadow:none !important; }
.cright2 { position:absolute; top:51px; right:0; top:50px; overflow:hidden; z-index:201; padding-bottom:0px; display:none; max-width:100% !important; }
.large_panel { width:400px; }
#chat_right_content { width:100%;}
#chat_right_top { width:100%; height:43px; display:table; table-layout:fixed; }
#chat_right_data { overflow:hidden; overflow-y:auto; position:relative; width:100%; }

.footer_item { width:40px; height:100%; text-align:center; cursor:pointer; display:table-cell; max-width:16.66666666%; vertical-align:middle; position:relative; }
.privhide { display:none !important; }
.i_btm  { font-size:20px;}

.foot_notify { position:absolute; top:10px; left:5px; width:11px; height:11px; border-radius:50%; display:none;}
.head_notify { position:absolute; top:16px; left:6px; width:11px; height:11px; border-radius:50px; display:none;}
.menu_notify { position:absolute; right:10px; padding:0 5px; border-radius:2px; font-size:13px; font-weight:bold; display:none; }
.pm_notify { padding:0 5px; border-radius:2px; font-size:14px; font-weight:bold;}

.notify_item { display:table; table-layout:fixed; width:100%; padding:15px 10px; cursor:pointer; }
.notify_details { display:table-cell; padding:0 8px; }
.notify_status { display:table-cell; width:16px; font-size:13px; }
.notify_avatar { display:table-cell; vertical-align:top; width:40px; position:relative; }
.notify_avatar img { width:40px; height:40px; border-radius:50%; display:block; cursor:pointer; }
.date_notify { margin-top:2px; }
#notify_list { overflow:hidden; padding:0px; }
#notify_content { max-height:364px; overflow:hidden; overflow-y:auto; }
.notify_reaction, .notify_prolike, .notify_gold { width:16px; height:16px; vertical-align:bottom; margin-bottom:-2px; }
.notify_prolike { border-radius:50%; }
.notify_icon { width:22px !important; height:22px !important; position:absolute; top:22px; right:-2px; border-radius:50%; background:#fff; padding:1px; }

.large_spinner { width:50px; height:50px; position:absolute; display:block; top:50%; left:50%; margin-left:-25px; margin-top:-25px; font-size:50px; }
.boom_spinner { width:100%; }

.room_options { width:100%; padding:0 5px 15px 5px; }
.room_elem { display:table; padding:10px; cursor:pointer;  overflow:hidden; position:relative; }
.room_celem { display:table; padding:8px; cursor:pointer;  overflow:hidden; position:relative; }
.room_content { padding:0 0 0 10px; }
.room_name { font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.room_cname { font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.room_icon_wrap { width:60px; height:60px; }
.room_icon { width:60px; height:60px; border-radius:10px; display:block; }
.room_cicon_wrap { width:50px; height:50px; }
.room_cicon { width:50px; height:50px; border-radius:5px; display:block; }
.room_count { font-size:15px; font-weight:bold; text-align:right; }
.room_ccount { font-size:14px; font-weight:bold; text-align:right; }
.room_enter { width:20px; font-size:16px; text-align:center; }
.room_description { font-size:12px; padding:3px 0; }
.room_cdescription { font-size:11px; padding:1px 0; }
.room_img { width:100%; height:auto; display:block; }
.room_tag { width:16px; height:16px; border-radius:50%; display:block; margin:0 auto; }
.room_ctag { width:14px; height:14px; border-radius:50%; display:block; margin:0 auto; }
.roomopt { width:20px; }
.roomcopt { width:16px; }
.chat_rlist { position:relative; width:100%; height:100%; overflow-y:auto; }
.room_preview { width:120px; height:120px; border-radius:10px; }

.warn_icon { width:20px; }
.ricon_current_wrap { width:120px; display:table-cell; vertical-align:bottom; position:relative; }
.ricon_current { width:120px; height:120px; border-radius:10px; display:block; }
.ricon_control { position:absolute; display:table; table-layout:fixed; width:100%; z-index:40; width:80px; left:20px; border-radius:50px; bottom:10px; }
.ricon_button { display:table-cell; vertical-align:middle; text-align:center; width:40px; padding:8px 0; position:relative; }

.chat_player { display:table; table-layout:auto; }
.music_player { display:table; table-layout:fixed; height:100%; width:100%; }
.player_menu { display:table-cell; width:40px; font-size:18px; text-align:center; vertical-align:middle; }
.player_button { display:table-cell; width:36px; font-size:30px; text-align:center; vertical-align:middle; }
.player_sound { display:table-cell; width:40px; font-size:20px; text-align:center; vertical-align:middle; }
.player_current { display:table-cell; vertical-align:middle; padding:0 5px; width:100px; max-width:100px; line-height:1em !Important; }
.player_volume { display:table; table-layout:fixed; width:100%; height:40px; }
.player_list_container { padding:10px 0 5px 0; }
.player_change { width:40px; font-size:18px; text-align:center; }
.cur_play { padding-bottom:10px; }
#player_listing { max-height:160px; overflow-y:auto;  }
#sound_display { width:62px; font-size:20px; white-space:nowrap; }
#volume { display:inline-block; margin-left:3px; font-size:10px; vertical-align:middle; }
#slider { width:100%; }
.splay_btn { width:36px; }
#current_play_btn { font-size:36px; }
.footer_play { font-size:24px; }

.avmmenu { width:40px; }
.avmmenu img { width:40px; height:40px; border-radius:8px; display:block; }
.gold_icon, .ruby_icon { width:18px; }
.gold_icon2, .ruby_icon2 { width:16px; }
.gold_icon img, .ruby_icon img { width:18px; height:18px; display:block; }
.gold_icon2 img, .ruby_icon2 img { width:16px; height:16px; display:block; }
.gold_text, .ruby_text { font-size:16px; }
.gold_text2, .ruby_text2 { font-size:16px; }
.editstatus { width:36px; }
.menuname { font-size:16px; font-weight:bold; }
.stat_icon { width:18px; height:18px; border-radius:50%; background:#fff; display:block; margin:0 auto; }
.stat_icon img { display:block; width:100%; height:100%; border-radius:50%; }
.menuranking { height:11px; width:auto; }
.menuranktxt { font-size:11px; }

.roomcv { width:40px; }
.roomcv img { width:40px; height:auto; border-radius:3px; display:block; }
.mroom_name{ font-size:16px; font-weight:bold; }
.mroom_text { font-size:11px; }
.mroom_change { width:24px; font-size:18px; text-align:center; }

.action_item { margin-bottom:3px; border-radius:5px; }
.radio_item { margin-bottom:3px; }
.reply_item { margin-bottom:3px; }
.ulist_item { margin-bottom:3px; }
.docu_box { margin-bottom:3px; }
.report_item { margin-bottom:5px; }
.card_button { margin-bottom:5px; }

.ui-widget-content { border:none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:none; }
.ui-state-active,.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:none; }
.ui-corner-all { border-radius:10px; }
.ui-slider-horizontal { height:7px; }
.ui-slider-horizontal .ui-slider-handle { cursor:pointer; }
.sound_display { text-align:left; margin-left:15px; }

.choose_avatar, .choose_cover { position:relative; }
.avatar_select { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; }
.cover_select { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; }
.cover_size { height:250px; }
.state_profile { width: 16px; height: 16px; position: absolute; bottom: 5px; right:5px; z-index: 30; border: 2px solid #fff; border-radius: 50px; }
.state_note { width: 16px; height: 16px; position: absolute; bottom: 5px; left:5px; z-index: 30; }
.proicon { width:26px; }
.proitem { padding:12px; }
.prodata { width:50%; }
.mobpico { font-size:18px; }
.vfavatar { height:110px; max-width:100%; border-radius:10px; display:block; margin:0 auto; }

.scanbtn { width:30px; font-size:18px; text-align:center; }

.reg_menu_container { position:relative; }
.reg_menu { font-size:0px; }
.reg_menu ul li { display:inline-block; padding:8px 10px; border-radius:3px; cursor:pointer; font-size:13px; font-weight:bold; }

.line_menu { position:relative; }
.line_menu { font-size:0px; }
.line_menu ul li { display:inline-block; padding:8px 10px; font-size:15px; cursor:pointer; }

.pdetails { display:table; table-layout:fixed; width:100%; }
.pdetails_icon { display:table-cell; vertical-align:middle; width:24px; cursor:pointer; }
.pdetails_text { display:table-cell; vertical-align:middle; overflow:hidden; white-space:nowrap; }

.tab_menu { font-size:0px; padding:5px 10px; margin-bottom:5px; }
.tab_menu ul li { display:inline-block; padding:8px 15px; cursor:pointer; font-size:13px; font-weight:bold; border-radius:5px; margin:5px; }

.modal_menu { font-size:0px; padding:10px 0; }
.modal_menu ul li { display:inline-block; padding:8px 12px; cursor:pointer; font-weight:bold; font-size:13px; margin:0 5px 0 0; border-radius:5px; }

.modal_top_menu { display:table; width:100%; table-layout:fixed; margin:5px 0 5px 0; padding:0 5px; }
.modal_top_item { display:table-cell; width:40px; height:40px; vertical-align:middle; font-size:20px; text-align:center; cursor:pointer; position:relative; }
.modal_top_menu_empty { display:table-cell; vertical-align:middle; width:10px; }
.cover_menu { display:table-cell; vertical-align:middle; width:80px; }
.cover_item_wrap { display:table; border-radius:50px; overflow:hidden; }
.cover_item { width:40px; height:30px; display:table-cell; vertical-align:middle; text-align:center; }
.profile_background { background-size:cover !important; background-position:50% 50% !important; }
.hide_zone { display:none; }
.modal_wrap_top { position:relative; display:table; table-layout:fixed; width:100%; min-height:220px; }
.profile_top { padding:0 15px 15px 15px; position:relative; height:100%; }
.profile_avatar { display:table-cell; width:130px; vertical-align:bottom; position:relative; border-radius:5px; text-align:center; }
.avatar_profile { width:130px; height:130px; cursor:pointer; display:block; border-radius:5px; }
.avatar_button { display:table-cell; vertical-align:middle; text-align:center; padding:8px 0; position:relative; }
.profile_tinfo { display:table-cell; vertical-align:bottom; padding:0 10px; position:relative; }
.pro_name { font-size:25px; font-weight:bold; width:100%; overflow:hidden; white-space:nowrap; }
.pro_name_icon { width:18px; height:18px; display:block; }
.pro_ranking { height:14px; width:auto; }
.pro_mute { height:15px; width:auto; }
.pro_rank { font-size:14px; margin-bottom:-3px; font-weight:bold; display:block; }
.pro_mood { font-size:12px; font-weight:bold}
.add_cover { position:relative; }
.profile_info_box { font-size:11px; padding:10px 15px; }
.level_profile { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 7px 0; }
.pro_flag { display:inline-block; height:12px; }
.proli { width:160px; }
.avatar_control { position:absolute; display:table; table-layout:fixed; width:100%; z-index:40; width:80px; left:27px; border-radius:50px; bottom:10px; }
.avatar_spin { border-radius:10px; overflow:hidden; position:relative; z-index:30; }

 
.up_input { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; padding:0px !important; overflow:hidden; }

.report_item { display:table; table-layout:fixed; width:100%; }
.report_check { display:table-cell; width:30px; text-align:center; vertical-align:middle; font-size:20px;}
.report_text { display:table-cell;  vertical-align:middle; padding:0 5px; }

.head_report { display:table; table-layout:fixed; width:100%; }
.report_name { display:table-cell; vertical-align:middle; padding:0 5px; }
.report_avatar { display:table-cell; vertical-align:middle; width:36px; }
.report_avatar img { width:36px; height:36px; border-radius:50%; display:block; cursor:pointer; }
.prep_avatar { display:table-cell; vertical-align:top; width:30px; }
.prep_avatar img { width:30px; height:30px; border-radius:50%; display:block; cursor:pointer; }

.empty_zone { width:100%; }

.othera { margin:0px 8px 5px 0px; display:inline-block; }

#private_progress { display:none; }
#main_progress { display:none; }
.uprogress { width:140px; background:#666; color:#fff; position:absolute; top:5px; left:5px; z-index:120; border-radius:5px; overflow:hidden; }
.uprogress_wrap { width:140px; height:30px; position:relative; }
.uprogress_progress { width:0%; height:30px; background:#74b20e; }
.uprogress_content { width:140px; height:30px; position:absolute; top:0; left:0; }
.uprogress_text { padding:0 10px; }
.uprogress_icon { width:40px; text-align:center; }

#main_input_extra { width:auto; position:absolute; bottom:0; left:0; z-index:100; padding:5px; display:none; border-radius:5px; max-width:calc(100% - 10px); margin:5px; }
.sub_options { width:46px; height:46px; padding:5px; margin:3px; float:left; position:relative; cursor:pointer; }
.sub_options:hover { padding:0px; transition: all 0.3s; }
.sub_options  img { width:100%; height:auto; }

#priv_input_extra { width:auto; position:absolute; bottom:0; left:0; z-index:100; padding:3px; display:none; border-radius:5px; max-width:240px; margin:5px; }
.psub_options { width:40px; height:40px; padding:5px; margin:3px; float:left; position:relative; cursor:pointer; }
.psub_options:hover { padding:0px; transition: all 0.3s; }
.psub_options  img { width:100%; height:auto; }

#main_emoticon { width:530px; max-width:calc(100% - 10px); border-radius:5px; height:222px; position:absolute; bottom:0; left:0; z-index:100; display:none; margin:5px; }
#private_emoticon { width:calc(100% - 10px); border-radius:5px; height:200px; position:absolute; bottom:0; left:0; z-index:100; display:none; margin:5px; }
.emo_head { width:100%; height:40px; display:table; table-layout:fixed; }
.emo_content { width:100%; height:180px; overflow:hidden; overflow-y: auto; padding:5px; }
.sticker { height:48px; float:left; margin:6px; }
.emoticon { height:24px; float:left; margin:5px; }
.custom_emo { max-width:48px; max-height:48px; float:left; margin:6px; }
.emo_content .emoticon  img { height:100%; width:auto; }
.emo_content .sticker  img { height:100%; }
.emo_content .custom_emo img { max-width:48px; max-height:48px; }
.emo_menu { width:40px; height:100%; cursor:pointer; text-align:center; font-size:18px; display:table-cell; vertical-align:middle; }
.emo_select { height:40px; width:40px; display:block; }
.empty_emo { display:table-cell; height:40px; }
.emo_content_priv { width:100%; height:160px; overflow:hidden; overflow-y: auto; padding:5px; }
.emo_content_priv  .emoticon  img { height:100%; width:auto; }
.emo_content_priv  .sticker  img { height:100%; }
.emo_content_priv  .custom_emo img { max-width:48px; max-height:48px; }
.emoticon, .sticker, .custom_emo { cursor:pointer; }
.emo_result { min-height:240px; max-height:400px; }

.saved_data { --saved-accent:#3b82f6; --saved-accent-rgb:59,130,246; position:fixed; z-index:2147482999; top:max(12px,env(safe-area-inset-top)); inset-inline-end:max(12px,env(safe-area-inset-right)); inset-inline-start:auto; display:none; width:min(360px,calc(100vw - 24px)); min-height:48px; padding:12px 14px 12px 17px; overflow:hidden; border:1px solid rgba(127,127,127,.22); border-radius:14px; background:rgba(24,27,34,.96); color:inherit; box-sizing:border-box; box-shadow:0 12px 30px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12); font-size:12.5px; line-height:1.4; font-weight:650; text-align:start; backdrop-filter:blur(12px) saturate(120%); -webkit-backdrop-filter:blur(12px) saturate(120%); }
.saved_data:before { content:""; position:absolute; inset-block:0; inset-inline-start:0; width:3px; background:var(--saved-accent); }
.saved_data .saved_span { display:block; overflow-wrap:anywhere; }
@media screen and (max-width:600px){ .saved_data { top:max(8px,env(safe-area-inset-top)); inset-inline:8px; width:auto; padding:11px 13px 11px 16px; } }
.ex_admin { padding:5px 0 0 0; font-style:italic; font-size:13px;}
.admin_search { display:table; width:100%; overflow:hidden; border-radius:3px; }
.admin_search_btn { display:table-cell; width:50px; text-align:center; cursor:pointer; }
.edit_verify { margin-top:8px; }

.sp_box { width:calc(50% - 10px); display:block; float:left; margin:5px; overflow:hidden; cursor:pointer; border-radius:5px; }
.sp_content { width:100%; display:table; table-layout:fixed; }
.sp_icon { width:70px; font-size:30px; text-align:center; padding:20px 0; }
.sp_info { padding:0 10px; }
.sp_title { font-size:12px; }
.sp_count { font-size:26px; font-weight:bold; }

#open_sub_mobile { display:none; width:36px; vertical-align:middle; text-align:center; font-size:24px; }
#close_sub_mob { height:100%; display:table; width:100%; cursor:pointer; }
#close_sub { display:table-cell; vertical-align:middle; text-align:right; padding:0 10px; font-size:22px; }

.p_data { display:table; table-layout:fixed; width:100%; height:auto; }
.p_item { display:table-cell; vertical-align:middle; width:24px; font-size: 20px; }
.p_empty { display:table-cell; }
.get_info { cursor:pointer; }

.small_modal_out, .large_modal_out{ display:none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); cursor:pointer; }
.over_modal_out, .over_emodal_out { display:none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); cursor:pointer; }
.small_modal_in { border-radius:5px; margin: 5% auto; max-width:400px; width: 94%; position:relative;  }
.large_modal_in { border-radius:5px; margin: 5% auto; max-width:500px; width: 94%; position:relative; }
.over_modal_in { border-radius:5px; margin: 6% auto; max-width:500px; width: 94%; position:relative; }
.over_emodal_in { border-radius:3px; margin: 6% auto; max-width:500px; width: 94%; position:relative; }
.modal_top { width:100%; display:table; table-layout:fixed; }
.modal_top_text { display:table-cell; font-size:15px; vertical-align:middle; }
.modal_top_empty { display:table-cell; vertical-align:middle; font-size:15px; padding:0 5px; }
.modal_top_element { display:table-cell; width:40px; height:40px; text-align:center; vertical-align:middle; font-size:18px; }
.avatar_top_mod { display:table-cell; text-align:center; vertical-align:middle; width:40px; height:50px; padding:5px; }
.avatar_top_mod img { display:block; margin:0 auto; width:100%; border-radius:50%; }
.avatar_top_name { display:table-cell; padding:0 5px 0 2px; font-size:14px; vertical-align:middle; font-weight:bold; }
.modal_pad { padding:36px 20px 20px 20px; }
.modal_control { padding-top:15px; padding-bottom:10px; }
.modal_title { font-size:16px; font-weight:bold; padding-bottom:15px; }
.modal_close { width:36px; height:36px; position:absolute; top:10px; right:10px; font-size:18px; text-align:center; display:table; }
.modal_user { margin-top:-10px; margin-bottom:10px; }
.modal_user_avatar { width:40px; height:40px; }
.modal_user_avatar img { width:40px; height:40px; border-radius:50%; }

.tab_error_out{ display:none; position: fixed; z-index: 1200; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); cursor:pointer; }
.tab_error_in { border-radius:3px; margin: 5% auto; max-width:400px; width: 98%; }

.console_reason img { max-height:40px; }
.console_reason .chat_video_container { max-width:200px !important; }

.qwraper { position:absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom:5px; display:block; width:220px; border-radius:10px; display:none; z-index:110; pointer-events:auto; }
.qcontrol { display:table; width:100%; height:46px; padding:5px; table-layout:fixed; }
.qavatarwrap { display:table-cell; vertical-align:middle; width:36px; height:36px; }
.qavatar { width:36px; height:36px; border-radius:50%; display:block; }
.qusername_wrap { display:table-cell; vertical-align:middle; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.qcancel { display:table-cell; vertical-align:middle; width:30px; font-size:16px; text-align:center; position:relative; z-index:2; pointer-events:auto; touch-action:manipulation; cursor:pointer; user-select:none; -webkit-user-select:none; }

.cqbox { width:100%; margin-top:3px; }
.cquote { padding:6px; border-radius:5px; display:inline-block; max-width:100%; }
.cqwrap { display:table; table-layout:auto; }
.cqav { display:table-cell; width:24px; vertical-align:top; }
.cqav img { display:block; width:24px; height:24px; border-radius:50%; }
.cqcontent { display:table-cell; padding:0 5px; }
.cqname { font-size:11px; font-weight:bold; }
.cqmess { font-size:13px; }
.cqmess .chat_image { height:50px; max-width:100%; margin: 3px 0 0 0; }
.cqmess .emo_chat { margin-bottom:-3px; height:18px; }

.vip_table_list { display:block; margin:0 auto; }
.vip_price_cell { width:100px; padding:0 10px; }
.vip_checkbox { width:40px; font-size:24px; text-align:center; }
.avatar_vip { width:80px; height:80px; border-radius:50%; }

.avagen { border:2px solid; box-sizing:border-box; }

#whisper_controller { position:absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom:5px; display:block; width:190px; border-radius:100px; display:none; }

.chat_file { height:50px; margin-top:5px; cursor:pointer; display:inline-block; }
.cqmess .chat_file { height:40px; cursor:pointer; }

.infopop { font-size:15px; }

.sub_list:first-child,
.avitem:first-child { border-top: none !important; }

.sub_list:last-child, .blisting:last-child, .blist:last-child, .bmenu:last-child, .submenu:last-child, .bpmenu:last-child,
.avitem:last-child, .log2:last-child, .nobborder { border-bottom: none !important; }

.bwidth20 { width:20%; }.bwidth25 { width:25%; }.bwidth33 { width:33%; }.bwidth50 { width:50%; }.bwidth66 { width:66%; }.bwidth100 { width:100%; }
.pwidth10 { width:10px; }.pwidth20 { width:20px; }.pwidth30 { width:30px; }.pwidth40 { width:40px; }.pwidth50 { width:50px; }.pwidth60 { width:60px; }.pwidth70 { width:70px; }.pwidth80 { width:80px; }.pwidth90 { width:90px; }.pwidth100 { width:100px; }
.square20 { width:20px; height:20px; }.square30 { width:30px; height:30px; }.square40 { width:40px; height:40px; }.square50 { width:50px; height:50px; }.square60 { width:60px; height:60px; }.square70 { width:70px; height:70px; }.square80 { width:80px; height:80px; }.square90 { width:90px; height:90px; }.square100 { width:100px; height:100px; }
.btauto { table-layout:auto; }
.bcauto { width:1%; white-space:nowrap; }
.bbreak { word-break: break-word; }

.fancybox-bg { opacity:.6 !important; }

.docu_box { border-radius:3px; }
.docu_head { padding:15px; cursor:pointer; border-radius:5px; font-weight:bold; font-size:13px; }
.docu_content {  padding:20px 0; display:none; }
.docu_content_view {  padding:0; }
.docu_content img, .docu_content_view img { max-width:100%; } 
.docu_title { padding:5px 10px; font-weight:bold; font-size:13px; }
.docu_description { padding:5px 10px; font-size:13px; }
.docu_sub_list { padding:10px; margin-left:10px; }
.docu_sub_list li { list-style:disc; }
.docu_intro_text { font-size:13px; padding:10px; }
.doc_zone { padding:5px; margin-bottom:10px; margin-top:10px; font-weight:bold; }

.title_icon { width:20px; height:20px; }
.title_icon img { width:20px; height:20px; }
.title_text { font-size:18px; font-weight:bold; padding:0 8px; }

.plike_item { float:left; padding:3px 5px; margin-right:5px; border-radius:100px; cursor:pointer; }
.plike_item img { width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:1px; }
.plike_count { font-size:12px; font-weight:bold; padding:0 2px; }

.plevel_item { float:left; padding:3px 5px; margin-right:5px; border-radius:100px; cursor:pointer; }
.plevel_item img { width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:1px; }
.plevel_count { font-size:12px; font-weight:bold; padding:0 2px; }

.clevel_item { float:left; padding:3px 5px; margin-right:5px; border-radius:100px; cursor:pointer; }
.clevel_item img { width:18px; height:18px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:1px; }
.clevel_count { font-size:12px; font-weight:bold; padding:0 2px; }

.progress_box { width: 100%; background-color:rgba(0,0,0,0.5); border-radius:10px; overflow:hidden; cursor:pointer; }
.progress_bar { width: 50%; height: 30px; background-color: #74b20e; text-align: center; line-height: 30px; color: white; }

.splog { padding:15px 10px; }
.sptext, .tptext { margin-top:2px; }
.my_notice { padding:3px 10px; display:inline-block; line-height:1em; margin-top:2px; border-radius:20px; font-weight:normal; }

.tiny_icon { width:16px; height:16px; }
.xsmall_icon { width:24px; height:24px; }
.small_icon { width:32px; height:32px; }
.reg_icon { width:50px; height:50px; }
.med_icon { width:64px; height:64px; }
.large_icon { width:100px; height:100px; }
.xlarge_icon { width:140px; height:140px; }

.small_avatar { width:40px; height:40px; }
.med_avatar { width:64px; height:64px; }
.large_avatar { width:100px; height:100px; }

.boom_alert { position:relative; border-radius:5px; padding:12px 15px; border:1px solid transparent; width:100%; }

.blist, .blisting { border-radius:0px; }
.brad0 { border-radius:0px; }
.brad2{ border-radius:2px; }
.brad3{ border-radius:3px; }
.brad5{ border-radius:5px; }
.brad8{ border-radius:8px; }
.brad10{ border-radius:10px; }
.brad15{ border-radius:15px; }
.brad50 { border-radius:50%; }
.brad100 { border-radius:200px; }

.pad_box { padding:15px; }
.clearbox { overflow-y:auto; }
.nopad { padding:0px; }
.noborder { border:none !important; }
.mauto { margin:0 auto; }
.bclear { clear:both; }
.clear { width:100%; height:1px; clear:both; }.clear3 { width:100%; height:3px; clear:both; }.clear5 { width:100%; height:5px; clear:both; }.clear10 { width:100%; height:10px; clear:both; }.clear15 { width:100%; height:15px; clear:both; }.clear20 { width:100%; height:20px; clear:both; }.clear25 { width:100%; height:25px; clear:both; }.clear30 { width:100%; height:30px; clear:both; }
.tmargin3 { margin-top:3px; }.tmargin5 { margin-top:5px; }.tmargin10 { margin-top:10px; }.tmargin15 { margin-top:15px; }.tmargin20 { margin-top:20px; }.tmargin25 { margin-top:25px; }.tmargin30 { margin-top:30px; }
.bmargin3 { margin-bottom:3px; }.bmargin5 { margin-bottom:5px; }.bmargin10 { margin-bottom:10px; }.bmargin15 { margin-bottom:15px; }.bmargin20 { margin-bottom:20px; }.bmargin25 { margin-bottom:25px; }.bmargin30 { margin-bottom:30px; }
.lmargin3 { margin-left:3px; }.lmargin5 { margin-left:5px; }.lmargin10 { margin-left:10px; }.lmargin15 { margin-left:15px; }.lmargin20 { margin-left:20px; }.lmargin25 { margin-left:25px; }.lmargin30 { margin-left:30px; }
.rmargin3 { margin-right:3px; }.rmargin5 { margin-right:5px; }.rmargin10 { margin-right:10px; }.rmargin15 { margin-right:15px; }.rmargin20 { margin-right:20px; }.rmargin25 { margin-right:25px; }.rmargin30 { margin-right:30px; }
.vmargin5 { margin-top:3px; margin-bottom:3px; }.vmargin5 { margin-top:5px; margin-bottom:5px; }.vmargin10 { margin-top:10px; margin-bottom:10px; }.vmargin15 { margin-top:15px; margin-bottom:15px; }.vmargin20 { margin-top:20px; margin-bottom:20px; }.vmargin25 { margin-top:25px; margin-bottom:25px; }.vmargin30 { margin-top:30px; margin-bottom:30px; }
.hmargin5 { margin-left:3px; margin-right:3px; }.hmargin5 { margin-left:5px; margin-right:5px; }.hmargin10 { margin-left:10px; margin-right:10px; }.hmargin15 { margin-right:15px; margin-right:15px; }.hmargin20 { margin-right:20px; margin-right:20px; }.hmargin25 { margin-right:25px; margin-right:25px; }.hmargin30 { margin-right:30px; margin-right:30px; }
.nmargin3 { margin-top:-3px; }.nmargin5 { margin-top:-5px; }.nmargin10 { margin-top:-10px; }.nmargin15 { margin-top:-15px; }.nmargin20 { margin-top:-20px; }.nmargin25 { margin-top:-25px; }
.notpad3 { padding:0px 3px 3px 3px; }.notpad5 { padding:0px 5px 5px 5px; }.notpad10 { padding:0px 10px 10px 10px; }.notpad15 { padding:0px 15px 15px 15px; }.notpad20 { padding:0px 20px 20px 20px; }.notpad25 { padding:0px 25px 25px 25px; }.notpad30 { padding:0px 30px 30px 30px; }
.pad3 { padding:3px; }.pad5 { padding:5px; }.pad10 { padding:10px; }.pad15 { padding:15px; }.pad20 { padding:20px; }.pad25 { padding:25px; }.pad30 { padding:30px; }
.tpad0 { padding-top:0px; }.tpad3 { padding-top:3px; }.tpad5 { padding-top:5px; }.tpad10 { padding-top:10px; }.tpad15 { padding-top:15px; }.tpad20 { padding-top:20px; }.tpad25 { padding-top:25px; }.tpad30{ padding-top:30px; }
.bpad0 { padding-bottom:0px; }.bpad3 { padding-bottom:3px; }.bpad5 { padding-bottom:5px; }.bpad10 { padding-bottom:10px; }.bpad15 { padding-bottom:15px; }.bpad20 { padding-bottom:20px; }.bpad25 { padding-bottom:25px; }.bpad30 { padding-bottom:30px; }
.lpad0 { padding-left:0px; }.lpad3 { padding-left:3px; }.lpad5 { padding-left:5px; }.lpad10 { padding-left:10px; }.lpad15 { padding-left:15px; }.lpad20 { padding-left:20px; }.lpad25 { padding-left:25px; }.lpad30 { padding-left:30px; }
.rpad0 { padding-right:0px; }.rpad3 { padding-right:3px; }.rpad5 { padding-right:5px; }.rpad10 { padding-right:10px; }.rpad15 { padding-right:15px; }.rpad20 { padding-right:20px; }.rpad25 { padding-right:25px; }.rpad30 { padding-right:30px; }
.vpad0 { padding-top:0px; padding-bottom:0px; }.vpad3 { padding-top:3px; padding-bottom:3px; }.vpad5 { padding-top:5px; padding-bottom:5px; }.vpad10 { padding-top:10px; padding-bottom:10px; }.vpad15 { padding-top:15px; padding-bottom:15px; }.vpad20 { padding-top:20px; padding-bottom:20px; }.vpad25 { padding-top:25px; padding-bottom:25px; }.vpad30{ padding-top:30px; padding-bottom:30px; }
.hpad0 { padding-left:0px; padding-right:0px; }.hpad3 { padding-left:3px; padding-right:3px; }.hpad5 { padding-left:5px; padding-right:5px; }.hpad10 { padding-left:10px; padding-right:10px; }.hpad15 { padding-left:15px; padding-right:15px; }.hpad20 { padding-left:20px; padding-right:20px; }.hpad25 { padding-left:25px; padding-right:25px; }.hpad30 { padding-left:30px; padding-right:30px; }

.border_active {
    --theme-glow: #ffffff; 
}

.border_active .pro_name, 
.border_active .pro_rank, 
.border_active .cover_text,
.border_active .pdetails_text,
.border_active i.fa, 
.border_active i.fa-solid, 
.border_active i.fa-regular,
.border_active .proicon,
.border_active .bcell_mid,       
.border_active .prodata,         
.border_active .modal_menu_item, 
.border_active .sub_text,        
.border_active .pro_mood,        
.border_active .text_link        
{
    color: var(--theme-glow) !important;
    text-shadow: 0 0 5px var(--theme-glow), 0 0 10px rgba(0,0,0,0.8) !important;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.border_active .prodata {
    filter: brightness(1.2);
}

.modal_wrap.border_active {
    position: relative; z-index: 1;
    background-clip: padding-box;
    border-radius: 15px !important;
}

.border_preview_item {
    background-size: 200% 200% !important; z-index: 0;
}
.border_preview_item::after, .border_preview_item::before {
    z-index: -1 !important;
}

@keyframes flowAround { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }
@keyframes gridMove { 0% { background-position: 0 0; } 100% { background-position: 20px 20px; } }
@keyframes neonPulse { 0% { box-shadow: 0 0 5px currentColor; } 50% { box-shadow: 0 0 15px currentColor, inset 0 0 5px currentColor; } 100% { box-shadow: 0 0 5px currentColor; } }
@keyframes bracketResize { 0%, 100% { background-size: 2px 40%; } 50% { background-size: 2px 80%; } }
@keyframes matrixRain { 0% { background-position: 0% 0%; } 100% { background-position: 0% 100%; } }
@keyframes solarFlow { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
@keyframes glitchBorder { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } }
@keyframes breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }

.pro_border_1 { --theme-glow: #ff0000; border: 2px solid rgba(255,0,0,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #f00 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_2 { --theme-glow: #00ff00; border: 2px solid rgba(0,255,0,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #0f0 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_3 { --theme-glow: #0088ff; border: 2px solid rgba(0,0,255,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #00f 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_4 { --theme-glow: #ffff00; border: 2px solid rgba(255,255,0,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #ff0 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_5 { --theme-glow: #00ffff; border: 2px solid rgba(0,255,255,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #0ff 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_6 { --theme-glow: #ff00ff; border: 2px solid rgba(255,0,255,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #f0f 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_7 { --theme-glow: #ff8800; border: 2px solid rgba(255,136,0,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #ff8800 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_8 { --theme-glow: #ffffff; border: 2px solid rgba(255,255,255,0.5); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, #fff 50%, transparent 50%) border-box; background-size: 40px 40px; animation: flowAround 1s linear infinite; }
.pro_border_9 { --theme-glow: #ff00aa; border: 2px solid rgba(255,255,255,0.2); background: linear-gradient(#111,#111) padding-box, linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red) border-box; background-size: 200% 200%; animation: flowAround 2s linear infinite; }
.pro_border_10 { --theme-glow: #ff4444; border: 2px solid #f00; background: linear-gradient(#111,#111) padding-box, repeating-linear-gradient(45deg, #f00 0, #f00 10px, #fff 10px, #fff 20px) border-box; animation: flowAround 10s linear infinite; }

.pro_border_11 { --theme-glow: #ff0055; border: 2px solid #ff0055; color: #ff0055; animation: neonPulse 1.5s infinite; }
.pro_border_12 { --theme-glow: #00ffaa; border: 2px solid #00ffaa; color: #00ffaa; animation: neonPulse 1.5s infinite; }
.pro_border_13 { --theme-glow: #32cd32; border-top: 2px solid #32cd32; border-bottom: 2px solid #32cd32; background-image: linear-gradient(#32cd32, #32cd32), linear-gradient(#32cd32, #32cd32); background-size: 2px 50%; background-position: 0 center, 100% center; background-repeat: no-repeat; animation: bracketResize 2s ease-in-out infinite; }
.pro_border_14 { --theme-glow: #aa00ff; border: 2px solid #aa00ff; color: #aa00ff; animation: neonPulse 1.5s infinite; }
.pro_border_15 { --theme-glow: #ffaa00; border: 2px solid #ffaa00; color: #ffaa00; animation: neonPulse 1.5s infinite; }
.pro_border_16 { --theme-glow: #ffffff; border: 3px solid #fff; box-shadow: 0 0 10px #fff; } 
.pro_border_17 { --theme-glow: #ff0000; border-top: 3px solid #f00; border-bottom: 3px solid #f00; animation: neonPulse 1s infinite alternate; }
.pro_border_18 { --theme-glow: #0044ff; border-left: 3px solid #00f; border-right: 3px solid #00f; animation: neonPulse 1s infinite alternate; }
.pro_border_19 { --theme-glow: #00ffff; border: 2px solid rgba(255,255,255,0.8); box-shadow: 0 0 10px cyan; animation: breathe 2s infinite; }
.pro_border_20 { --theme-glow: #ff00ff; border: 3px double #ff00ff; box-shadow: 0 0 10px #ff00ff; }

.pro_border_21 { --theme-glow: #ff0000; border: 3px dashed #ff0000; animation: breathe 1s infinite; }
.pro_border_22 { --theme-glow: #00ff00; border: 2px dashed #0f0; box-shadow: 0 0 5px #0f0; animation: breathe 1s infinite; }
.pro_border_23 { --theme-glow: #00ffff; border: 2px dashed #0ff; box-shadow: 0 0 5px #0ff; animation: breathe 1s infinite; }
.pro_border_24 { --theme-glow: #ff0044; border: 2px dashed #f00; animation: breathe 0.5s infinite; }
.pro_border_25 { --theme-glow: #ffffff; border: 3px dotted #fff; animation: breathe 2s infinite; }
.pro_border_26 { --theme-glow: #ff8800; border: 2px dashed #ff8800; box-shadow: 0 0 5px #ff8800; }
.pro_border_27 { --theme-glow: #00ff00; border: 4px double #00ff00; outline: 1px solid #004400; }
.pro_border_28 { --theme-glow: #eeeeee; border: 2px solid #fff; outline: 2px dashed #777; outline-offset: -4px; }
.pro_border_29 { --theme-glow: #9900ff; border: 3px groove #9900ff; }
.pro_border_30 { --theme-glow: #d2b48c; border: 3px dotted #d2b48c; box-shadow: 0 0 5px #d2b48c; }

.pro_border_31 { --theme-glow: #ff0000; border: 2px solid #f00; background-image: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(255,0,0,0.6) 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(255,0,0,0.6) 20px); background-size: 20px 20px; animation: gridMove 2s linear infinite; box-shadow: 0 0 8px #f00; }
.pro_border_32 { --theme-glow: #0055ff; border: 2px solid #00f; background-image: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(0,0,255,0.6) 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(0,0,255,0.6) 20px); background-size: 20px 20px; animation: gridMove 2s linear infinite; box-shadow: 0 0 8px #00f; }
.pro_border_33 { --theme-glow: #00ff00; border: 2px solid #0f0; background: linear-gradient(#111, #111) padding-box, linear-gradient(180deg, #00ff00 0%, transparent 50%, #00ff00 100%) border-box; background-size: 100% 200%; animation: matrixRain 3s linear infinite; box-shadow: 0 0 5px #00ff00; }
.pro_border_34 { --theme-glow: #ff4500; border: 2px solid #ff4500; background: linear-gradient(#111, #111) padding-box, linear-gradient(90deg, #ff8800, #ffff00, #ff8800) border-box; background-size: 200% 100%; animation: solarFlow 2s linear infinite; box-shadow: 0 0 10px #ff4500; }
.pro_border_35 { --theme-glow: #00ff00; border: 2px solid #0f0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, #003300 2px, #003300 4px); }
.pro_border_36 { --theme-glow: #00ffff; border: 2px solid #fff; box-shadow: -3px 0 0 #f00, 3px 0 0 #0ff; animation: glitchBorder 0.2s infinite; }
.pro_border_37 { --theme-glow: #ffffff; border: 2px solid rgba(255,255,255,0.7); backdrop-filter: blur(4px); box-shadow: 0 0 5px rgba(255,255,255,0.5); }
.pro_border_38 { --theme-glow: #ff00ff; border: 2px solid #fff; outline: 2px dashed #ff00ff; outline-offset: 3px; animation: glitchBorder 0.5s infinite steps(2); box-shadow: 0 0 5px #ff00ff; }
.pro_border_39 { --theme-glow: #cccccc; border: 1px solid #444; box-shadow: inset 0 0 15px #fff; }
.pro_border_40 { --theme-glow: #888888; border: 2px solid #555; background: repeating-linear-gradient(45deg, #222, #222 5px, #444 5px, #444 10px); }

.pro_border_41 { --theme-glow: #ffffff; border: 3px dashed #fff; border-radius: 0 !important; }
.pro_border_42 { --theme-glow: #ffd700; border: 2px solid gold; box-shadow: 0 0 10px gold; }
.pro_border_43 { --theme-glow: #c0c0c0; border: 2px solid silver; box-shadow: 0 0 10px silver; }
.pro_border_44 { --theme-glow: #cd7f32; border: 2px solid #cd7f32; box-shadow: 0 0 10px #cd7f32; }
.pro_border_45 { --theme-glow: #ff0000; border: 4px double #ff0000; }
.pro_border_46 { --theme-glow: #00ffff; border: 2px dotted #00ffff; }
.pro_border_47 { --theme-glow: #ff00ff; border: 2px solid #ff00ff; outline: 1px solid #fff; outline-offset: 3px; }
.pro_border_48 { --theme-glow: #ffffff; border: 1px solid #fff; box-shadow: 0 0 0 3px #000, 0 0 0 5px #fff; }
.pro_border_49 { --theme-glow: #555555; border: 4px inset #333; background: #111; }
.pro_border_50 { --theme-glow: #666666; border: 4px outset #444; background: #222; }

.player_grid {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important; 
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 8px !important; 
    padding: 5px 0;
    box-sizing: border-box;
}

.player_option {
    
    width: calc(50% - 4px) !important; 
    max-width: calc(50% - 4px) !important;
    flex: 0 0 calc(50% - 4px) !important;
    
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px 6px;
    margin: 0 0 8px 0 !important; 
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box !important;
    overflow: hidden;
}

.player_option .music_pill {
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.player_option .mp_effect {
    width: 24px !important;
    height: 24px !important;
    margin-right: 4px !important;
}
.player_option .mp_effect i, 
.player_option .mp_effect div {
    transform: scale(0.75); 
}
.player_option .mp_state {
    width: 20px !important;
    font-size: 10px !important;
    margin-left: 2px !important;
}
.player_option .mp_title {
    font-size: 9px !important;
    letter-spacing: 0 !important;
}

.player_option.selected {
    border-color: var(--theme-color);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.player_name {
    margin-top: 6px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    text-align: center;
}

.music_pill_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
    perspective: 1000px; 
}

.music_pill {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    max-width: 240px;
    height: 50px;
    padding: 0 8px !important;
    border-radius: 10px !important;
    box-sizing: border-box;
    overflow: hidden;
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    background-size: 200% 200%; 
    user-select: none;
}
.music_pill:active { transform: scale(0.95); }

.mp_effect {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-right: 8px;
    flex-shrink: 0;
    position: relative;
}
.mp_details {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0; 
    z-index: 2;
}
.mp_title {
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.mp_sub { font-size: 9px; opacity: 0.7; }
.mp_state {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    font-size: 12px;
    margin-left: 5px;
    backdrop-filter: blur(2px);
    z-index: 5;
}

.mp_style_1 { background: #1f1f1f; border: 1px solid #333; color: #fff; }
.mp_style_1 .mp_effect { background: #333; }
.mp_style_1 .mp_effect i { animation: beat 1.2s infinite; }
@keyframes beat { 0%,100% { transform: scale(1); } 50% { transform: scale(1.2); } }

.mp_style_2 { background: #000; border: 1px solid #0f0; color: #0f0; box-shadow: 0 0 10px rgba(0,255,0,0.2); }
.mp_style_2 .mp_effect { border: 1px solid #0f0; animation: neonPulse 1.5s infinite alternate; }
.neon_icon { font-size: 18px; text-shadow: 0 0 5px #0f0; }
@keyframes neonPulse { from { box-shadow: 0 0 5px #0f0; } to { box-shadow: 0 0 15px #0f0; } }

.mp_style_3 { 
    background: linear-gradient(45deg, #ff357a, #fff172); 
    background-size: 400% 400%; 
    animation: gradFlow 5s ease infinite; 
    border: none; color: #fff; 
}
.mp_style_3 .mp_title { text-shadow: 0 1px 2px rgba(0,0,0,0.3); }
@keyframes gradFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

.mp_style_4 { background: #222; border: 1px solid #444; color: #ccc; }
.vinyl_spin {
    width: 34px; height: 34px; border-radius: 50%;
    background: repeating-radial-gradient(#111, #111 2px, #333 3px);
    border: 2px solid #000; position: relative;
    animation: spin 3s linear infinite;
}
.vinyl_spin::after { content: ''; position: absolute; top: 35%; left: 35%; width: 30%; height: 30%; background: #e91e63; border-radius: 50%; }
@keyframes spin { 100% { transform: rotate(360deg); } }

.mp_style_5 { 
    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); 
    border: 1px solid rgba(255,255,255,0.2); color: #fff; position: relative; 
}
.mp_style_5::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
    transform: skewX(-25deg); animation: shine 4s infinite;
}
@keyframes shine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }

.mp_style_6 { background: #dcdcdc; border: 2px solid #999; border-radius: 6px !important; color: #333; }
.tape_icon { display: flex; gap: 4px; justify-content: center; }
.tape_hole { width: 10px; height: 10px; background: #333; border-radius: 50%; border: 2px dashed #fff; animation: spin 4s linear infinite; }

.mp_style_7 { background: #111; border: 1px solid #333; color: #00eaff; }
.eq_box { display: flex; gap: 3px; align-items: flex-end; height: 20px; width: 100%; justify-content: center; }
.eq_line { width: 4px; background: #00eaff; border-radius: 2px; animation: eqBounce 0.5s infinite alternate; }
.eq_line:nth-child(1) { animation-delay: 0s; height: 40%; }
.eq_line:nth-child(2) { animation-delay: 0.1s; height: 80%; }
.eq_line:nth-child(3) { animation-delay: 0.2s; height: 50%; }
@keyframes eqBounce { 0% { height: 20%; opacity: 0.5; } 100% { height: 90%; opacity: 1; } }

.mp_style_8 { background: #050505; border: 1px solid #ff003c; color: #ff003c; font-family: monospace; position: relative; }
.mp_style_8:hover { animation: shake 0.3s infinite; }
.mp_style_8 .mp_effect { border: 1px solid #ff003c; }
@keyframes shake { 0% { transform: translate(0,0); } 25% { transform: translate(1px, 1px); } 75% { transform: translate(-1px, -1px); } }

.mp_style_9 { background: linear-gradient(to bottom, #1a1a1a, #000); border: 1px solid #d4af37; color: #d4af37; }
.mp_style_9 .mp_state { border: 1px solid #d4af37; color: #d4af37; background: transparent; }
.mp_style_9 .mp_effect i { animation: sparkle 2s infinite alternate; }
@keyframes sparkle { 0% { opacity: 0.5; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1.1); filter: drop-shadow(0 0 3px gold); } }

.mp_style_10 { background: #f0f8ff; border: 2px solid #bcdbe6; color: #4a6fa5; border-radius: 25px !important; }
.mp_style_10:hover { animation: float 2s ease-in-out infinite alternate; }
.mp_style_10 i { color: #87ceeb; }
@keyframes float { 0% { transform: translateY(0); } 100% { transform: translateY(-4px); } }

.music_pill_wrap {
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.music_pill {
    background: #171a18; 
    border: 1px solid rgba(255, 255, 255, 0.08); 
    color: #e0e0e0;
    padding: 8px 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    width: fit-content;
    position: relative;
    user-select: none;
}

.music_pill:hover {
    background: #222;
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

.music_pill:active {
    transform: scale(0.97);
}

.mp_state i {
    font-size: 12px;
    width: 15px;
    text-align: center;
    color: #ffffff;
}

.mp_text {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}

.mp_wave {
    display: flex;
    align-items: flex-end;
    height: 14px;
    gap: 3px;
}

.bar {
    width: 2px;
    background: #ffffff;
    border-radius: 2px;
    animation: bounce 1s infinite ease-in-out;
    opacity: 0.9;
}

.bar.b1 { animation-duration: 0.6s; height: 6px; }
.bar.b2 { animation-duration: 0.8s; height: 12px; }
.bar.b3 { animation-duration: 0.5s; height: 8px; }
.bar.b4 { animation-duration: 0.7s; height: 10px; }

@keyframes bounce {
    0%, 100% { height: 3px; }
    50% { height: 14px; }
}

.music_pill.paused {
    background: #111;
    border-color: rgba(255, 255, 255, 0.03);
    color: #666;
    box-shadow: none;
}
.music_pill.paused .mp_state i { color: #666; }
.music_pill.paused .bar {
    animation: none;
    height: 2px;
    background: #444;
}

#music_progress_wrap {
    display: none; 
    padding: 10px 0;
    width: 100%;
}

#music_progress_wrap > div:first-child {
    background: rgba(0,0,0,0.08);
    height: 8px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

#music_progress_bar {
    
    background-color: var(--theme-color, #0084ff); 
    height: 100%;
    width: 0%;
    transition: width 0.2s linear;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#music_percent {
    font-weight: 700;
    color: var(--theme-color, #333);
}

label[for="music_upload"] {
    transition: opacity 0.2s;
}
label[for="music_upload"]:hover {
    opacity: 0.9;
}

.modal_top_item.cover_text {
    
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.policy_shell .page_element { max-width: 980px; margin-left: auto; margin-right: auto; }
.policy_content_wrap { line-height: 1.65; }
.policy_page { display: grid; gap: 16px; }
.policy_hero, .policy_card {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.035);
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    overflow-wrap: anywhere;
    word-break: normal;
}
.policy_hero { background: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)); }
.policy_badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(33,150,243,0.16);
    color: #64b5f6;
    border: 1px solid rgba(33,150,243,0.25);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 10px;
}
.policy_page h2 { font-size: 26px; line-height: 1.25; margin: 0 0 10px; }
.policy_page h3 { font-size: 16px; line-height: 1.35; margin: 0 0 8px; }
.policy_page p { margin: 0; color: inherit; opacity: .9; }
.policy_page ul, .policy_page ol { margin: 10px 0 0 20px; padding: 0; }
.policy_page li { margin: 6px 0; }
@media (max-width: 600px) {
    .policy_hero, .policy_card { padding: 15px; border-radius: 12px; }
    .policy_page h2 { font-size: 22px; }
}

.profile_effect_overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
    border-radius: 15px;
    mix-blend-mode: normal;
    isolation: isolate;
    transform: translateZ(0);
}

#preview_effect_layer,
.profile_effect_overlay > .profile_effect_overlay,
.effect_fire,
.effect_lightning,
.effect_neon,
.effect_glitch,
.effect_rain,
.effect_snow,
.effect_hearts,
.effect_matrix,
.effect_stars,
.effect_confetti,
.effect_rainbow,
.effect_plasma,
.effect_clouds,
.effect_bubbles,
.effect_gold,
.effect_spotlight,
.effect_pulse,
.effect_scanner,
.effect_tv,
.effect_cosmic,
.effect_ocean,
.effect_flowers,
.effect_fireworks,
.effect_roses,
.effect_kitty,
.effect_halloween,
.effect_butterfly,
.effect_galaxy,
.effect_sparkles,
.effect_coffee,
.effect_music,
.effect_city,
.effect_feathers,
.effect_electric,
.effect_pixel,
.effect_frost,
.effect_vaporwave,
.effect_cash,
.effect_kisses,
.effect_shootingstar,
.effect_bubblegum,
.effect_tropical,
.effect_angel,
.effect_demon,
.effect_slime,
.effect_gamer,
.effect_alien,
.effect_meadow,
.effect_moon,
.effect_cherry {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.profile_effect_overlay ::before,
.profile_effect_overlay ::after,
#preview_effect_layer::before,
#preview_effect_layer::after {
    pointer-events: none;
}

.effect_rain {
    width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%), 
        url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Crect width="1" height="10" fill="white" opacity="0.3"/%3E%3C/svg%3E');
    background-size: 100% 100%, 20px 40px; animation: rainDrop 0.5s linear infinite;
}
@keyframes rainDrop { from { background-position: 0 0; } to { background-position: 0 100px; } }

.effect_snow {
    background-image: radial-gradient(white 2px, transparent 3px), radial-gradient(rgba(255,255,255,0.7) 1px, transparent 2px);
    background-size: 100px 100px, 50px 50px;
    animation: snowFloat 15s linear infinite;
    opacity: 0.8;
}
@keyframes snowFloat { 0% { background-position: 0 0, 0 0; } 100% { background-position: 50px 200px, -20px 150px; } }

.effect_fire {
    background:
        radial-gradient(circle at 50% 105%, rgba(255, 88, 25, .48) 0 12%, rgba(255, 143, 48, .22) 26%, transparent 58%),
        radial-gradient(circle at 22% 88%, rgba(255, 196, 85, .24), transparent 32%),
        linear-gradient(180deg, transparent 35%, rgba(95, 12, 0, .28) 100%);
    box-shadow: inset 0 -38px 70px rgba(255, 90, 0, .26), inset 0 0 45px rgba(255, 175, 64, .08);
    mix-blend-mode: screen;
    animation: ae_fireGlow 6.4s ease-in-out infinite alternate;
}
.effect_fire::before {
    content: "";
    position: absolute;
    inset: -20%;
    background-image:
        radial-gradient(circle, rgba(255, 232, 158, .9) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255, 111, 43, .65) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255, 188, 87, .38) 0 1.5px, transparent 3px);
    background-size: 42px 64px, 76px 96px, 118px 132px;
    background-position: 0 80px, 28px 120px, 40px 160px;
    filter: blur(.2px) drop-shadow(0 0 5px rgba(255, 118, 32, .65));
    animation: ae_emberRise 7s linear infinite;
}
@keyframes ae_fireGlow { 0% { opacity:.72; transform:scale(1); } 100% { opacity:.95; transform:scale(1.04); } }
@keyframes ae_emberRise { to { background-position: 18px -180px, -20px -220px, 64px -260px; } }

.effect_lightning {
    background:
        radial-gradient(circle at 18% 18%, rgba(124, 240, 255, .22), transparent 32%),
        radial-gradient(circle at 82% 72%, rgba(146, 107, 255, .2), transparent 38%),
        linear-gradient(130deg, rgba(1, 8, 28, .12), transparent 55%);
    box-shadow: inset 0 0 42px rgba(75, 222, 255, .18);
    mix-blend-mode: screen;
}
.effect_lightning::before {
    content: "";
    position: absolute;
    inset: -15%;
    background:
        linear-gradient(118deg, transparent 0 38%, rgba(166, 247, 255, .0) 39%, rgba(166,247,255,.82) 40%, transparent 42% 100%),
        linear-gradient(66deg, transparent 0 52%, rgba(255,255,255,.0) 53%, rgba(255,255,255,.55) 54%, transparent 56% 100%),
        linear-gradient(140deg, transparent 0 60%, rgba(87, 169, 255, .55) 61%, transparent 62% 100%);
    filter: drop-shadow(0 0 8px rgba(102, 235, 255, .8));
    opacity: .45;
    animation: ae_lightningFlash 4.8s steps(1, end) infinite;
}
@keyframes ae_lightningFlash { 0%, 73%, 79%, 100% { opacity:.08; transform:translateX(-7%); } 74%, 77% { opacity:.85; transform:translateX(2%); } 78% { opacity:.35; } }

.effect_neon {
    background:
        radial-gradient(circle at 22% 26%, rgba(0, 245, 255, .32), transparent 32%),
        radial-gradient(circle at 78% 74%, rgba(255, 0, 210, .26), transparent 34%),
        radial-gradient(circle at 50% 50%, rgba(130, 80, 255, .12), transparent 58%);
    box-shadow: inset 0 0 32px rgba(0,255,255,.13), inset 0 0 54px rgba(255,0,196,.1);
    mix-blend-mode: screen;
    animation: ae_neonDrift 8s ease-in-out infinite alternate;
}
.effect_neon::after {
    content:"";
    position:absolute;
    inset:10%;
    border:1px solid rgba(255,255,255,.16);
    border-radius:inherit;
    box-shadow:0 0 16px rgba(0,245,255,.34), inset 0 0 18px rgba(255,0,210,.2);
    animation: ae_neonFrame 3.8s ease-in-out infinite alternate;
}
@keyframes ae_neonDrift { to { filter:hue-rotate(22deg); transform:scale(1.03); } }
@keyframes ae_neonFrame { from { opacity:.35; } to { opacity:.9; } }

.effect_glitch {
    background:
        repeating-linear-gradient(180deg, rgba(255,255,255,.055) 0 1px, transparent 1px 5px),
        linear-gradient(90deg, rgba(255,0,72,.12), transparent 42%, rgba(0,255,255,.14));
    mix-blend-mode: screen;
    opacity: .85;
}
.effect_glitch::before,
.effect_glitch::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent 0 16%, rgba(255,255,255,.16) 17%, transparent 19% 60%, rgba(0,255,255,.12) 61%, transparent 63%);
    clip-path: inset(18% 0 62% 0);
    animation: ae_glitchSlice 4.2s steps(1,end) infinite;
}
.effect_glitch::after { filter:hue-rotate(140deg); clip-path: inset(62% 0 18% 0); animation-delay: -1.3s; }
@keyframes ae_glitchSlice { 0%, 82%, 100% { transform:translateX(0); opacity:.15; } 83% { transform:translateX(-8px); opacity:.8; } 86% { transform:translateX(7px); opacity:.45; } 88% { transform:translateX(0); opacity:.2; } }

.effect_hearts {
    background:
        radial-gradient(circle at 25% 85%, rgba(255, 96, 155, .24), transparent 32%),
        radial-gradient(circle at 80% 18%, rgba(255, 194, 214, .18), transparent 35%);
    mix-blend-mode: screen;
}
.effect_hearts::before {
    content:"";
    position:absolute;
    inset:-18%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 32 32'%3E%3Cpath fill='%23ff7eb3' fill-opacity='.52' d='M16 27s-10-6.1-10-14.1A5.2 5.2 0 0 1 15 9.3 5.2 5.2 0 0 1 26 12.9C26 20.9 16 27 16 27z'/%3E%3C/svg%3E");
    background-size:84px 84px;
    background-position:10px 90px;
    filter:drop-shadow(0 0 8px rgba(255,100,160,.45));
    animation:ae_heartFloat 13s linear infinite;
    opacity:.72;
}
@keyframes ae_heartFloat { to { background-position: 64px -170px; } }

.effect_matrix {
    background:
        linear-gradient(180deg, rgba(0, 255, 120, .05), transparent 55%, rgba(0, 255, 140, .08)),
        repeating-linear-gradient(90deg, transparent 0 14px, rgba(0, 255, 104, .08) 15px, transparent 16px 30px);
    box-shadow: inset 0 0 42px rgba(0, 255, 120, .16);
    mix-blend-mode: screen;
}
.effect_matrix::before {
    content:"";
    position:absolute;
    inset:-20%;
    background-image:
        linear-gradient(180deg, transparent, rgba(118,255,170,.55) 8%, transparent 20%),
        linear-gradient(180deg, transparent, rgba(0,255,95,.32) 8%, transparent 23%),
        linear-gradient(180deg, transparent, rgba(187,255,205,.42) 8%, transparent 18%);
    background-size:22px 100px, 34px 140px, 48px 160px;
    background-position:0 0, 14px 20px, 28px 60px;
    animation:ae_matrixRain 3.8s linear infinite;
    filter:drop-shadow(0 0 5px rgba(0,255,120,.45));
}
@keyframes ae_matrixRain { to { background-position: 0 260px, 14px 340px, 28px 420px; } }

.effect_stars {
    background:
        radial-gradient(circle at 20% 25%, rgba(255,255,255,.95) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 30%, rgba(255,255,255,.72) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 72%, rgba(169,213,255,.9) 0 1.5px, transparent 3px),
        radial-gradient(circle at 82% 78%, rgba(255,236,181,.8) 0 1px, transparent 2px),
        radial-gradient(circle at 50% 50%, rgba(32, 74, 150, .12), transparent 58%);
    background-size:140px 140px, 180px 180px, 220px 220px, 160px 160px, 100% 100%;
    mix-blend-mode: screen;
    animation:ae_starTwinkle 4.8s ease-in-out infinite alternate;
}
@keyframes ae_starTwinkle { from { opacity:.45; } to { opacity:.95; filter:drop-shadow(0 0 5px rgba(255,255,255,.4)); } }

.effect_confetti {
    background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,.18), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(255,205,96,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,88,140,.08), rgba(78,205,196,.07), rgba(255,218,121,.08));
    mix-blend-mode: screen;
    overflow:hidden;
}
.effect_confetti::before {
    content:"";
    position:absolute;
    inset:-24%;
    background:
        conic-gradient(from 18deg at 22% 34%, transparent 0 12%, rgba(255,255,255,.38) 13% 15%, transparent 16% 100%),
        conic-gradient(from 230deg at 78% 26%, transparent 0 10%, rgba(255,214,112,.38) 11% 13%, transparent 14% 100%),
        conic-gradient(from 120deg at 54% 78%, transparent 0 11%, rgba(255,114,170,.32) 12% 14%, transparent 15% 100%);
    filter:blur(.15px) drop-shadow(0 0 10px rgba(255,214,112,.24));
    opacity:.72;
    animation:ae_partyRibbons 12s ease-in-out infinite alternate;
}
.effect_confetti::after {
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255,214,112,.85) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255,128,186,.72) 0 1px, transparent 2px);
    background-size:72px 72px, 108px 108px, 138px 138px;
    background-position:8px 12px, 42px 30px, 18px 70px;
    opacity:.55;
    animation:ae_partyGlints 5.4s ease-in-out infinite alternate;
}
@keyframes ae_partyRibbons { 0%{transform:translate3d(-2%,-1%,0) rotate(-4deg) scale(1.02);} 100%{transform:translate3d(2%,1%,0) rotate(5deg) scale(1.08);} }
@keyframes ae_partyGlints { 0%{opacity:.34; filter:drop-shadow(0 0 1px rgba(255,255,255,.2));} 100%{opacity:.78; filter:drop-shadow(0 0 6px rgba(255,218,121,.5));} }

.effect_rainbow {
    background:linear-gradient(115deg, rgba(255, 91, 126, .18), rgba(255, 197, 87, .16), rgba(87, 255, 161, .14), rgba(72, 219, 251, .17), rgba(186, 104, 255, .16), rgba(255, 91, 126, .18));
    background-size: 320% 320%;
    mix-blend-mode: screen;
    animation:ae_prismFlow 10s ease-in-out infinite;
}
.effect_rainbow::after { content:""; position:absolute; inset:0; background:linear-gradient(60deg, transparent 40%, rgba(255,255,255,.25) 50%, transparent 60%); transform:translateX(-130%); animation:ae_prismSheen 5.2s ease-in-out infinite; }
@keyframes ae_prismFlow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@keyframes ae_prismSheen { 0%,35% { transform:translateX(-130%); } 70%,100% { transform:translateX(130%); } }

.effect_plasma {
    background:
        radial-gradient(circle at 24% 38%, rgba(151, 110, 255, .32), transparent 34%),
        radial-gradient(circle at 74% 60%, rgba(0, 216, 255, .22), transparent 38%),
        radial-gradient(circle at 50% 88%, rgba(255, 71, 162, .18), transparent 38%);
    filter:saturate(1.2);
    mix-blend-mode: screen;
    animation:ae_plasmaMorph 9s ease-in-out infinite alternate;
}
@keyframes ae_plasmaMorph { to { filter:hue-rotate(30deg) saturate(1.45); transform:scale(1.08) rotate(.8deg); } }

.effect_clouds {
    background:linear-gradient(180deg, rgba(255,255,255,.1), transparent 55%);
    mix-blend-mode: screen;
}
.effect_clouds::before,
.effect_clouds::after {
    content:"";
    position:absolute;
    inset:-25%;
    background:
        radial-gradient(ellipse at 15% 40%, rgba(255,255,255,.22), transparent 38%),
        radial-gradient(ellipse at 50% 55%, rgba(210,225,255,.18), transparent 42%),
        radial-gradient(ellipse at 85% 35%, rgba(255,255,255,.16), transparent 40%);
    filter:blur(13px);
    animation:ae_mistDrift 18s linear infinite;
}
.effect_clouds::after { animation-duration:26s; animation-direction:reverse; opacity:.65; }
@keyframes ae_mistDrift { to { transform:translateX(18%) translateY(-4%); } }

.effect_bubbles {
    background:radial-gradient(circle at 50% 100%, rgba(126, 214, 255, .13), transparent 48%);
    mix-blend-mode: screen;
}
.effect_bubbles::before {
    content:"";
    position:absolute;
    inset:-18%;
    background-image:
        radial-gradient(circle at 32% 30%, rgba(255,255,255,.22) 0 1px, rgba(147,232,255,.14) 8px, transparent 16px),
        radial-gradient(circle at 70% 65%, rgba(255,255,255,.18) 0 1px, rgba(255,148,220,.12) 10px, transparent 22px),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.18) 0 1px, rgba(130,255,216,.1) 6px, transparent 14px);
    background-size:90px 120px, 130px 160px, 70px 100px;
    animation:ae_bubbleFloat 13.5s linear infinite;
}
@keyframes ae_bubbleFloat { to { background-position: 12px -260px, -30px -320px, 34px -230px; } }

.effect_gold {
    background:
        linear-gradient(115deg, rgba(94, 52, 0, .08), rgba(255, 206, 88, .23), rgba(255, 245, 190, .1), rgba(175, 105, 0, .16)),
        radial-gradient(circle at 50% 95%, rgba(255, 217, 102, .18), transparent 50%);
    background-size:260% 260%, 100% 100%;
    box-shadow:inset 0 0 42px rgba(255,199,55,.14);
    mix-blend-mode: screen;
    animation:ae_goldFoil 6.8s ease-in-out infinite;
}
.effect_gold::after { content:""; position:absolute; inset:0; background:linear-gradient(70deg, transparent 35%, rgba(255,255,255,.34) 50%, transparent 64%); transform:translateX(-140%); animation:ae_goldSheen 4.6s ease-in-out infinite; }
@keyframes ae_goldFoil { 0%,100%{background-position:0% 50%,0 0;} 50%{background-position:100% 50%,0 0;} }
@keyframes ae_goldSheen { 0%,45% { transform:translateX(-140%); } 80%,100% { transform:translateX(140%); } }

.effect_spotlight {
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.33) 0 12%, rgba(255,255,255,.08) 26%, rgba(0,0,0,.38) 62%, rgba(0,0,0,.52) 100%);
    mix-blend-mode:soft-light;
    animation:ae_spotMove 7.6s ease-in-out infinite alternate;
}
@keyframes ae_spotMove { 0%{background-position:0 0;background-size:130% 130%;} 100%{background-position:70% 55%;background-size:160% 160%;} }

.effect_pulse {
    background:radial-gradient(circle at 50% 50%, rgba(0,255,255,.12), transparent 55%);
    mix-blend-mode: screen;
}
.effect_pulse::before,
.effect_pulse::after {
    content:"";
    position:absolute;
    inset:22%;
    border:1px solid rgba(102,255,255,.55);
    border-radius:50%;
    box-shadow:0 0 18px rgba(0,255,255,.35), inset 0 0 16px rgba(0,255,255,.18);
    animation:ae_pulseRing 2.8s ease-out infinite;
}
.effect_pulse::after { animation-delay:1.35s; }
@keyframes ae_pulseRing { 0% { transform:scale(.25); opacity:.8; } 100% { transform:scale(2.4); opacity:0; } }

.effect_scanner {
    background:repeating-linear-gradient(180deg, rgba(95,255,174,.04) 0 1px, transparent 1px 7px);
    box-shadow:inset 0 0 32px rgba(0,255,130,.12);
    mix-blend-mode: screen;
}
.effect_scanner::before {
    content:"";
    position:absolute;
    left:0; right:0; height:26%; top:-30%;
    background:linear-gradient(180deg, transparent, rgba(55,255,149,.38), rgba(255,255,255,.2), transparent);
    filter:drop-shadow(0 0 11px rgba(0,255,130,.8));
    animation:ae_scan 3.6s cubic-bezier(.45,0,.25,1) infinite;
}
@keyframes ae_scan { to { top:104%; } }

.effect_tv {
    background:
        radial-gradient(ellipse at 50% 50%, transparent 42%, rgba(0,0,0,.3) 100%),
        repeating-linear-gradient(180deg, rgba(255,255,255,.075) 0 1px, transparent 1px 4px),
        linear-gradient(180deg, transparent, rgba(130,200,255,.06), transparent);
    box-shadow:inset 0 0 55px rgba(0,0,0,.42), inset 0 0 18px rgba(167,224,255,.12);
    mix-blend-mode: overlay;
    animation:ae_tvRoll 8s linear infinite;
}
.effect_tv::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,60,60,.05), rgba(60,255,180,.04), rgba(60,120,255,.05)); opacity:.65; }
@keyframes ae_tvRoll { to { background-position:0 0, 0 80px, 0 160px; } }

.effect_cosmic {
    background:
        radial-gradient(circle at 28% 28%, rgba(255, 46, 204, .26), transparent 36%),
        radial-gradient(circle at 74% 64%, rgba(76, 222, 255, .2), transparent 42%),
        radial-gradient(circle at 48% 90%, rgba(129, 90, 255, .2), transparent 36%),
        radial-gradient(circle at 50% 50%, rgba(15, 9, 45, .12), transparent 65%);
    mix-blend-mode: screen;
    animation:ae_cosmicHue 12s ease-in-out infinite alternate;
}
.effect_cosmic::before { content:""; position:absolute; inset:-10%; background-image:radial-gradient(circle, rgba(255,255,255,.85) 0 1px, transparent 2px); background-size:80px 80px; opacity:.38; animation:ae_starDrift 18s linear infinite; }
@keyframes ae_cosmicHue { to { filter:hue-rotate(34deg) saturate(1.25); } }
@keyframes ae_starDrift { to { background-position: 90px 120px; } }

.effect_ocean {
    background:
        radial-gradient(ellipse at 50% 110%, rgba(0,172,255,.28), transparent 50%),
        linear-gradient(180deg, rgba(0, 72, 135, .05), rgba(0, 210, 255, .12));
    box-shadow:inset 0 -40px 70px rgba(0,190,255,.16);
    mix-blend-mode: screen;
}
.effect_ocean::before {
    content:"";
    position:absolute;
    inset:-25%;
    background:
        repeating-radial-gradient(ellipse at 50% 50%, transparent 0 20px, rgba(118,236,255,.12) 22px, transparent 26px),
        linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
    transform:rotate(8deg);
    animation:ae_oceanCaustics 11s linear infinite;
}
@keyframes ae_oceanCaustics { to { transform:rotate(8deg) translateX(-7%) translateY(8%); } }

.effect_flowers {
    background:radial-gradient(circle at 80% 18%, rgba(255, 183, 197, .18), transparent 38%);
    mix-blend-mode: screen;
}
.effect_flowers::before {
    content:"";
    position:absolute;
    inset:-18%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath fill='%23ffd1dc' fill-opacity='.62' d='M20 5c6 5 6 12 0 15c-6-3-6-10 0-15z'/%3E%3Cpath fill='%23ff8fb3' fill-opacity='.35' d='M20 20c5 2 8 7 6 12c-6 0-10-5-6-12z'/%3E%3C/svg%3E");
    background-size:94px 94px;
    animation:ae_petals 16s linear infinite;
    opacity:.8;
    filter:drop-shadow(0 0 5px rgba(255,170,200,.34));
}
@keyframes ae_petals { to { background-position: 80px 300px; transform:translateX(2%) rotate(3deg); } }

.effect_fireworks {
    background:radial-gradient(circle at 50% 100%, rgba(255,211,79,.08), transparent 50%);
    mix-blend-mode: screen;
}
.effect_fireworks::before,
.effect_fireworks::after {
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 22% 28%, rgba(255,255,255,.9) 0 1px, transparent 2px, transparent 8px, rgba(255,107,107,.28) 9px, transparent 12px),
        radial-gradient(circle at 74% 38%, rgba(255,255,255,.8) 0 1px, transparent 2px, transparent 10px, rgba(72,219,251,.25) 11px, transparent 15px),
        radial-gradient(circle at 48% 72%, rgba(255,255,255,.9) 0 1px, transparent 2px, transparent 9px, rgba(254,202,87,.28) 10px, transparent 14px);
    animation:ae_fireworks 3.8s ease-out infinite;
}
.effect_fireworks::after { animation-delay:1.9s; opacity:.65; transform:scale(.75); }
@keyframes ae_fireworks { 0%{opacity:0; transform:scale(.4);} 22%{opacity:.95;} 65%,100%{opacity:0; transform:scale(1.35);} }

.effect_roses {
    background:
        radial-gradient(circle at 18% 78%, rgba(180,0,50,.28), transparent 32%),
        radial-gradient(circle at 80% 22%, rgba(255,80,130,.18), transparent 34%);
    mix-blend-mode: screen;
}
.effect_roses::before {
    content:"";
    position:absolute;
    inset:-10%;
    background-image:
        radial-gradient(circle at 50% 50%, rgba(255,65,120,.55) 0 4px, rgba(120,0,35,.18) 5px 9px, transparent 10px),
        linear-gradient(45deg, transparent 46%, rgba(64,180,93,.18) 47% 49%, transparent 50%);
    background-size:92px 92px, 120px 120px;
    opacity:.55;
    animation:ae_rosesBloom 10s ease-in-out infinite alternate;
}
@keyframes ae_rosesBloom { to { background-position: 38px 44px, -30px 60px; opacity:.82; } }

.effect_kitty {
    background:radial-gradient(circle at 20% 20%, rgba(255,128,171,.17), transparent 34%);
    mix-blend-mode: screen;
}
.effect_kitty::before {
    content:"";
    position:absolute;
    inset:-14%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cg fill='%23ffadd2' fill-opacity='.5'%3E%3Cellipse cx='26' cy='31' rx='10' ry='8'/%3E%3Ccircle cx='14' cy='20' r='4'/%3E%3Ccircle cx='23' cy='14' r='4'/%3E%3Ccircle cx='33' cy='14' r='4'/%3E%3Ccircle cx='42' cy='20' r='4'/%3E%3C/g%3E%3C/svg%3E");
    background-size:110px 110px;
    background-position:10px 10px;
    opacity:.62;
    animation:ae_pawDrift 12s linear infinite;
}
@keyframes ae_pawDrift { to { background-position: 75px -170px; } }

.effect_halloween {
    background:
        radial-gradient(circle at 20% 85%, rgba(255,116,0,.28), transparent 30%),
        radial-gradient(circle at 82% 20%, rgba(112, 40, 180, .18), transparent 38%),
        linear-gradient(180deg, transparent, rgba(12,0,20,.28));
    mix-blend-mode: screen;
}
.effect_halloween::before {
    content:"";
    position:absolute;
    inset:-20%;
    background:radial-gradient(ellipse at 50% 50%, rgba(255,132,0,.18), transparent 24%), radial-gradient(circle, rgba(255,255,255,.16) 0 1px, transparent 2px);
    background-size:150px 90px, 60px 60px;
    animation:ae_spookyMist 13s linear infinite;
    filter:blur(1px);
}
@keyframes ae_spookyMist { to { background-position: -120px 70px, 40px 120px; } }

.effect_butterfly {
    background:radial-gradient(circle at 80% 28%, rgba(205,132,241,.18), transparent 38%);
    mix-blend-mode: screen;
}
.effect_butterfly::before {
    content:"";
    position:absolute;
    inset:-18%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%23d9a7ff' fill-opacity='.48'%3E%3Cellipse cx='17' cy='20' rx='9' ry='12' transform='rotate(-25 17 20)'/%3E%3Cellipse cx='31' cy='20' rx='9' ry='12' transform='rotate(25 31 20)'/%3E%3Cellipse cx='20' cy='32' rx='6' ry='8' transform='rotate(25 20 32)'/%3E%3Cellipse cx='28' cy='32' rx='6' ry='8' transform='rotate(-25 28 32)'/%3E%3C/g%3E%3Cpath d='M24 14v22' stroke='%23ffffff' stroke-opacity='.42'/%3E%3C/svg%3E");
    background-size:120px 120px;
    opacity:.75;
    animation:ae_flutter 15s ease-in-out infinite;
    filter:drop-shadow(0 0 8px rgba(205,132,241,.38));
}
@keyframes ae_flutter { 0%{background-position:0 160px;} 50%{background-position:60px -20px;} 100%{background-position:110px -180px;} }

.effect_galaxy {
    background:
        radial-gradient(ellipse at 22% 18%, rgba(116,185,255,.22), transparent 38%),
        radial-gradient(ellipse at 78% 24%, rgba(255,118,196,.19), transparent 42%),
        radial-gradient(ellipse at 48% 62%, rgba(162,155,254,.22), transparent 52%),
        linear-gradient(135deg, rgba(12,5,32,.18), rgba(0,0,0,.28));
    mix-blend-mode: screen;
    overflow:hidden;
    animation:ae_galaxyAurora 18s ease-in-out infinite alternate;
}
.effect_galaxy::before {
    content:"";
    position:absolute;
    inset:-28%;
    background:
        conic-gradient(from 115deg at 50% 50%, transparent 0 9%, rgba(129,236,236,.16) 14%, rgba(232,67,147,.18) 22%, transparent 34%, rgba(253,121,168,.12) 46%, transparent 62%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 18%, rgba(104,109,224,.09) 42%, transparent 66%);
    filter:blur(3px) saturate(1.18);
    opacity:.78;
    animation:ae_galaxyOrbit 36s linear infinite;
}
.effect_galaxy::after {
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.92) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(186,220,255,.7) 0 1px, transparent 2px);
    background-size:78px 78px, 126px 126px;
    background-position:10px 18px, 48px 66px;
    opacity:.46;
    animation:ae_galaxyStars 6.8s ease-in-out infinite alternate;
}
@keyframes ae_galaxyAurora { 0%{background-position:0% 50%; filter:saturate(1.05);} 100%{background-position:100% 52%; filter:saturate(1.35);} }
@keyframes ae_galaxyOrbit { to { transform:rotate(360deg) scale(1.04); } }
@keyframes ae_galaxyStars { from { opacity:.28; } to { opacity:.72; filter:drop-shadow(0 0 5px rgba(255,255,255,.45)); } }

.effect_sparkles {
    background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), transparent 55%);
    mix-blend-mode: screen;
}
.effect_sparkles::before {
    content:"";
    position:absolute;
    inset:-12%;
    background:
        radial-gradient(circle, rgba(255,255,255,.92) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255,222,125,.75) 0 1px, transparent 2px),
        linear-gradient(45deg, transparent 47%, rgba(255,255,255,.32) 48% 52%, transparent 53%);
    background-size:42px 42px, 86px 86px, 64px 64px;
    animation:ae_sparkles 2.4s ease-in-out infinite alternate;
}
@keyframes ae_sparkles { to { opacity:.95; filter:drop-shadow(0 0 6px rgba(255,255,255,.6)); transform:scale(1.02); } }

.effect_coffee {
    background:
        radial-gradient(ellipse at 50% 102%, rgba(130, 78, 35, .25), transparent 40%),
        linear-gradient(180deg, transparent, rgba(82, 45, 24, .14));
    mix-blend-mode: screen;
}
.effect_coffee::before,
.effect_coffee::after {
    content:"";
    position:absolute;
    width:42%; height:88%; left:18%; top:25%;
    background:radial-gradient(ellipse at 50% 80%, rgba(255,255,255,.32), transparent 48%);
    filter:blur(12px);
    opacity:.45;
    animation:ae_steam 5.5s ease-in-out infinite;
}
.effect_coffee::after { left:46%; animation-delay:-2.2s; opacity:.34; }
@keyframes ae_steam { 0%{transform:translateY(28%) translateX(-7%) scale(.8); opacity:0;} 35%{opacity:.5;} 100%{transform:translateY(-38%) translateX(7%) scale(1.15); opacity:0;} }

.effect_music {
    background:radial-gradient(circle at 50% 100%, rgba(29,185,84,.18), transparent 46%);
    mix-blend-mode: screen;
}
.effect_music::before {
    content:"";
    position:absolute;
    inset:46% 10% 8%;
    background:
        linear-gradient(180deg, rgba(29,185,84,.0), rgba(29,185,84,.72)),
        repeating-linear-gradient(90deg, transparent 0 8px, rgba(255,255,255,.18) 8px 12px, transparent 12px 20px);
    background-size:100% 45%, 100% 100%;
    background-repeat:no-repeat, repeat;
    background-position:0 100%, 0 0;
    filter:drop-shadow(0 0 8px rgba(29,185,84,.5));
    animation:ae_equalizer 1.35s ease-in-out infinite alternate;
}
@keyframes ae_equalizer { 0%{clip-path:polygon(0 80%,10% 45%,20% 75%,30% 30%,40% 90%,50% 38%,60% 70%,70% 22%,80% 64%,90% 34%,100% 86%,100% 100%,0 100%);} 100%{clip-path:polygon(0 38%,10% 78%,20% 28%,30% 72%,40% 44%,50% 82%,60% 24%,70% 62%,80% 33%,90% 76%,100% 42%,100% 100%,0 100%);} }

.effect_city {
    background:
        radial-gradient(circle at 50% 8%, rgba(255,214,165,.16), transparent 34%),
        linear-gradient(180deg, rgba(14,22,48,.08) 0%, rgba(0,0,0,.42) 100%);
    mix-blend-mode: screen;
    overflow:hidden;
}
.effect_city::before {
    content:"";
    position:absolute;
    left:-4%; right:-4%; bottom:-1%; height:46%;
    background:
        linear-gradient(180deg, transparent 0 9%, rgba(8,11,28,.94) 10% 100%),
        linear-gradient(90deg, rgba(255,214,112,.9) 0 2px, transparent 2px 10px),
        linear-gradient(90deg, transparent 0 13px, rgba(116,185,255,.5) 14px 16px, transparent 17px 27px),
        linear-gradient(90deg, #090d20 0 9%, #101536 9% 18%, #080c20 18% 29%, #13183a 29% 45%, #080c1d 45% 55%, #151a3d 55% 72%, #090e22 72% 100%);
    background-size:100% 100%, 34px 24px, 58px 34px, 220px 100%;
    background-position:0 0, 4px 18px, 16px 8px, 0 0;
    box-shadow:0 -18px 38px rgba(255,159,67,.12), inset 0 16px 28px rgba(0,0,0,.28);
}
.effect_city::after {
    content:"";
    position:absolute;
    inset:-10% 0;
    background:
        radial-gradient(circle at 24% 32%, rgba(255,214,112,.28) 0 2px, transparent 14px),
        radial-gradient(circle at 76% 46%, rgba(116,185,255,.18) 0 2px, transparent 18px),
        linear-gradient(100deg, transparent 0 44%, rgba(255,255,255,.08) 45%, transparent 47% 100%);
    filter:blur(.2px);
    opacity:.72;
    animation:ae_cityBokeh 7s ease-in-out infinite alternate;
}
@keyframes ae_cityBokeh { 0%{transform:translateX(-1%); opacity:.42;} 100%{transform:translateX(1.5%); opacity:.78;} }

.effect_feathers {
    background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 70%);
    mix-blend-mode: screen;
}
.effect_feathers::before {
    content:"";
    position:absolute;
    inset:-15%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cpath d='M36 6C18 13 12 29 16 46c14-4 27-17 20-40zM17 45c6-10 13-20 19-38' stroke='%23ffffff' stroke-opacity='.45' fill='none'/%3E%3C/svg%3E");
    background-size:130px 130px;
    opacity:.55;
    filter:blur(.2px) drop-shadow(0 0 8px rgba(255,255,255,.24));
    animation:ae_featherFall 18s ease-in-out infinite;
}
@keyframes ae_featherFall { 0%{background-position:0 -120px;} 50%{background-position:70px 90px;} 100%{background-position:20px 300px;} }

.effect_electric {
    background:radial-gradient(circle at 50% 50%, rgba(0,210,211,.14), transparent 58%);
    box-shadow:inset 0 0 34px rgba(0,210,211,.22);
    mix-blend-mode: screen;
}
.effect_electric::before {
    content:"";
    position:absolute;
    inset:5%;
    border-radius:inherit;
    border:1px solid rgba(0,210,211,.35);
    box-shadow:0 0 16px rgba(0,210,211,.5), inset 0 0 18px rgba(0,210,211,.26);
    animation:ae_electricPulse 2.4s steps(1,end) infinite;
}
.effect_electric::after { content:""; position:absolute; inset:-10%; background:linear-gradient(35deg, transparent 42%, rgba(180,255,255,.55) 43%, transparent 45%, transparent 57%, rgba(0,210,211,.38) 58%, transparent 60%); opacity:.2; animation:ae_electricArc 3.3s linear infinite; }
@keyframes ae_electricPulse { 0%,90%,100%{opacity:.48;} 91%,93%{opacity:1;} }
@keyframes ae_electricArc { to { transform:translateX(-18%) translateY(10%); } }

.effect_pixel {
    background:linear-gradient(180deg, transparent, rgba(255,107,107,.08));
    image-rendering:pixelated;
    mix-blend-mode: screen;
}
.effect_pixel::before {
    content:"";
    position:absolute;
    inset:-10%;
    background-image:
        linear-gradient(90deg, rgba(255,107,107,.75) 0 6px, transparent 6px),
        linear-gradient(90deg, rgba(84,160,255,.65) 0 5px, transparent 5px),
        linear-gradient(90deg, rgba(29,209,161,.55) 0 4px, transparent 4px);
    background-size:48px 48px, 72px 72px, 96px 96px;
    opacity:.54;
    animation:ae_pixelFloat 9s linear infinite;
}
@keyframes ae_pixelFloat { to { background-position: 18px -180px, -20px -220px, 42px -260px; } }

.effect_frost {
    background:
        radial-gradient(circle at 18% 20%, rgba(220,250,255,.24), transparent 34%),
        radial-gradient(circle at 80% 72%, rgba(150,220,255,.14), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.08), transparent 50%, rgba(170,225,255,.09));
    box-shadow:inset 0 0 44px rgba(210,245,255,.18);
    backdrop-filter:blur(1.5px);
    -webkit-backdrop-filter:blur(1.5px);
    mix-blend-mode: screen;
}
.effect_frost::before { content:""; position:absolute; inset:-20%; background:repeating-linear-gradient(55deg, transparent 0 22px, rgba(255,255,255,.12) 23px, transparent 24px 48px); animation:ae_frostGrow 12s ease-in-out infinite alternate; }
@keyframes ae_frostGrow { to { opacity:.55; transform:translateX(-5%); } }

.effect_vaporwave {
    background:
        linear-gradient(180deg, rgba(255, 72, 176, .18), rgba(82, 113, 255, .16) 55%, rgba(0,0,0,.22)),
        radial-gradient(circle at 50% 30%, rgba(255,199,100,.18), transparent 22%);
    mix-blend-mode: screen;
}
.effect_vaporwave::before {
    content:"";
    position:absolute;
    inset:48% -20% -25%;
    background:
        linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
    background-size:42px 24px, 42px 24px;
    transform:perspective(260px) rotateX(58deg);
    transform-origin:top;
    filter:drop-shadow(0 0 8px rgba(255,72,176,.45));
    animation:ae_vaporGrid 3.8s linear infinite;
}
@keyframes ae_vaporGrid { to { background-position:0 48px, 0 48px; } }

.effect_cash {
    background:
        radial-gradient(ellipse at 50% 105%, rgba(46,204,113,.22), transparent 46%),
        radial-gradient(circle at 18% 18%, rgba(255,215,128,.12), transparent 30%),
        linear-gradient(135deg, rgba(5,30,20,.04), rgba(0,0,0,.22));
    mix-blend-mode: screen;
    overflow:hidden;
}
.effect_cash::before {
    content:"";
    position:absolute;
    inset:-28%;
    background:
        conic-gradient(from 35deg at 50% 52%, transparent 0 16%, rgba(46,204,113,.2) 19%, transparent 23% 46%, rgba(255,215,128,.18) 50%, transparent 56% 100%),
        radial-gradient(ellipse at 50% 58%, transparent 44%, rgba(46,204,113,.2) 45% 46%, transparent 49% 100%);
    filter:drop-shadow(0 0 12px rgba(46,204,113,.28));
    opacity:.78;
    animation:ae_luxeOrbit 18s linear infinite;
}
.effect_cash::after {
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle, rgba(255,229,153,.95) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(46,204,113,.7) 0 1px, transparent 2px);
    background-size:88px 88px, 132px 132px;
    background-position:12px 20px, 62px 70px;
    opacity:.42;
    animation:ae_luxeGlint 4.8s ease-in-out infinite alternate;
}
@keyframes ae_luxeOrbit { to { transform:rotate(360deg) scale(1.03); } }
@keyframes ae_luxeGlint { to { opacity:.75; filter:drop-shadow(0 0 5px rgba(255,215,128,.45)); } }

.effect_kisses {
    background:
        radial-gradient(circle at 82% 18%, rgba(255,118,196,.17), transparent 35%),
        radial-gradient(circle at 18% 82%, rgba(255,204,204,.12), transparent 34%),
        linear-gradient(135deg, rgba(232,67,147,.06), rgba(255,234,167,.04));
    mix-blend-mode: screen;
    overflow:hidden;
}
.effect_kisses::before {
    content:"";
    position:absolute;
    inset:-16%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23ffd1dc' stroke-opacity='.46' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 24l18 18M36 24L18 42'/%3E%3Ccircle cx='70' cy='33' r='12'/%3E%3Cpath d='M48 62c8-12 22-8 22 4c0 12-22 20-22 20s-22-8-22-20c0-12 14-16 22-4z' fill='%23ff7eb3' fill-opacity='.16' stroke='%23ffb8d2' stroke-opacity='.34'/%3E%3C/g%3E%3C/svg%3E");
    background-size:128px 128px;
    opacity:.55;
    animation:ae_xoxoDrift 11s ease-in-out infinite alternate;
    filter:drop-shadow(0 0 8px rgba(255,126,179,.22));
}
.effect_kisses::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(65deg, transparent 38%, rgba(255,255,255,.14) 50%, transparent 62%);
    transform:translateX(-130%);
    opacity:.65;
    animation:ae_xoxoSheen 6.4s ease-in-out infinite;
}
@keyframes ae_xoxoDrift { 0%{background-position:0 0; opacity:.42;} 100%{background-position:42px 34px; opacity:.68;} }
@keyframes ae_xoxoSheen { 0%,42%{transform:translateX(-130%);} 72%,100%{transform:translateX(130%);} }

.effect_shootingstar {
    background:
        radial-gradient(circle at 76% 16%, rgba(255,236,179,.18), transparent 34%),
        radial-gradient(circle at 24% 76%, rgba(116,185,255,.11), transparent 38%),
        linear-gradient(145deg, rgba(16,20,55,.08), rgba(0,0,0,.26));
    mix-blend-mode: screen;
    overflow:hidden;
}
.effect_shootingstar::before {
    content:"";
    position:absolute;
    inset:-20%;
    background:
        radial-gradient(circle at 18% 24%, rgba(255,255,255,.9) 0 1px, transparent 2px),
        radial-gradient(circle at 46% 38%, rgba(254,202,87,.95) 0 1.5px, transparent 3px),
        radial-gradient(circle at 70% 68%, rgba(255,255,255,.78) 0 1px, transparent 2px),
        linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.0) 43%, rgba(255,236,179,.55) 45%, transparent 48% 100%);
    background-size:96px 96px, 132px 132px, 156px 156px, 260px 260px;
    background-position:0 0, 46px 32px, 18px 64px, 180px -180px;
    opacity:.66;
    filter:drop-shadow(0 0 7px rgba(255,236,179,.42));
    animation:ae_wishDust 9s ease-in-out infinite alternate;
}
.effect_shootingstar::after {
    content:"";
    position:absolute;
    width:120px; height:1px; top:20%; right:-80px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), rgba(254,202,87,.35), transparent);
    transform:rotate(-32deg);
    opacity:0;
    animation:ae_wishComet 7.5s ease-in-out infinite;
}
@keyframes ae_wishDust { 0%{background-position:0 0, 46px 32px, 18px 64px, 180px -180px; opacity:.44;} 100%{background-position:22px -18px, 18px 58px, 44px 28px, -120px 160px; opacity:.82;} }
@keyframes ae_wishComet { 0%,62%{transform:translate(0,0) rotate(-32deg); opacity:0;} 68%{opacity:.85;} 86%{transform:translate(-360px,250px) rotate(-32deg); opacity:0;} 100%{opacity:0;} }

.effect_bubblegum {
    background:
        radial-gradient(circle at 32% 32%, rgba(253,121,168,.28), transparent 30%),
        radial-gradient(circle at 72% 72%, rgba(255,180,215,.18), transparent 38%);
    mix-blend-mode: screen;
}
.effect_bubblegum::before { content:""; position:absolute; inset:-15%; background-image:radial-gradient(circle at 35% 30%, rgba(255,255,255,.34) 0 2px, rgba(253,121,168,.22) 8px, transparent 18px); background-size:92px 92px; animation:ae_bubblegumPop 8s ease-in-out infinite alternate; }
@keyframes ae_bubblegumPop { to { background-position:44px -66px; transform:scale(1.05); } }

.effect_tropical {
    background:
        linear-gradient(180deg, rgba(255,177,66,.18), rgba(255,118,117,.14) 48%, rgba(0,206,201,.13)),
        radial-gradient(circle at 72% 24%, rgba(255,234,167,.22), transparent 22%);
    mix-blend-mode: screen;
}
.effect_tropical::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, transparent 0 62%, rgba(0,95,89,.2) 63% 65%, transparent 66%), radial-gradient(ellipse at 8% 100%, rgba(46,204,113,.16), transparent 34%);
    animation:ae_tropicalSway 7s ease-in-out infinite alternate;
}
@keyframes ae_tropicalSway { to { transform:translateX(2%) skewX(-1deg); } }

.effect_angel {
    background:
        radial-gradient(circle at 50% -4%, rgba(255,255,255,.56), rgba(255,255,255,.16) 24%, transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,.12), transparent);
    mix-blend-mode: screen;
}
.effect_angel::before { content:""; position:absolute; inset:-30%; background:conic-gradient(from 0deg at 50% 0%, transparent, rgba(255,255,255,.17), transparent 16%, rgba(255,245,190,.14), transparent 28%, transparent); animation:ae_haloRays 18s linear infinite; }
.effect_angel::after { content:""; position:absolute; left:32%; right:32%; top:7%; height:9%; border:1px solid rgba(255,255,255,.48); border-radius:50%; box-shadow:0 0 18px rgba(255,255,255,.55); opacity:.7; }
@keyframes ae_haloRays { to { transform:rotate(360deg); } }

.effect_demon {
    background:
        radial-gradient(circle at 50% 110%, rgba(255,0,54,.34), transparent 46%),
        linear-gradient(180deg, transparent, rgba(0,0,0,.38));
    mix-blend-mode: screen;
}
.effect_demon::before,
.effect_demon::after { content:""; position:absolute; inset:-20%; background:radial-gradient(ellipse at 35% 80%, rgba(190,0,38,.34), transparent 38%), radial-gradient(ellipse at 70% 70%, rgba(70,0,15,.38), transparent 45%); filter:blur(12px); animation:ae_demonSmoke 12s ease-in-out infinite alternate; }
.effect_demon::after { animation-direction:alternate-reverse; opacity:.65; }
@keyframes ae_demonSmoke { to { transform:translateY(-8%) translateX(6%) scale(1.08); } }

.effect_slime {
    background:linear-gradient(180deg, rgba(123,237,159,.34), rgba(46,213,115,.16) 38%, transparent 65%);
    mix-blend-mode: screen;
}
.effect_slime::before {
    content:"";
    position:absolute;
    top:-5%; left:0; right:0; height:54%;
    background:linear-gradient(180deg, rgba(123,237,159,.64), rgba(46,213,115,.24), transparent);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V28C185 58 173 8 154 40C136 72 126 18 104 42C80 68 76 10 54 38C32 65 24 15 0 36Z' fill='black'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V28C185 58 173 8 154 40C136 72 126 18 104 42C80 68 76 10 54 38C32 65 24 15 0 36Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%; mask-size:100% 100%;
    filter:drop-shadow(0 0 9px rgba(123,237,159,.45));
    animation:ae_slimeDrip 4.8s ease-in-out infinite alternate;
}
.effect_slime::after { content:""; position:absolute; inset:6% 16% auto 16%; height:4px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); filter:blur(2px); }
@keyframes ae_slimeDrip { to { transform:translateY(8%); opacity:.72; } }

.effect_gamer {
    background:
        linear-gradient(135deg, rgba(255,0,100,.12), rgba(0,255,255,.1), rgba(128,255,0,.1)),
        repeating-linear-gradient(0deg, transparent 0 12px, rgba(255,255,255,.04) 13px, transparent 14px);
    mix-blend-mode: screen;
    animation:ae_gamerHue 5.6s linear infinite;
}
.effect_gamer::before { content:""; position:absolute; inset:5%; border-radius:inherit; border:1px solid rgba(255,255,255,.18); box-shadow:0 0 14px rgba(255,0,100,.38), inset 0 0 12px rgba(0,255,255,.25); animation:ae_gamerFrame 2.5s ease-in-out infinite alternate; }
@keyframes ae_gamerHue { to { filter:hue-rotate(360deg); } }
@keyframes ae_gamerFrame { to { transform:scale(.985); opacity:.9; } }

.effect_alien {
    background:
        radial-gradient(circle at 50% 28%, rgba(29,209,161,.24), transparent 35%),
        linear-gradient(180deg, transparent, rgba(29,209,161,.1));
    mix-blend-mode: screen;
}
.effect_alien::before {
    content:"";
    position:absolute;
    inset:35% -18% -28%;
    background:
        linear-gradient(rgba(57,255,20,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,255,20,.22) 1px, transparent 1px);
    background-size:30px 30px;
    transform:perspective(300px) rotateX(60deg);
    transform-origin:top;
    filter:drop-shadow(0 0 9px rgba(57,255,20,.42));
    animation:ae_alienGrid 4.8s linear infinite;
}
.effect_alien::after { content:""; position:absolute; left:36%; right:36%; top:18%; height:12%; border-radius:50%; background:rgba(180,255,220,.18); box-shadow:0 0 24px rgba(57,255,20,.38); }
@keyframes ae_alienGrid { to { background-position: 0 60px, 0 60px; } }

.effect_meadow {
    background:
        linear-gradient(180deg, transparent 48%, rgba(186,220,88,.18)),
        radial-gradient(circle at 50% 100%, rgba(46,204,113,.18), transparent 45%);
    mix-blend-mode: screen;
}
.effect_meadow::before { content:""; position:absolute; left:0; right:0; bottom:-2%; height:34%; background:repeating-linear-gradient(105deg, transparent 0 10px, rgba(186,220,88,.32) 11px, transparent 14px); transform-origin:bottom; animation:ae_grass 4.2s ease-in-out infinite alternate; }
.effect_meadow::after { content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,250,160,.9) 0 1px, transparent 3px); background-size:72px 72px; opacity:.36; animation:ae_fireflies 7s ease-in-out infinite alternate; }
@keyframes ae_grass { to { transform:skewX(-3deg); } }
@keyframes ae_fireflies { to { background-position:36px -50px; opacity:.75; filter:drop-shadow(0 0 5px rgba(255,250,160,.8)); } }

.effect_moon {
    background:
        radial-gradient(circle at 78% 18%, rgba(246,229,141,.9) 0 8%, rgba(246,229,141,.18) 9% 18%, transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(19,15,64,.34), transparent 54%),
        linear-gradient(180deg, rgba(19,15,64,.22), rgba(0,0,0,.18));
    mix-blend-mode: screen;
}
.effect_moon::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,255,255,.66) 0 1px, transparent 2px); background-size:110px 110px; opacity:.3; animation:ae_moonStars 14s linear infinite; }
@keyframes ae_moonStars { to { background-position: 70px 90px; } }

.effect_cherry {
    background:
        radial-gradient(circle at 22% 85%, rgba(214,48,49,.18), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(255,118,117,.16), transparent 34%);
    mix-blend-mode: screen;
}
.effect_cherry::before {
    content:"";
    position:absolute;
    inset:-18%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg fill='%23ff7675' fill-opacity='.48'%3E%3Cellipse cx='23' cy='11' rx='6' ry='10'/%3E%3Cellipse cx='23' cy='35' rx='6' ry='10'/%3E%3Cellipse cx='11' cy='23' rx='10' ry='6'/%3E%3Cellipse cx='35' cy='23' rx='10' ry='6'/%3E%3C/g%3E%3Ccircle cx='23' cy='23' r='3' fill='%23ffd6d6' fill-opacity='.62'/%3E%3C/svg%3E");
    background-size:104px 104px;
    opacity:.66;
    animation:ae_cherryDrift 15s linear infinite;
    filter:drop-shadow(0 0 7px rgba(255,118,117,.38));
}
@keyframes ae_cherryDrift { to { background-position: 86px 310px; transform:translateX(2%) rotate(2deg); } }

@media (prefers-reduced-motion: reduce) {
    .profile_effect_overlay,
    .profile_effect_overlay *,
    #preview_effect_layer,
    #preview_effect_layer::before,
    #preview_effect_layer::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.profile_locked_box { padding: 26px 22px; background: rgba(0,0,0,.02); }
.profile_locked_card { text-align: center; padding: 26px 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.profile_locked_card i { font-size: 30px; margin-bottom: 10px; opacity: .85; }
.profile_locked_title { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.profile_locked_text { font-size: 13px; opacity: .75; }

.private_pin_busy{ pointer-events:none; opacity:.55; }

.ppreact i { color: inherit; }
.pm_react_box { position: relative; display:inline-block; max-width:100%; }
.outpriv .pm_react_box { text-align:left; }
.inpriv .pm_react_box { text-align:right; }
.pm_bubble_wrap { position:relative; display:inline-block; vertical-align:top; max-width:220px; }
.pm_bubble_wrap .hunter_private,
.pm_bubble_wrap .target_private { display:block; float:none; max-width:220px; }
.pm_bubble_wrap.has_pm_reaction_wrap { margin-bottom:21px; }
.pm_react_holder { position:absolute; right:4px; bottom:-17px; z-index:2; line-height:1; min-height:0; pointer-events:none; }
.pm_react_holder:empty { display:none; }
.pm_reaction_list { display:inline-flex; gap:2px; align-items:center; padding:0; border-radius:0; background:transparent; box-shadow:none; line-height:1; pointer-events:auto; }
.pm_reaction_item { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; line-height:1; filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)); }
.pm_reaction_gif { display:block; width:20px; height:20px; object-fit:contain; border:0; }
.pm_reaction_item + .pm_reaction_item { margin-left:-1px; }
.pm_reaction_item.pm_react_mine { transform:none; }
.pm_react_pop { position:absolute; z-index:99999; padding:7px; border-radius:26px; transform:translateY(8px) scale(.92); opacity:0; transition:opacity .14s ease, transform .14s ease; }
.pm_react_pop_show { transform:translateY(0) scale(1); opacity:1; }
.pm_react_choices { display:flex; justify-content:center; gap:5px; align-items:center; flex-wrap:nowrap; }
.pm_react_choice { width:42px; height:42px; padding:4px; border:0; border-radius:50%; background:rgba(0,0,0,0.045); cursor:pointer; line-height:1; transition:transform .12s ease, background .12s ease, box-shadow .12s ease; }
.pm_react_choice_image { display:block; width:34px; height:34px; object-fit:contain; pointer-events:none; }
.pm_react_choice:hover, .pm_react_choice:focus-visible { transform:translateY(-3px) scale(1.12); background:rgba(0,0,0,0.085); box-shadow:0 4px 12px rgba(0,0,0,.12); outline:none; }
.pm_react_hint { margin-top:10px; }

#show_chat .ch_logs, #show_private .privlog { transition:transform .16s ease; will-change:transform; }
#show_private .privlog { position:relative; }
.swipe_replying { transition:none !important; will-change:transform; }
.swipe_reply_settling { transition:transform .18s cubic-bezier(.2,.8,.2,1) !important; will-change:transform; }
.swipe_replying::after { content:"\f3e5"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; position:absolute; left:12px; top:50%; width:28px; height:28px; margin-top:-14px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; color:inherit; opacity:.65; background:rgba(0,0,0,.07); pointer-events:none; transform:scale(.88); transition:transform .12s ease, opacity .12s ease; }
.swipe_reply_ready::after { opacity:1; transform:scale(1); }
#show_private .swipe_replying::after { left:8px; }

.pm_seen_holder { display:inline-flex; align-items:center; margin-left:5px; vertical-align:middle; line-height:1; }
.pm_seen_holder:empty { display:none; }
.pm_seen_tick { display:inline-flex; align-items:center; justify-content:center; font-size:10px; line-height:1; opacity:.9; }
.pm_seen_tick i { font-size:10px; line-height:1; }
.pm_seen_tick i + i { margin-left:-4px; }
.pm_seen_off { color:rgba(120,120,120,.8); }
.pm_seen_on { color:#34b7f1; }
.outpriv .prdate { display:flex; align-items:center; justify-content:flex-start; gap:0; }

.private_typing { position:absolute; left:10px; right:10px; bottom:0; z-index:30; display:flex; justify-content:flex-end; align-items:center; padding: 2px 4px 5px; min-height: 20px; pointer-events: none; background:transparent; text-align:right; }
.private_typing.hidden { display: none !important; }
#inside_wrap_private.has_private_typing #show_private_wrap { height: calc(100% - 24px); }
.private_typing_inner { display: inline-flex; align-items: center; justify-content:flex-end; gap: 5px; max-width: 90%; padding: 3px 8px; border-radius: 12px; font-size: 11px; opacity: .78; line-height: 1; background: rgba(0,0,0,.04); backdrop-filter: blur(3px); }
.private_typing_text { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:right; }
.private_typing_dots { display: inline-flex; align-items: center; gap: 3px; }
.private_typing_dots i { display: block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .35; animation: privateTypingDots 1.2s infinite ease-in-out; }
.private_typing_dots i:nth-child(2){ animation-delay: .15s; }
.private_typing_dots i:nth-child(3){ animation-delay: .3s; }
@keyframes privateTypingDots { 0%, 80%, 100% { transform: translateY(0); opacity: .25; } 40% { transform: translateY(-3px); opacity: .85; } }

.pm_edited_label { display:inline-flex; align-items:center; gap:4px; margin-left:7px; padding:2px 7px; border:1px solid rgba(115,135,170,.26); border-radius:999px; background:rgba(115,135,170,.11); color:inherit; opacity:.88; font-size:10px; font-style:normal; font-weight:700; line-height:1.2; vertical-align:middle; }
.pm_edited_label i { font-size:8px; opacity:.8; }
.pm_edit_holder:empty { display:none; }
.private_edit_icon { display:flex; align-items:center; justify-content:center; font-size:14px; }
.ppedit { color:inherit; }
#private_edit_controller .qcontrol { height:42px; padding:4px 5px; }
#private_edit_controller .qavatarwrap { width:32px; height:32px; }
#private_edit_controller .qavatar { width:32px; height:32px; }
#private_edit_controller .qusername_wrap { padding:0 4px; }
#private_edit_controller .quotequote { font-size:10px; line-height:1.08; letter-spacing:0; }
#private_edit_controller .private_edit_status { font-size:10px; line-height:1.08; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#private_edit_controller #private_edit_remaining { font-size:11px; font-weight:800; }
#private_edit_controller .qcancel { width:27px; font-size:15px; }
.pm_edit_updated .hunter_private,
.pm_edit_updated .target_private { animation:pmEditVisible 1.45s ease; }
@keyframes pmEditVisible {
	0% { box-shadow:0 0 0 0 rgba(71,132,224,.48); }
	32% { box-shadow:0 0 0 4px rgba(71,132,224,.22); }
	100% { box-shadow:0 0 0 0 rgba(71,132,224,0); }
}
@media (prefers-reduced-motion:reduce){
	.pm_edit_updated .hunter_private,
	.pm_edit_updated .target_private { animation:none; outline:2px solid rgba(71,132,224,.3); outline-offset:2px; }
}

.chat_image_cover {
	display:inline-flex;
	align-items:center;
	gap:8px;
	max-width:220px;
	margin:5px 0 0 0;
	padding:10px 12px;
	border-radius:8px;
	border:1px solid rgba(120,120,120,0.25);
	background:rgba(120,120,120,0.12);
	text-decoration:none !important;
	cursor:pointer;
}
.chat_image_cover_icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	background:rgba(120,120,120,0.18);
}
.chat_image_cover_text {
	font-weight:700;
	line-height:1.1;
}
.chat_image_cover_hint {
	font-size:11px;
	opacity:0.75;
	line-height:1.1;
}
.cqmess .chat_image_cover {
	padding:7px 9px;
	max-width:180px;
}

.spotify_chat_container { background:#121212; border:1px solid rgba(255,255,255,.12); }
.spotify_preview { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:linear-gradient(135deg,#191414,#1b3323); color:#f5f5f5; cursor:pointer; text-align:center; }
.spotify_mark { font-size:30px; line-height:1; color:#1db954; }
.spotify_label { font-size:14px; font-weight:700; letter-spacing:.2px; }
.spotify_hint { font-size:11px; opacity:.78; }
#wrap_stream.spotify_stream { height:352px; }
#wrap_stream.spotify_stream iframe { border-radius:0; }
.cqmess .spotify_mark { font-size:22px; }
.cqmess .spotify_label { font-size:12px; }
.cqmess .spotify_hint { font-size:9px; }

#login_form_box,
#registration_form_box {
	color-scheme: dark;
}
.password_toggle_wrap { position:relative; }
.password_toggle_wrap .full_input { padding-right:44px !important; }
.password_eye { position:absolute; right:13px; top:50%; transform:translateY(-50%); cursor:pointer; z-index:3; opacity:.9; color:rgba(255,255,255,.72); }
.password_eye:hover { opacity:1; color:#fff; }
#login_form_box input,
#registration_form_box input,
#login_form_box input.full_input,
#registration_form_box input.full_input,
#login_form_box .login_text_input,
#registration_form_box .full_input {
	background-color:#181818 !important;
	background-image:none !important;
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	caret-color:#ffffff !important;
	border:1px solid rgba(255,255,255,.16) !important;
	box-sizing:border-box;
}
#login_form_box input:focus,
#login_form_box input:active,
#login_form_box input:hover,
#registration_form_box input:focus,
#registration_form_box input:active,
#registration_form_box input:hover {
	background-color:#111111 !important;
	background-image:none !important;
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	border-color:rgba(29,185,84,.75) !important;
	outline:none !important;
}
#login_form_box input::placeholder,
#registration_form_box input::placeholder {
	color:rgba(255,255,255,.58) !important;
	-webkit-text-fill-color:rgba(255,255,255,.58) !important;
}
#login_form_box input:-webkit-autofill,
#login_form_box input:-webkit-autofill:hover,
#login_form_box input:-webkit-autofill:focus,
#login_form_box input:-webkit-autofill:active,
#registration_form_box input:-webkit-autofill,
#registration_form_box input:-webkit-autofill:hover,
#registration_form_box input:-webkit-autofill:focus,
#registration_form_box input:-webkit-autofill:active {
	-webkit-text-fill-color:#ffffff !important;
	box-shadow:0 0 0 1000px #181818 inset !important;
	-webkit-box-shadow:0 0 0 1000px #181818 inset !important;
	caret-color:#ffffff !important;
	transition:background-color 9999s ease-in-out 0s;
}

.profile_custom_bg_area { position: relative; z-index: 10; overflow: hidden; border-radius: 0 0 15px 15px; }
.profile_custom_bg_area.profile_custom_bg_active::before { content: ''; position: absolute; inset: 0; background-image: var(--profile-bg-image); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: var(--profile-bg-opacity, .35); pointer-events: none; z-index: 0; }
.profile_custom_bg_area.profile_custom_bg_active::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.18); pointer-events: none; z-index: 0; }
.profile_custom_bg_area > * { position: relative; z-index: 1; }
.profile_bg_modal .profile_bg_preview { min-height: 160px; border-radius: 14px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid rgba(255,255,255,.12); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.profile_bg_empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:160px; color:rgba(255,255,255,.65); }
.profile_bg_empty i { font-size:36px; opacity:.8; }
#profile_bg_file { width: 100%; }


#dpriv_notify.foot_notify {
	position:absolute !important;
	top:7px !important;
	left:50% !important;
	transform:translateX(7px);
	width:13px !important;
	height:13px !important;
	min-width:13px !important;
	min-height:13px !important;
	padding:0 !important;
	line-height:13px !important;
	border-radius:50% !important;
	background:#ff3b3b !important;
	border:2px solid #fff !important;
	box-shadow:0 0 0 1px rgba(0,0,0,.15), 0 0 8px rgba(255,59,59,.65) !important;
	z-index:5 !important;
	pointer-events:none;
}

.profile_custom_bg_area.profile_color_active .modal_menu_item,
.profile_custom_bg_area.profile_color_active .proitem .bcell_mid,
.profile_custom_bg_area.profile_color_active .prodata,
.profile_custom_bg_area.profile_color_active .info_item,
.profile_custom_bg_area.profile_color_active .sub_text,
.profile_custom_bg_area.profile_color_active .tbreak,
.profile_custom_bg_area.profile_color_active .profile_locked_title,
.profile_custom_bg_area.profile_color_active .profile_locked_text {
	color:var(--profile-text-color)!important;
	text-shadow:0 1px 2px var(--profile-text-outline,rgba(0,0,0,.94)),0 0 1px var(--profile-text-outline,rgba(0,0,0,.94))!important;
}
.profile_custom_bg_area.profile_color_active .proicon,
.profile_custom_bg_area.profile_color_active .proitem i.fa,
.profile_custom_bg_area.profile_color_active .profile_locked_card i {
	color:var(--profile-icon-color)!important;
	filter:drop-shadow(0 1px 1px var(--profile-icon-outline,rgba(0,0,0,.94))) drop-shadow(0 0 1px var(--profile-icon-outline,rgba(0,0,0,.94)))!important;
}
.profile_custom_bg_area.profile_color_active .sub_text { opacity:.94!important; }
.profile_color_grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.profile_color_input { width:100%; height:44px; border:0; padding:0; background:transparent; cursor:pointer; }
.profile_color_preview { border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:10px; background:rgba(0,0,0,.20); }
.profile_color_preview .proitem .bcell_mid,
.profile_color_preview .prodata {
	color:var(--profile-text-color)!important;
	text-shadow:0 1px 2px var(--profile-text-outline,rgba(0,0,0,.94)),0 0 1px var(--profile-text-outline,rgba(0,0,0,.94))!important;
}
.profile_color_preview .proicon,
.profile_color_preview .proitem i.fa {
	color:var(--profile-icon-color)!important;
	filter:drop-shadow(0 1px 1px var(--profile-icon-outline,rgba(0,0,0,.94))) drop-shadow(0 0 1px var(--profile-icon-outline,rgba(0,0,0,.94)))!important;
}
@media screen and (max-width:520px){ .profile_color_grid { grid-template-columns:1fr; } }

.saved_data.saved_warn { --saved-accent:#f59e0b; --saved-accent-rgb:245,158,11; }
.saved_data.saved_error { --saved-accent:#ef4444; --saved-accent-rgb:239,68,68; }
.saved_data.saved_ok { --saved-accent:#22c55e; --saved-accent-rgb:34,197,94; }

.private_real_name {
	line-height: 1.1;
	margin-top: 1px;
	opacity: .72;
}
.private_nick_modal .full_input {
	font-weight: 600;
}

.submenu_item .bcell_mid { min-width:0; overflow:hidden; }
.submenu_item .subm_title, .submenu_item .subm_sub { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#private_opt .subm_sub { display:block; font-size:11px; line-height:1.15; margin-top:2px; }

.profile_rating_panel { padding-top:16px !important; }
.profile_rating_panel .profile_rating_box { margin:0; }
.profile_rating_box { margin:10px 0 15px 0; padding:14px; border-radius:16px; position:relative; overflow:hidden; border:1px solid rgba(148,163,184,.14); box-shadow:0 12px 28px rgba(0,0,0,.10); }
.profile_rating_box::before { content:""; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, rgba(250,204,21,.95), rgba(56,189,248,.75), rgba(236,72,153,.75)); pointer-events:none; }
.profile_rating_head { display:flex; align-items:center; gap:10px; min-width:0; }
.profile_rating_icon { width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(250,204,21,.14); color:#facc15; flex:0 0 auto; }
.profile_rating_title_box { min-width:0; flex:1; }
.profile_rating_title { font-weight:700; font-size:15px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.profile_rating_meta { margin-top:2px; }
.profile_rating_average { text-align:right; flex:0 0 auto; }
.profile_rating_average b { display:block; font-size:20px; line-height:1; }
.profile_rating_average > span { display:block; margin-top:4px; white-space:nowrap; }
.profile_rating_stars { display:inline-flex; align-items:center; gap:1px; }
.profile_rating_star_wrap { position:relative; display:inline-block; line-height:1; color:rgba(148,163,184,.45); }
.profile_rating_star_fill { position:absolute; left:0; top:0; height:100%; overflow:hidden; white-space:nowrap; pointer-events:none; }
.profile_rating_star_on { color:#facc15; }
.profile_rating_star_off { color:rgba(148,163,184,.45); }
.profile_rating_star_small { font-size:11px; margin-left:1px; }
.profile_rating_tags_summary { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.profile_rating_tags_summary span { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; background:rgba(148,163,184,.12); font-size:12px; max-width:100%; }
.profile_rating_empty { margin-top:10px; }
.profile_rating_form { margin-top:12px; padding-top:12px; border-top:1px solid rgba(148,163,184,.16); }
.profile_rating_pick_stars { display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.profile_rating_pick { font-size:23px; color:rgba(148,163,184,.45); cursor:pointer; transition:transform .12s ease, color .12s ease; }
.profile_rating_pick.active { color:#facc15; }
.profile_rating_pick:hover { transform:scale(1.08); }
.profile_rating_tag_picker { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.profile_rating_tag { border:0; border-radius:999px; padding:7px 10px; cursor:pointer; background:rgba(148,163,184,.14); color:inherit; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile_rating_tag.selected { background:rgba(56,189,248,.22); color:#38bdf8; font-weight:700; }
.profile_rating_actions { display:flex; gap:8px; align-items:center; }
.profile_rating_save, .profile_rating_reset { border:0; border-radius:10px; padding:9px 12px; cursor:pointer; }
.profile_rating_save { flex:1; }
.profile_rating_reset { flex:0 0 auto; }
@media screen and (max-width:480px){
	.profile_rating_head { gap:8px; }
	.profile_rating_average b { font-size:18px; }
	.profile_rating_tag { padding:7px 9px; font-size:12px; }
	.profile_rating_pick { font-size:21px; }
}

.pm_forward_box{ max-height:420px; overflow:hidden; }
.pm_forward_search_wrap{ padding:0 0 10px 0; }
.pm_forward_list{ max-height:330px; overflow-y:auto; }
.pm_forward_row{ display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px; cursor:pointer; }
.pm_forward_avatar img{ width:38px; height:38px; border-radius:50%; object-fit:cover; }
.pm_forward_name{ flex:1; min-width:0; }
.pm_forward_name p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pm_forward_pick input{ width:18px; height:18px; }
.pm_forwarded_block{ border-left:3px solid rgba(255,255,255,.22); padding-left:8px; }
.pm_forwarded_label{ font-size:11px; opacity:.75; margin-bottom:5px; }
.pm_forwarded_content{ word-break:break-word; }

.pm_media_box{ max-height:520px; overflow:hidden; padding:12px; }
.pm_media_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; max-height:460px; overflow-y:auto; padding-right:2px; }
.pm_media_tile{ position:relative; display:block; aspect-ratio:1/1; border-radius:5px; overflow:hidden; background:rgba(0,0,0,.14); border:1px solid rgba(148,163,184,.12); color:#fff; text-decoration:none; }
.pm_media_tile img{ width:100%; height:100%; object-fit:cover; display:block; }
.pm_media_video_tile, .pm_media_audio_tile{ display:flex; align-items:center; justify-content:center; background:rgba(15,23,42,.80); }
.pm_media_audio_tile{ background:rgba(30,41,59,.82); }
.pm_media_type_icon{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.48); color:#fff; font-size:18px; }
.pm_media_tile:hover .pm_media_type_icon{ background:rgba(0,0,0,.62); }
@media screen and (max-width:700px){ .pm_media_grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; } .pm_media_box{ padding:8px; } }

.profile_upload_block { width:100%; }
.profile_upload_slot { position:relative; width:100%; height:45px; }
.profile_upload_trigger,
.profile_upload_progress {
	position:absolute;
	inset:0;
	width:100%;
	height:45px;
	min-height:45px;
	margin:0;
	border-radius:10px;
	box-sizing:border-box;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.profile_upload_trigger {
	display:flex;
	gap:8px;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	transition:transform .14s ease, filter .14s ease;
}
.profile_upload_trigger:hover { filter:brightness(1.06); }
.profile_upload_trigger:active { transform:scale(.985); }
.profile_upload_trigger_icon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:8px; background:rgba(255,255,255,.14); }
.profile_upload_progress {
	display:none;
	isolation:isolate;
	cursor:progress;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 7px 18px rgba(0,0,0,.12);
}
.profile_upload_progress::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	background:linear-gradient(110deg, rgba(0,0,0,.08), rgba(255,255,255,.04), rgba(0,0,0,.08));
}
.profile_upload_fill {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	bottom:0;
	width:0;
	min-width:0;
	background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.31));
	box-shadow:8px 0 22px rgba(255,255,255,.18);
	transition:width .16s cubic-bezier(.2,.8,.2,1);
	overflow:visible;
}
.profile_upload_fill::before {
	content:"";
	position:absolute;
	inset:0;
	background:repeating-linear-gradient(120deg, transparent 0 10px, rgba(255,255,255,.13) 10px 18px);
	animation:profileUploadStripe .7s linear infinite;
}
.profile_upload_fill::after {
	content:"";
	position:absolute;
	right:-4px;
	top:50%;
	width:10px;
	height:28px;
	border-radius:999px;
	background:rgba(255,255,255,.78);
	box-shadow:0 0 14px rgba(255,255,255,.72);
	transform:translateY(-50%);
	animation:profileUploadLead 1s ease-in-out infinite;
}
.profile_upload_progress_content {
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	width:100%;
	min-width:0;
	padding:0 12px;
	gap:9px;
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.profile_upload_progress_icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:27px;
	height:27px;
	flex:0 0 27px;
	border-radius:9px;
	background:rgba(0,0,0,.15);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
	animation:profileUploadIcon 1.15s ease-in-out infinite;
}
.profile_upload_progress_status { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:700; letter-spacing:.01em; }
.profile_upload_progress_percent { flex:0 0 auto; min-width:36px; text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.profile_upload_progress.is-processing .profile_upload_fill::after { animation-duration:.55s; }
.profile_upload_progress.is-processing .profile_upload_progress_icon { animation:none; }
.profile_upload_progress.is-complete { cursor:default; }
.profile_upload_progress.is-complete .profile_upload_fill { background:linear-gradient(90deg, rgba(34,197,94,.28), rgba(255,255,255,.28)); }
.profile_upload_progress.is-complete .profile_upload_fill::before,
.profile_upload_progress.is-complete .profile_upload_fill::after { animation:none; }
.profile_upload_progress.is-complete .profile_upload_progress_icon { animation:none; }
.profile_upload_meta { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; margin-top:9px; font-size:11px; opacity:.72; }
.profile_upload_meta > span { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gif_avatar_upload_preview { position:relative; width:90px; height:90px; margin:0 auto 15px; }
.gif_avatar_upload_preview img { display:block; width:90px; height:90px; object-fit:cover; }
.gif_avatar_upload_preview::after {
	content:"";
	position:absolute;
	inset:-4px;
	border-radius:50%;
	border:2px solid transparent;
	pointer-events:none;
	opacity:0;
	transition:opacity .15s ease;
}
.gif_avatar_upload_preview.profile_upload_preview_active::after {
	opacity:1;
	border-top-color:rgba(255,255,255,.95);
	border-right-color:rgba(255,255,255,.28);
	box-shadow:0 0 14px rgba(255,255,255,.22);
	animation:profileUploadRing .85s linear infinite;
}
.gif_avatar_upload_preview.profile_upload_preview_complete::after {
	opacity:1;
	border-color:#22c55e;
	box-shadow:0 0 15px rgba(34,197,94,.45);
}
.profile_bg_preview { position:relative; }
.profile_bg_preview.profile_upload_preview_active::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(110deg, transparent 25%, rgba(255,255,255,.15) 48%, transparent 70%);
	transform:translateX(-100%);
	animation:profileUploadPreviewSweep 1.05s ease-in-out infinite;
	pointer-events:none;
}
.profile_bg_modal_control { text-align:right; }
@keyframes profileUploadStripe { from { transform:translateX(-18px); } to { transform:translateX(0); } }
@keyframes profileUploadLead { 0%,100% { opacity:.55; transform:translateY(-50%) scaleY(.82); } 50% { opacity:1; transform:translateY(-50%) scaleY(1); } }
@keyframes profileUploadIcon { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-2px); } }
@keyframes profileUploadRing { to { transform:rotate(360deg); } }
@keyframes profileUploadPreviewSweep { to { transform:translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
	.profile_upload_fill,
	.profile_upload_fill::before,
	.profile_upload_fill::after,
	.profile_upload_progress_icon,
	.gif_avatar_upload_preview::after,
	.profile_bg_preview::after { animation:none !important; transition:none !important; }
}

.global_notice_history_delete.delete_armed {
	background:rgba(214, 57, 57, .16)!important;
	color:#d63939!important;
}

.staff_list_panel {
	width:100%;
	min-width:0;
}
.staff_list_panel #container_staff {
	padding:8px 10px 12px;
}
.staff_list_panel .staff_rank_group + .staff_rank_group {
	margin-top:6px;
}
.staff_list_panel .staff_rank_label {
	padding:10px 8px 6px;
}
.staff_list_panel .staff_rank_label_inner {
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-width:0;
	font-size:12px;
	font-weight:700;
}
.staff_list_panel .staff_rank_label_inner span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.staff_list_panel .staff_rank_icon {
	display:block;
	width:auto;
	height:16px;
	max-width:22px;
	object-fit:contain;
}
.staff_list_panel .staff_rank_label .ucount {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:25px;
	font-variant-numeric:tabular-nums;
}
.staff_list_panel .staff_rank_users {
	min-width:0;
}
.staff_list_panel .staff_rank_users .user_item {
	margin:1px 0;
}
@media screen and (max-width:520px) {
	.staff_list_panel #container_staff {
		padding:6px 7px 10px;
	}
	.staff_list_panel .staff_rank_label {
		padding:9px 7px 5px;
	}
}

.chat_avatar { display:table-cell; width:50px; vertical-align:top; position:relative; }
.cavatar  { height:50px; width:50px; border-radius:50%; display:block; overflow:hidden; cursor:pointer; }

.user_item_avatar { display:table-cell; vertical-align:middle; width:46px; position:relative; }
.user_item_avatar .acav { width:46px; height:46px; border-radius:50%; display:block; cursor:pointer; }

#notify_private {
	top:6px;
	left:auto;
	right:1px;
	width:auto;
	min-width:18px;
	height:18px;
	padding:0 5px;
	box-sizing:border-box;
	line-height:18px;
	text-align:center;
	font-size:10px;
	font-weight:700;
	letter-spacing:-.2px;
	box-shadow:0 2px 7px rgba(0,0,0,.28);
}

.boom_live_time{ white-space: normal; }
.boom_online_time{ font-weight: 600; }

img[loading="lazy"], iframe[loading="lazy"]{ max-width: 100%; }
img[decoding="async"]{ image-rendering: auto; }

.rank_icon_grid {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
	gap:12px;
	clear:both;
	overflow:hidden;
}
.rank_icon_grid .rank_icon_card {
	float:none !important;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	min-height:150px;
	padding:12px;
	box-sizing:border-box;
	border-radius:12px;
	text-align:center;
}
.rank_icon_grid .rank_icon_img_wrap {
	width:78px;
	height:78px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 8px auto;
}
.rank_icon_grid .rank_icon_card_img {
	width:auto !important;
	height:auto !important;
	max-width:76px !important;
	max-height:76px !important;
	object-fit:contain;
	display:block;
	margin:0 auto;
}
.rank_icon_grid .rank_icon_card_price {
	position:static !important;
	width:100%;
	font-size:12px;
	line-height:18px;
	min-height:18px;
	margin:0 0 8px 0;
	padding:0;
}
.rank_icon_grid .rank_icon_card_action {
	width:100%;
	margin-top:auto;
}
.rank_icon_grid .rank_icon_card_action .small_button {
	max-width:100%;
	white-space:nowrap;
}
@media screen and (max-width:480px){
	.rank_icon_grid {
		grid-template-columns:repeat(auto-fill, minmax(105px, 1fr));
		gap:10px;
	}
	.rank_icon_grid .rank_icon_card {
		min-height:142px;
		padding:10px;
	}
	.rank_icon_grid .rank_icon_img_wrap {
		width:68px;
		height:68px;
	}
	.rank_icon_grid .rank_icon_card_img {
		max-width:66px !important;
		max-height:66px !important;
	}
}

.rank_name_grid {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
	gap:12px;
	clear:both;
	overflow:hidden;
}
.rank_name_grid .rank_name_card {
	float:none !important;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	min-height:132px;
	padding:14px 12px;
	box-sizing:border-box;
	border-radius:12px;
	text-align:center;
}
.rank_name_grid .rank_name_card_name {
	width:100%;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	min-height:22px;
	margin-bottom:8px;
}
.rank_name_grid .rank_name_card_price {
	position:static !important;
	width:100%;
	font-size:12px;
	line-height:18px;
	min-height:18px;
	margin:0 0 10px 0;
	padding:0;
}
.rank_name_grid .rank_name_card_action {
	width:100%;
	margin-top:auto;
}
.rank_name_grid .rank_name_card_action .small_button {
	max-width:100%;
	white-space:nowrap;
}
@media screen and (max-width:480px){
	.rank_name_grid {
		grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));
		gap:10px;
	}
	.rank_name_grid .rank_name_card {
		min-height:126px;
		padding:12px 10px;
	}
	.rank_name_grid .rank_name_card_name {
		font-size:15px;
	}
}

.profile_gallery_bar {
	width: 100%;
}
.profile_gallery_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 12px;
	width: 100%;
}
.profile_gallery_card {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 12px;
	overflow: hidden;
	background: rgba(0,0,0,0.08);
}
.profile_gallery_open,
.profile_gallery_card img.profile_gallery_img {
	display: block;
	width: 100%;
	height: 100%;
}
.profile_gallery_open {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
}
.profile_gallery_img {
	object-fit: cover;
}
.profile_gallery_viewer {
	width: 100%;
	max-width: 720px;
	max-height: 78vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
}
.profile_gallery_viewer_img {
	display: block;
	max-width: 100%;
	max-height: 74vh;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 10px;
}
.profile_gallery_delete {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	padding: 0;
	line-height: 34px;
	text-align: center;
	z-index: 5;
}
.profile_gallery_empty {
	grid-column: 1 / -1;
}
@media screen and (max-width: 480px) {
	.profile_gallery_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
}

.user_item.userlist_glow,
.userlist_glow_preview.userlist_glow {
	box-shadow: 0 0 13px rgba(var(--ulist-glow-rgb), .34), 0 0 5px rgba(var(--ulist-glow-rgb), .18) inset;
	border: 1px solid rgba(var(--ulist-glow-rgb), .34);
	background-clip: padding-box;
}
.user_item.userlist_glow {
	margin: 3px 0;
	background-image: linear-gradient(90deg, rgba(var(--ulist-glow-rgb), .10), rgba(var(--ulist-glow-rgb), .035));
}
.user_item.userlist_glow:hover,
.userlist_glow_preview.userlist_glow {
	box-shadow: 0 0 16px rgba(var(--ulist-glow-rgb), .42), 0 0 5px rgba(var(--ulist-glow-rgb), .22) inset;
}
.userlist_glow_picker_wrap {
	display: flex;
	gap: 10px;
	align-items: center;
}
.userlist_glow_picker_wrap input[type="color"] {
	width: 54px;
	height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.userlist_glow_picker_wrap .full_input {
	flex: 1;
	text-transform: uppercase;
}
.userlist_glow_preview {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 8px 10px;
	border-radius: 8px;
}
.userlist_glow_preview_avatar,
.userlist_glow_preview_data {
	display: table-cell;
	vertical-align: middle;
}
.userlist_glow_preview_avatar {
	width: 42px;
}
.userlist_glow_preview_avatar img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
}
.userlist_glow_preview_data {
	padding-left: 8px;
	overflow: hidden;
}

.userlist_glow_picker_only { justify-content:center; }
.userlist_glow_picker_only input[type="color"] { width:64px; height:64px; min-width:64px; padding:0; border:0; background:transparent; cursor:pointer; }
.userlist_glow_picker_only input[type="color"]::-webkit-color-swatch-wrapper { padding:0; }
.userlist_glow_picker_only input[type="color"]::-webkit-color-swatch { border:1px solid rgba(0,0,0,.15); border-radius:12px; }
.userlist_glow_picker_only input[type="color"]::-moz-color-swatch { border:1px solid rgba(0,0,0,.15); border-radius:12px; }

.gold_text { color:#d99a00; }
.ruby_text { color:#d11b5f; }

.daily_reward_modal { padding:14px; }
.daily_reward_head { padding:14px 18px; border-radius:18px; background:rgba(0,0,0,.18); margin-bottom:14px; }
.daily_reward_title { font-size:24px; font-weight:700; }
.daily_reward_tabs { display:flex; gap:10px; margin-bottom:14px; padding:4px; border-radius:30px; background:rgba(0,0,0,.12); border:1px solid rgba(255,255,255,.08); }
.daily_reward_tab { flex:1; border:1px solid rgba(255,255,255,.08); border-radius:26px; padding:14px 8px; cursor:pointer; font-weight:700; color:inherit; background:rgba(0,0,0,.16); opacity:.72; position:relative; transition:background .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease; }
.daily_reward_tab:hover { opacity:1; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.daily_reward_tab.active { background:var(--main-color, #ff624d); color:#fff; opacity:1; border-color:rgba(255,255,255,.18); box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 8px 22px rgba(255,98,77,.28); transform:translateY(-1px); }
.daily_reward_tab.active:after { content:''; position:absolute; left:24%; right:24%; bottom:6px; height:3px; border-radius:8px; background:rgba(255,255,255,.75); }
.daily_reward_reset { border-radius:18px; padding:14px 18px; background:rgba(0,0,0,.18); margin-bottom:14px; font-weight:700; }
.daily_reward_count_box { border-radius:20px; padding:24px 12px; text-align:center; background:rgba(0,0,0,.16); margin-bottom:14px; }
.daily_reward_count_num { font-size:42px; font-weight:800; line-height:1; }
.daily_reward_count_label { text-transform:uppercase; font-weight:700; opacity:.65; margin-top:6px; letter-spacing:1px; }
.daily_reward_list, .daily_leader_list { display:flex; flex-direction:column; gap:12px; }
.daily_reward_item { position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; border-radius:18px; padding:14px; background:rgba(0,0,0,.20); }
.daily_reward_item:after { content:''; position:absolute; left:0; bottom:0; height:4px; width:100%; background:rgba(255,255,255,.06); }
.daily_reward_badge { width:48px; height:48px; min-width:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.22); font-size:20px; }
.daily_ready .daily_reward_badge { color:var(--main-color, #ff624d); box-shadow:0 0 0 2px rgba(255,98,77,.22) inset; }
.daily_done .daily_reward_badge { color:#fff; background:#43b700; }
.daily_reward_info { flex:1; min-width:0; }
.daily_reward_need { font-size:17px; font-weight:800; }
.daily_reward_value { font-size:14px; opacity:.9; margin:3px 0 8px; }
.daily_gold { color:#ffd21a; font-weight:800; }
.daily_ruby { color:#ff3f6f; font-weight:800; }
.daily_reward_bar { height:5px; border-radius:20px; background:rgba(255,255,255,.08); overflow:hidden; }
.daily_reward_bar span { display:block; height:100%; background:var(--main-color, #ff624d); border-radius:20px; }
.daily_reward_action { min-width:76px; text-align:right; }
.daily_percent, .daily_claimed { display:inline-block; border-radius:18px; padding:7px 10px; background:rgba(255,255,255,.08); font-weight:700; font-size:12px; }
.daily_leader_item { display:flex; align-items:center; gap:14px; border-radius:18px; padding:14px; background:rgba(0,0,0,.18); }
.daily_leader_rank { width:42px; min-width:42px; text-align:center; font-weight:800; font-size:18px; color:var(--main-color, #ff624d); }
.daily_leader_avatar { width:52px; height:52px; min-width:52px; border-radius:50%; object-fit:cover; }
.daily_leader_text { min-width:0; }
.daily_leader_count { color:var(--main-color, #ff624d); font-weight:700; }
.daily_reward_admin_row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin-bottom:8px; }

.daily_reward_tab_zone { animation: dailyTabFade .16s ease; }
.daily_reward_item:hover, .daily_leader_item:hover { background:rgba(255,255,255,.07); box-shadow:0 0 0 1px rgba(255,255,255,.06) inset; }
@keyframes dailyTabFade { from { opacity:.55; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@media screen and (max-width:480px){ .daily_reward_modal{padding:10px;} .daily_reward_title{font-size:21px;} .daily_reward_count_num{font-size:34px;} .daily_reward_item{gap:9px; padding:12px;} .daily_reward_action{min-width:62px;} .daily_reward_badge{width:42px; height:42px; min-width:42px;} }

.daily_reward_panel { padding: 8px 0; }
.daily_reward_icon { width:64px; height:64px; line-height:64px; border-radius:18px; margin:0 auto 12px; font-size:30px; background:rgba(0,0,0,.06); }
.daily_reward_card { border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:14px; background:rgba(0,0,0,.03); }
.daily_reward_amount { font-size:18px; margin-top:4px; }
.daily_reward_streak { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.daily_reward_streak span { border-radius:20px; padding:6px 10px; background:rgba(0,0,0,.05); font-size:12px; }

.rules_panel_head {
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px;
	border-radius:16px;
	background:rgba(0,0,0,.14);
	border:1px solid rgba(255,255,255,.06);
}
.rules_panel_icon {
	width:42px;
	height:42px;
	min-width:42px;
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--main-color, #ff624d);
	color:#fff;
	font-size:18px;
}
.rules_panel_title {
	font-size:18px;
	font-weight:800;
	line-height:1.2;
}
.rules_panel_content {
	font-size:14px;
	line-height:1.55;
}
.rules_panel_content .policy_page {
	margin:0;
	padding:0;
}
.rules_panel_content .policy_hero,
.rules_panel_content .policy_card,
.rules_plain_text {
	padding:14px;
	margin:0 0 12px;
	border-radius:16px;
	background:rgba(0,0,0,.10);
	border:1px solid rgba(255,255,255,.05);
}
.rules_clean_list {
	display:flex;
	flex-direction:column;
	gap:10px;
}
.rules_rule_item {
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:12px;
	border-radius:14px;
	background:rgba(0,0,0,.10);
	border:1px solid rgba(255,255,255,.05);
}
.rules_rule_number {
	width:28px;
	height:28px;
	min-width:28px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--main-color, #ff624d);
	color:#fff;
	font-size:12px;
	font-weight:800;
}
.rules_rule_text {
	min-width:0;
	padding-top:3px;
	word-break:break-word;
}
.rules_panel_content .policy_badge {
	display:inline-block;
	padding:4px 9px;
	border-radius:20px;
	background:rgba(255,255,255,.08);
	font-size:12px;
	font-weight:700;
	margin-bottom:8px;
}
.rules_panel_content h1,
.rules_panel_content h2,
.rules_panel_content h3 {
	margin:0 0 8px;
	line-height:1.25;
}
.rules_panel_content p {
	margin:0 0 8px;
}
.rules_panel_content p:last-child {
	margin-bottom:0;
}
.rules_panel_content ul,
.rules_panel_content ol {
	padding-left:20px;
	margin:8px 0;
}
.rules_line_builder {
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:10px;
}
.rules_line_row {
	display:flex;
	align-items:center;
	gap:8px;
}
.rules_line_num {
	width:28px;
	height:28px;
	min-width:28px;
	border-radius:9px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(120,120,120,.16);
	font-size:12px;
	font-weight:800;
}
.rules_line_input {
	flex:1;
	min-width:0;
}
.rules_line_delete {
	width:36px;
	height:36px;
	min-width:36px;
	border:0;
	border-radius:10px;
	cursor:pointer;
}
.rules_admin_tools {
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}
.rules_admin_preview {
	margin-top:14px;
	padding:14px;
	border-radius:16px;
	background:rgba(0,0,0,.06);
}
@media screen and (max-width:480px){
	.rules_panel_head { padding:12px; }
	.rules_panel_title { font-size:16px; }
	.rules_panel_content .policy_hero,
	.rules_panel_content .policy_card,
	.rules_plain_text,
	.rules_rule_item { padding:12px; }
	.rules_line_row { align-items:stretch; }
	.rules_line_num,
	.rules_line_delete { margin-top:0; }
}

.profile_view_panel { min-height:100%; }
.profile_view_head { display:flex; align-items:center; gap:10px; }
.profile_view_head_icon { width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(120,120,120,.12); font-size:20px; }
.profile_view_head_text { min-width:0; flex:1; }
.profile_view_stats { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
.profile_view_stat { padding:12px 8px; text-align:center; border-radius:12px; }
.profile_view_stat_num { font-size:18px; font-weight:700; line-height:1.1; }
.profile_view_stat_label { font-size:11px; opacity:.75; margin-top:4px; }
.profile_view_tabs { display:flex; gap:8px; align-items:center; background:rgba(120,120,120,.06); }
.profile_view_tab { border:0; border-radius:10px; padding:10px 8px; cursor:pointer; background:transparent; color:inherit; font-weight:800; transition:all .15s ease; flex:1; min-width:0; }
.profile_view_tab:hover { background:rgba(120,120,120,.16); transform:translateY(-1px); }
.profile_view_tab.active { background:rgba(120,120,120,.18); color:var(--theme-color, #00aeef); box-shadow:0 4px 12px rgba(0,0,0,.14); }
.profile_view_hint { padding:8px 0 14px; font-size:13px; opacity:.72; font-weight:700; }
.profile_view_user { display:flex; align-items:center; gap:10px; padding:10px; border-radius:12px; margin-bottom:8px; cursor:pointer; }
.profile_view_av img { width:42px; height:42px; border-radius:50%; object-fit:cover; display:block; }
.profile_view_av.big img { width:58px; height:58px; }
.profile_view_info { min-width:0; flex:1; }
.profile_view_name { font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; }
.profile_view_meta { font-size:12px; opacity:.72; margin-top:3px; font-weight:700; }
.profile_view_meta.strong_meta { opacity:.9; }
.profile_view_rank { width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:900; font-size:17px; background:rgba(120,120,120,.13); flex:0 0 54px; }
.profile_view_card { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:12px; align-items:center; padding:14px; border-radius:16px; margin-bottom:12px; }
.profile_view_card .profile_view_rank { grid-row:1; }
.profile_view_card .profile_view_av { grid-row:1; }
.profile_view_card .profile_view_open { grid-column:1 / -1; width:100%; min-height:38px; border-radius:9px; margin-top:4px; }
.profile_view_card.ranked { grid-template-columns:auto auto minmax(0, 1fr); }
.profile_view_card.ranked .profile_view_info { grid-column:3; }
.profile_view_card.ranked .profile_view_open { grid-column:1 / -1; }
@media screen and (max-width:480px){
	.profile_view_stats { grid-template-columns:1fr 1fr; }
	.profile_view_tabs { gap:4px; }
	.profile_view_tab { font-size:12px; padding:9px 5px; }
	.profile_view_card { grid-template-columns:auto minmax(0, 1fr); padding:12px; }
	.profile_view_card.ranked { grid-template-columns:auto auto minmax(0, 1fr); }
	.profile_view_rank { width:48px; height:48px; flex-basis:48px; }
	.profile_view_av.big img { width:52px; height:52px; }
}

.relationship_box .modal_user { padding:10px 0; }
.relationship_type_row { display:flex; align-items:center; gap:10px; padding:12px; }
.relationship_type_icon { width:38px; height:38px; min-width:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,80,120,.12); color:#ff5078; }
.relationship_type_mid { flex:1; min-width:0; }
.relationship_type_row .small_button { min-width:70px; min-height:34px; border-radius:9px; }
.profile_relation_block { margin-top:8px; }
.profile_relation_card { display:flex; align-items:center; gap:10px; padding:10px 12px; margin:8px 0; cursor:pointer; }
.profile_relation_icon { width:34px; height:34px; min-width:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,80,120,.12); color:#ff5078; }
.profile_relation_avatar img { width:38px; height:38px; border-radius:50%; object-fit:cover; display:block; }
.profile_relation_info { min-width:0; flex:1; }
.profile_relation_type { font-size:11px; text-transform:uppercase; letter-spacing:.4px; opacity:.7; font-weight:800; }
.profile_relation_name { font-size:14px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.profile_relationship_panel .profile_relation_block { margin-top:0; }
.profile_relationship_manage .reg_button { min-width:190px; border-radius:12px; }
.relationship_admin_types .sub_setting { margin:8px 0; padding:10px; border-radius:10px; background:rgba(120,120,120,.06); }
@media screen and (max-width:480px){
	.relationship_type_row { gap:8px; padding:10px; }
	.relationship_type_row .small_button { min-width:58px; padding-left:8px; padding-right:8px; }
	.profile_relation_card { padding:9px 10px; }
}

.relationship_manage_box { padding:0; }
.relationship_manage_head { padding:22px 22px 12px; }
.relationship_manage_title { font-size:22px; font-weight:700; display:flex; align-items:center; gap:8px; }
.relationship_manage_title i { color:#ff5078; }
.relationship_manage_stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; padding:0 22px 16px; }
.relationship_manage_stats div { border-radius:14px; padding:12px 8px; text-align:center; background:rgba(120,120,120,.08); border:1px solid rgba(255,255,255,.06); }
.relationship_manage_stats b { display:block; font-size:20px; line-height:22px; }
.relationship_manage_stats span { display:block; font-size:12px; opacity:.75; padding-top:3px; }
.relationship_manage_tabs { margin:0 16px 12px; }
.relationship_manage_tab { position:relative; }
.rel_badge { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; margin-left:6px; border-radius:12px; font-size:11px; background:#ff5078; color:#fff; }
.relationship_manage_item { padding:14px; margin:0 16px 12px; border:1px solid rgba(255,255,255,.06); background:rgba(120,120,120,.05); }
.relationship_manage_top { display:flex; align-items:center; gap:12px; }
.relationship_manage_avatar { width:54px; height:54px; min-width:54px; border-radius:50%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,.18); }
.relationship_manage_avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.relationship_manage_info { min-width:0; flex:1; }
.relationship_manage_name { font-size:17px; font-weight:700; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.relationship_manage_type { font-size:13px; font-weight:700; color:#ff5078; padding-top:3px; }
.relationship_manage_meta { font-size:12px; opacity:.75; padding-top:4px; }
.relationship_manage_actions { display:flex; justify-content:flex-end; gap:8px; padding-top:12px; flex-wrap:wrap; }
.relationship_manage_actions .small_button { min-width:86px; border-radius:10px; }
@media screen and (max-width:480px){
	.relationship_manage_head { padding:18px 16px 10px; }
	.relationship_manage_stats { padding:0 16px 14px; gap:8px; }
	.relationship_manage_item { margin-left:12px; margin-right:12px; }
	.relationship_manage_tabs { margin-left:12px; margin-right:12px; }
	.relationship_manage_actions { justify-content:stretch; }
	.relationship_manage_actions .small_button { flex:1; }
}

.profile_relation_days { font-size:11px; opacity:.65; margin-top:2px; }
.room_top_box { margin:8px 10px; }
.room_top_title { font-weight:700; padding:7px 10px; opacity:.85; }
.room_pin_item { display:flex; align-items:flex-start; gap:8px; padding:8px 10px; margin:6px 0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); }
.room_pin_avatar img { width:28px; height:28px; border-radius:50%; object-fit:cover; display:block; }
.room_pin_body { flex:1; min-width:0; }
.room_pin_name { font-size:12px; font-weight:700; }
.room_pin_text { font-size:13px; line-height:1.35; max-height:44px; overflow:hidden; opacity:.9; }
.room_pin_remove { width:26px; height:26px; border:0; border-radius:50%; cursor:pointer; background:rgba(255,255,255,.08); color:inherit; }

#room_top_feature { max-height:160px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; }
#room_top_feature .room_top_box { margin:6px 8px; }
.room_pin_box { max-height:150px; overflow-y:auto; }
.room_pin_item { padding:6px 8px; margin:4px 0; }
.room_pin_text { max-height:36px; overflow:hidden; }
@media screen and (max-width:480px){
	#room_top_feature { max-height:125px; }
	.room_top_title { padding:5px 8px; font-size:12px; }
	.room_pin_avatar img { width:24px; height:24px; }
	.room_pin_text { max-height:30px; font-size:12px; }
}

.staff_app_panel{min-height:100%}
.staff_app_form,.staff_app_card,.staff_app_status,.staff_app_manage_bar,.staff_app_filter_empty{border-radius:10px;margin-bottom:10px}
.staff_app_form{padding:12px}
.staff_app_form_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.staff_app_form .setting_element{margin-bottom:10px}
.staff_app_form_grid .setting_element{min-width:0}
.staff_app_textarea{min-height:78px;resize:vertical}
.staff_app_form_control{padding-top:0}
.staff_app_status{display:flex;align-items:center;gap:8px;padding:10px 12px;font-weight:700}
.staff_app_status i{font-size:15px}
.staff_app_manage_bar{display:flex;align-items:center;gap:10px;padding:9px 10px;position:sticky;top:0;z-index:2}
.staff_app_count{display:flex;align-items:center;gap:7px;min-width:48px;font-size:13px}
.staff_app_search{position:relative;display:block;min-width:0;flex:1}
.staff_app_search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.65;pointer-events:none}
.staff_app_search input{height:34px;padding-left:30px}
.staff_app_list{display:flex;flex-direction:column;gap:8px}
.staff_app_card{overflow:hidden;margin-bottom:0}
.staff_app_card_head{display:flex;align-items:stretch;gap:4px}
.staff_app_summary{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:9px 8px 9px 10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.staff_app_avatar{flex:0 0 38px}
.staff_app_avatar img{display:block;width:38px;height:38px;border-radius:50%;object-fit:cover}
.staff_app_user{display:block;min-width:0;flex:1}
.staff_app_name,.staff_app_meta{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.staff_app_name{font-weight:800}
.staff_app_meta{margin-top:3px;font-size:11px;opacity:.7}
.staff_app_score{display:flex;align-items:baseline;justify-content:center;min-width:48px;font-size:13px}
.staff_app_score b{font-size:16px;line-height:1}
.staff_app_score small{font-size:9px;opacity:.65}
.staff_app_chevron{font-size:11px;opacity:.65;transition:transform .16s ease}
.staff_app_open .staff_app_chevron{transform:rotate(180deg)}
.staff_app_icon_button{align-self:center;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin-right:7px;border:0;border-radius:8px;cursor:pointer;background:rgba(127,127,127,.1);color:inherit}
.staff_app_delete{background:rgba(231,76,60,.13);color:#e74c3c}
.staff_app_details{padding:0 10px 10px}
.staff_app_answer{padding:10px;border-radius:8px;background:rgba(127,127,127,.07)}
.staff_app_answer+.staff_app_answer{margin-top:7px}
.staff_app_answer_title{margin-bottom:5px;font-size:12px;font-weight:800}
.staff_app_answer p{margin:0;font-size:12px;line-height:1.45;white-space:normal;word-break:break-word;opacity:.86}
.staff_app_filter_empty{padding:14px;text-align:center;font-size:12px;opacity:.72}
@media screen and (max-width:420px){
	.staff_app_form_grid{grid-template-columns:1fr 1fr}
	.staff_app_form_grid .setting_element:first-child{grid-column:1/-1}
	.staff_app_score{min-width:42px}
}
@media(prefers-reduced-motion:reduce){.staff_app_chevron{transition:none}}

.buy_website_panel .back_box{ border-radius:10px; }
.buy_website_hero{ padding:18px; margin-bottom:12px; text-align:center; }
.buy_website_hero_icon{ width:48px; height:48px; line-height:48px; border-radius:50%; margin:0 auto 10px auto; font-size:22px; }
.buy_website_title{ font-size:20px; font-weight:bold; }
.buy_website_sub{ margin-top:5px; }
.buy_website_form{ padding:15px; margin-bottom:12px; }
.buy_website_textarea{ min-height:110px; }
.buy_website_section_title{ font-weight:bold; margin:14px 0 8px 0; }
.buy_website_card{ padding:12px; margin-bottom:10px; }
.buy_website_card_head{ display:flex; align-items:center; gap:10px; }
.buy_website_avatar img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.buy_website_user{ flex:1; min-width:0; }
.buy_website_name{ font-weight:bold; cursor:pointer; }
.buy_website_meta{ font-size:12px; opacity:.75; margin-top:3px; }
.buy_website_budget{ text-align:center; padding:4px 8px; border-radius:8px; }
.buy_website_budget span{ display:block; font-weight:bold; font-size:18px; }
.buy_website_budget small{ display:block; font-size:10px; opacity:.75; }
.buy_website_delete{ border:0; background:transparent; cursor:pointer; font-size:16px; opacity:.8; }
.buy_website_note{ margin-top:10px; line-height:1.45; word-break:break-word; }
.buy_website_review_head{ display:flex; align-items:center; justify-content:space-between; padding:13px; margin-bottom:10px; }
.buy_website_review_count{ text-align:center; }
.buy_website_review_count b{ display:block; font-size:18px; }
.buy_website_review_count span{ display:block; font-size:10px; opacity:.75; }

.referral_panel{ font:inherit; }
.referral_panel .back_box{ border-radius:var(--smooth-radius-md, 12px); }
.referral_intro{ padding:14px; margin-bottom:12px; overflow:hidden; }
.referral_intro_icon{ width:46px; height:46px; padding:0; text-align:center; border-radius:12px; background:rgba(120,120,120,.12); font-size:20px; }
.referral_intro_text{ padding-left:12px; min-width:0; }
.referral_intro_text p{ overflow:hidden; text-overflow:ellipsis; }
.referral_tabs{ padding:6px; margin:0 0 12px; overflow-x:auto; }
.referral_tabs ul{ display:grid; grid-template-columns:repeat(auto-fit, minmax(82px, 1fr)); gap:5px; min-width:max-content; width:100%; }
.referral_tabs li{ min-width:0; }
.referral_tab{ width:100%; min-height:38px; margin:0 !important; border:0; cursor:pointer; font:inherit; color:inherit; display:flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; }
.referral_tab:hover{ transform:translateY(-1px); }
.referral_tab:focus-visible{ outline:2px solid var(--theme-color, var(--main-color, #00aeef)); outline-offset:2px; }
.referral_tab_zone{ animation:referralFade .16s ease; }
@keyframes referralFade{ from{ opacity:.55; transform:translateY(4px); } to{ opacity:1; transform:translateY(0); } }
.referral_code_card,
.referral_lookup_box,
.referral_how,
.referral_lookup_owner{ padding:14px; margin-bottom:12px; overflow:hidden; }
.referral_box_heading{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.referral_box_icon{ flex:0 0 auto; width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(120,120,120,.12); }
.referral_box_heading>div:last-child{ min-width:0; }
.referral_code_line,
.referral_lookup_line{ display:flex; align-items:center; gap:8px; width:100%; box-sizing:border-box; }
.referral_code_line input,
.referral_lookup_line input{ flex:1 1 auto; min-width:0; box-sizing:border-box; font:inherit; }
.referral_code_line input{ font-weight:800; letter-spacing:.08em; text-align:center; }
.referral_copy_btn,
.referral_lookup_btn{ flex:0 0 auto; min-height:42px; padding:0 14px; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.referral_copy_btn.referral_copied{ background:#31a85d !important; color:#fff !important; }
.referral_stats{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-bottom:12px; }
.referral_stat{ min-width:0; padding:11px 8px; display:flex; align-items:center; justify-content:center; gap:8px; text-align:left; }
.referral_stat_icon{ width:32px; height:32px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:9px; background:rgba(120,120,120,.12); }
.referral_stat_success{ background:rgba(55,180,90,.16); color:#38b45a; }
.referral_stat_warning{ background:rgba(225,120,40,.16); color:#e17828; }
.referral_stat b{ display:block; font-size:19px; line-height:1.05; }
.referral_stat span{ display:block; margin-top:2px; font-size:10px; opacity:.76; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.referral_section_head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0 9px; }
.referral_how .referral_section_head{ margin-top:0; }
.referral_steps{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.referral_step{ display:flex; align-items:center; gap:9px; min-width:0; padding:9px; border-radius:10px; background:rgba(120,120,120,.08); }
.referral_step>span{ width:26px; height:26px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(120,120,120,.16); font-size:11px; font-weight:800; }
.referral_step p{ min-width:0; font-size:12px; line-height:1.35; }
.referral_note{ margin-top:10px; padding-top:10px; border-top:1px solid rgba(148,163,184,.15); line-height:1.45; }
.referral_list_zone{ display:grid; gap:7px; }
.referral_user_item,
.referral_top_item{ margin:0; min-height:54px; padding:7px 9px; cursor:pointer; border:1px solid transparent; }
.referral_user_item:hover,
.referral_top_item:hover{ border-color:rgba(148,163,184,.18); }
.referral_user_item:focus-visible,
.referral_top_item:focus-visible{ outline:2px solid var(--theme-color, var(--main-color, #00aeef)); outline-offset:1px; }
.referral_user_item .user_item_avatar,
.referral_top_item .user_item_avatar{ width:42px; }
.referral_user_item .user_item_avatar .acav,
.referral_top_item .user_item_avatar .acav,
.referral_lookup_profile .user_item_avatar .acav{ width:42px; height:42px; object-fit:cover; }
.referral_item_status{ display:table-cell; width:1%; vertical-align:middle; white-space:nowrap; padding-left:7px; }
.referral_status{ display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:5px 7px; border-radius:20px; font-size:10px; line-height:1; font-weight:800; }
.referral_ok{ background:rgba(55,180,90,.15); color:#38b45a; }
.referral_blocked{ background:rgba(225,120,40,.15); color:#e17828; }
.referral_top_rank{ display:table-cell; width:38px; vertical-align:middle; text-align:center; font-weight:800; }
.referral_top_rank span{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:9px; background:rgba(120,120,120,.10); }
.referral_rank_1 span{ background:rgba(245,179,1,.18); color:#f5b301; }
.referral_rank_2 span{ background:rgba(168,174,184,.18); color:#a8aeb8; }
.referral_rank_3 span{ background:rgba(190,119,66,.18); color:#be7742; }
.referral_top_total{ display:table-cell; width:52px; vertical-align:middle; text-align:center; }
.referral_top_total b{ display:block; font-size:17px; line-height:1; }
.referral_top_total span{ display:block; margin-top:3px; font-size:9px; opacity:.72; }
.referral_lookup_result{ margin-top:10px; }
.referral_lookup_owner{ margin-top:10px; }
.referral_lookup_profile{ display:table; table-layout:fixed; width:100%; }
.referral_lookup_profile .user_item_avatar{ display:table-cell; width:44px; vertical-align:middle; }
.referral_lookup_profile .user_item_data{ display:table-cell; vertical-align:middle; padding-left:9px; min-width:0; }
.referral_lookup_profile .username{ cursor:pointer; }
.referral_lookup_stats{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; margin:12px 0; }
.referral_lookup_stats>div{ min-width:0; padding:8px 5px; text-align:center; border-radius:9px; background:rgba(120,120,120,.08); }
.referral_lookup_stats b{ display:block; font-size:17px; }
.referral_lookup_stats span{ display:block; margin-top:2px; font-size:9px; opacity:.75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.referral_lookup_list_head{ padding:10px 0 8px; border-top:1px solid rgba(148,163,184,.15); }
.referral_lookup_result .boom-skeleton{ margin-top:0; }
@media screen and (max-width:480px){
	.referral_intro{ padding:12px; }
	.referral_intro_icon{ width:42px; height:42px; }
	.referral_tabs ul{ grid-template-columns:none; display:flex; }
	.referral_tabs li{ flex:0 0 auto; }
	.referral_tab{ width:auto; min-height:42px; padding:0 12px; }
	.referral_code_line,
	.referral_lookup_line{ flex-direction:column; align-items:stretch; }
	.referral_copy_btn,
	.referral_lookup_btn{ width:100%; min-height:44px; }
	.referral_stats{ grid-template-columns:1fr; gap:7px; }
	.referral_stat{ justify-content:flex-start; padding:10px 12px; }
	.referral_stat>div:last-child{ display:flex; align-items:baseline; gap:8px; min-width:0; }
	.referral_stat b{ font-size:18px; }
	.referral_stat span{ margin:0; font-size:11px; }
	.referral_steps{ grid-template-columns:1fr; }
	.referral_status span{ display:none; }
	.referral_status{ width:28px; height:28px; padding:0; border-radius:50%; }
	.referral_item_status{ padding-left:4px; }
	.referral_top_rank{ width:34px; }
	.referral_top_rank span{ width:28px; height:28px; }
	.referral_top_total{ width:44px; }
}
@media (prefers-reduced-motion:reduce){
	.referral_tab_zone{ animation:none; }
}

.chat_ratings_panel .back_box{ border-radius:12px; }
.chat_ratings_hero{ padding:18px; text-align:center; margin-bottom:12px; }
.chat_ratings_hero_icon{ font-size:34px; margin-bottom:8px; }
.chat_ratings_title{ font-size:20px; font-weight:700; }
.chat_ratings_sub{ line-height:1.45; margin-top:5px; }
.chat_ratings_stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.chat_ratings_stat{ padding:14px 8px; text-align:center; }
.chat_ratings_stat b{ display:block; font-size:22px; }
.chat_ratings_stat span{ display:block; font-size:11px; opacity:.78; }
.chat_ratings_form{ padding:13px; margin-bottom:12px; overflow:hidden; }
.chat_rating_picker{ display:flex; align-items:center; gap:8px; font-size:28px; line-height:1; }
.chat_rating_pick{ cursor:pointer; opacity:.45; }
.chat_rating_pick.active{ opacity:1; }
.chat_ratings_section_title{ font-weight:700; margin:15px 0 8px; }
.chat_rating_card{ padding:12px; margin-bottom:8px; overflow:hidden; }
.chat_rating_head{ display:flex; align-items:center; gap:10px; }
.chat_rating_avatar img{ width:42px; height:42px; border-radius:50%; object-fit:cover; }
.chat_rating_user{ flex:1; min-width:0; }
.chat_rating_score{ flex:0 0 auto; white-space:nowrap; font-size:13px; }
.chat_rating_delete{ border:0; background:transparent; cursor:pointer; opacity:.7; padding:5px; }
.chat_rating_comment{ margin-top:10px; line-height:1.45; word-break:break-word; }
@media screen and (max-width:480px){
	.chat_rating_head{ flex-wrap:wrap; }
	.chat_rating_score{ width:100%; margin-left:52px; }
	.chat_rating_picker{ justify-content:center; }
}

.birthday_wall_panel .back_box{ border-radius:12px; }
.birthday_wall_hero{ padding:18px; text-align:center; margin-bottom:12px; }
.birthday_wall_hero_icon{ font-size:34px; margin-bottom:8px; }
.birthday_wall_title{ font-size:20px; font-weight:700; }
.birthday_wall_sub{ line-height:1.45; margin-top:5px; }
.birthday_wall_tabs{ display:flex; gap:8px; align-items:center; padding:5px; margin-bottom:12px; border-radius:14px; background:rgba(120,120,120,.08); }
.birthday_wall_tab{ flex:1; min-width:0; border:0; border-radius:11px; padding:10px 6px; cursor:pointer; background:transparent; color:inherit; font-weight:800; display:flex; align-items:center; justify-content:center; gap:6px; transition:background .15s ease, transform .15s ease, box-shadow .15s ease; }
.birthday_wall_tab:hover{ background:rgba(120,120,120,.14); transform:translateY(-1px); }
.birthday_wall_tab.active{ background:rgba(120,120,120,.20); color:var(--theme-color, #00aeef); box-shadow:0 4px 12px rgba(0,0,0,.14); }
.birthday_wall_tab_zone{ animation:birthdayWallFade .16s ease; }
.birthday_wall_my{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px; margin-bottom:12px; }
.birthday_wall_badge{ flex:0 0 auto; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(120,120,120,.12); font-size:18px; }
.birthday_wall_form{ padding:13px; margin-bottom:12px; overflow:hidden; }
.birthday_wall_fields{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.birthday_wall_section_title{ font-weight:700; margin:0 0 8px; }
.birthday_wall_card{ display:flex; align-items:center; gap:10px; padding:10px; margin-bottom:8px; overflow:hidden; }
.birthday_wall_avatar img{ width:42px; height:42px; border-radius:50%; object-fit:cover; }
.birthday_wall_user{ flex:1; min-width:0; }
.birthday_wall_label{ flex:0 0 auto; padding:5px 8px; border-radius:20px; font-size:10px; font-weight:700; background:rgba(120,120,120,.12); white-space:nowrap; }
@keyframes birthdayWallFade{ from{ opacity:.55; transform:translateY(4px); } to{ opacity:1; transform:translateY(0); } }
@media screen and (max-width:480px){
	.birthday_wall_fields{ grid-template-columns:1fr; }
	.birthday_wall_my{ align-items:flex-start; }
	.birthday_wall_tab{ flex-direction:column; gap:3px; font-size:12px; padding:8px 4px; }
}

.other_links_panel .back_box{ border-radius:12px; }
.other_links_hero{ padding:18px; text-align:center; margin-bottom:12px; }
.other_links_hero_icon{ font-size:34px; margin-bottom:8px; }
.other_links_title{ font-size:20px; font-weight:700; }
.other_links_sub{ line-height:1.45; margin-top:5px; }
.other_link_card{ display:flex; align-items:center; gap:10px; padding:12px; margin-bottom:9px; text-decoration:none; color:inherit; overflow:hidden; transition:transform .15s ease, box-shadow .15s ease; }
.other_link_card:hover{ transform:translateY(-1px); box-shadow:0 5px 16px rgba(0,0,0,.12); text-decoration:none; }
.other_link_icon{ flex:0 0 auto; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(120,120,120,.12); }
.other_link_info{ flex:1; min-width:0; }
.other_link_title{ font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.other_link_url{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; }
.other_link_visit{ flex:0 0 auto; opacity:.65; }
.other_link_admin_row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px; margin-bottom:8px; }
.other_link_admin_info{ flex:1; min-width:0; }
.other_link_admin_url{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; }
.other_link_admin_actions{ flex:0 0 auto; display:flex; gap:6px; align-items:center; }
.other_link_form_controls{ display:flex; gap:8px; flex-wrap:wrap; }
@media screen and (max-width:480px){
	.other_link_admin_row{ align-items:flex-start; }
	.other_link_admin_actions{ flex-direction:column; }
}

.chat_ratings_hero_icon{ color:#f5b301; }
.chat_rating_picker{ justify-content:center; padding:10px 0 4px; }
.chat_rating_pick{ color:rgba(140,140,140,.35); opacity:1; cursor:pointer; transition:transform .12s ease, color .12s ease, text-shadow .12s ease; }
.chat_rating_pick.active{ color:#f5b301; text-shadow:0 2px 8px rgba(245,179,1,.28); }
.chat_rating_pick:hover{ transform:scale(1.12); }
.chat_rating_selected{ text-align:center; margin:6px 0 0; }
.chat_rating_score i{ margin-right:2px; }
.chat_rating_score i.filled{ color:#f5b301; }
.chat_rating_score i.empty{ color:rgba(140,140,140,.35); }
.chat_rating_card{ border:1px solid rgba(245,179,1,.12); }
.chat_ratings_stat b{ color:#f5b301; }

.chat_ratings_compact_head{ display:flex; align-items:center; gap:12px; padding:13px; margin-bottom:10px; }
.chat_ratings_head_icon{ width:42px; height:42px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:rgba(245,179,1,.14); color:#f5b301; font-size:21px; flex:0 0 auto; }
.chat_ratings_head_text{ flex:1; min-width:0; }
.chat_ratings_head_text .chat_ratings_title{ font-size:17px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat_ratings_tabs{ display:flex; gap:6px; align-items:center; padding:5px; margin-bottom:12px; border-radius:14px; background:rgba(120,120,120,.08); }
.chat_ratings_tab{ flex:1; min-width:0; border:0; border-radius:11px; padding:9px 6px; cursor:pointer; background:transparent; color:inherit; font-weight:800; font-size:12px; display:flex; align-items:center; justify-content:center; gap:5px; transition:background .15s ease, transform .15s ease, box-shadow .15s ease; }
.chat_ratings_tab:hover{ background:rgba(120,120,120,.14); transform:translateY(-1px); }
.chat_ratings_tab.active{ background:rgba(245,179,1,.16); color:#f5b301; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.chat_ratings_tab_zone{ animation:chatRatingsFade .16s ease; }
@keyframes chatRatingsFade{ from{ opacity:.55; transform:translateY(4px); } to{ opacity:1; transform:translateY(0); } }
.chat_ratings_info{ padding:12px; line-height:1.4; }
.chat_ratings_stats{ gap:8px; margin-bottom:10px; }
.chat_ratings_stat{ padding:11px 8px; }
.chat_ratings_stat b{ font-size:20px; color:#f5b301; }
.chat_ratings_form{ padding:12px; }
.chat_rating_textarea{ min-height:82px; resize:vertical; }
.chat_rating_picker{ font-size:25px; gap:6px; }
.chat_ratings_section_title{ margin:0 0 8px; }
.chat_rating_card{ padding:10px; margin-bottom:8px; }
.chat_rating_avatar img{ width:38px; height:38px; }
.chat_rating_comment{ margin-top:8px; font-size:13px; line-height:1.4; }
@media screen and (max-width:420px){
	.chat_ratings_tabs{ overflow-x:auto; justify-content:flex-start; }
	.chat_ratings_tab{ flex:0 0 auto; padding:9px 10px; }
}

.daily_login_calendar_modal { max-height: 74vh; overflow-y: auto; }
.daily_login_summary { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-bottom:14px; }
.daily_login_stat { text-align:center; border-radius:16px; padding:12px 8px; background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.06); }
.daily_login_stat_num { font-size:24px; line-height:1; font-weight:800; }
.daily_login_stat_text { margin-top:5px; font-size:11px; text-transform:uppercase; letter-spacing:.6px; opacity:.7; }
.daily_login_calendar { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
.daily_login_day { min-height:154px; border-radius:16px; padding:10px; background:rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.06); position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.daily_login_day:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.18); }
.daily_login_day_top { display:flex; align-items:center; justify-content:space-between; gap:6px; font-weight:800; font-size:12px; margin-bottom:2px; position:relative; z-index:2; }
.daily_login_day_mark { width:24px; height:24px; min-width:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.20); }
.daily_login_day_art { width:74px; height:74px; margin:0 auto 4px; display:flex; align-items:center; justify-content:center; position:relative; }
.daily_login_day_art img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 7px 10px rgba(0,0,0,.24)); }
.daily_login_day_reward { min-height:34px; display:flex; flex-direction:column; justify-content:center; text-align:center; font-size:12px; line-height:1.35; opacity:.94; position:relative; z-index:2; }
.daily_login_claimed { background:linear-gradient(135deg, rgba(67,183,0,.18), rgba(67,183,0,.06)); border-color:rgba(67,183,0,.28); }
.daily_login_claimed .daily_login_day_mark { background:#43b700; color:#fff; }
.daily_login_claimed .daily_login_day_art img { filter:drop-shadow(0 7px 10px rgba(0,0,0,.20)) saturate(.82); }
.daily_login_ready { background:linear-gradient(135deg, rgba(255,98,77,.22), rgba(255,98,77,.06)); border-color:rgba(255,98,77,.32); box-shadow:0 0 0 1px rgba(255,98,77,.12) inset; }
.daily_login_ready .daily_login_day_mark { color:#fff; background:var(--main-color, #ff624d); }
.daily_login_ready .daily_login_day_art { animation:dailyRewardReadyPulse 1.7s ease-in-out infinite; }
.daily_login_ready .daily_login_day_art img { filter:drop-shadow(0 0 12px rgba(255,98,77,.42)) drop-shadow(0 8px 10px rgba(0,0,0,.24)); }
.daily_login_future { opacity:.82; }
.daily_login_future .daily_login_day_mark { opacity:.45; }
.daily_login_future .daily_login_day_art img { opacity:.78; filter:drop-shadow(0 6px 9px rgba(0,0,0,.20)) saturate(.74); }
@keyframes dailyRewardReadyPulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.07);} }
.daily_gold { color:#e9ae22; font-weight:700; }
.daily_ruby { color:#d85aff; font-weight:700; }
@media screen and (max-width:480px){
	.daily_login_summary { grid-template-columns:1fr; }
	.daily_login_calendar { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
	.daily_login_day { min-height:146px; padding:9px; }
	.daily_login_day_art { width:68px; height:68px; }
	.daily_login_day_reward { font-size:11px; min-height:32px; }
}

.uw_mention_box {
	position: absolute;
	z-index: 99999;
	max-height: 255px;
	overflow-y: auto;
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(0,0,0,.22);
	padding: 6px;
}
.uw_mention_box.hidden {
	display: none;
}
.uw_mention_item {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px;
	border-radius: 10px;
	cursor: pointer;
}
.uw_mention_item:hover,
.uw_mention_item.active {
	background: rgba(120,120,120,.16);
}
.uw_mention_avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 34px;
}
.uw_mention_text {
	min-width: 0;
	line-height: 1.1;
}
.uw_mention_text span {
	display: block;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.uw_mention_text small {
	display: block;
	opacity: .65;
	font-size: 11px;
	margin-top: 3px;
}

.news_pinned {
	position: relative;
}
.news_pin_label {
	margin-top: 2px;
	font-weight: 700;
}
.news_pin_label i {
	margin-right: 4px;
}

.anonymous_room_tag { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; font-size:11px; }
.anonymous_chat_avatar, .anonymous_user_item { cursor:default !important; }
.anonymous_chat_avatar img, .anonymous_user_item img { filter:grayscale(0.15); }
.admin_room_badge { display:inline-flex; align-items:center; gap:4px; margin-left:6px; padding:1px 6px; border-radius:10px; font-size:10px; font-weight:normal; }

.welcome_guide_box { overflow:hidden; border-radius:16px; cursor:default; }
.welcome_guide_head { display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid rgba(120,120,120,.16); }
.welcome_guide_badge { flex:0 0 44px; width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:20px; background:rgba(120,120,120,.14); }
.welcome_guide_head_text { flex:1; min-width:0; }
.welcome_guide_title { font-size:18px; font-weight:800; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.welcome_guide_progress { height:4px; width:100%; background:rgba(120,120,120,.14); }
.welcome_guide_progress_fill { height:100%; width:0; transition:width .2s ease; background:var(--main-color, #38bdf8); }
.welcome_guide_steps { padding:20px 18px 8px; min-height:360px; }
.welcome_guide_step { text-align:center; }
.welcome_guide_icon { width:68px; height:68px; margin:0 auto 10px; border-radius:22px; display:flex; align-items:center; justify-content:center; font-size:30px; background:linear-gradient(135deg, rgba(120,120,120,.18), rgba(120,120,120,.06)); }
.welcome_guide_step_count { display:inline-block; padding:4px 10px; border-radius:20px; font-size:11px; font-weight:700; background:rgba(120,120,120,.12); margin-bottom:8px; }
.welcome_guide_step h3 { margin:0 0 8px; font-size:20px; }
.welcome_guide_text { margin:0 auto 14px; max-width:470px; line-height:1.45; }
.welcome_guide_list { display:grid; gap:8px; text-align:left; }
.welcome_guide_item { display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-radius:12px; background:rgba(120,120,120,.08); }
.welcome_guide_item i { flex:0 0 auto; margin-top:2px; color:var(--main-color, #38bdf8); }
.welcome_guide_item span { line-height:1.35; }
.welcome_guide_actions { display:grid; grid-template-columns:1fr; gap:9px; padding:14px 18px 18px; border-top:1px solid rgba(120,120,120,.12); }
.welcome_guide_nav_buttons { display:grid; grid-template-columns:1fr 1fr; gap:9px; width:100%; }
.welcome_guide_actions button { width:100%; min-height:42px !important; height:42px !important; padding:0 14px !important; border-radius:10px !important; font-size:14px !important; font-weight:700 !important; line-height:42px !important; text-align:center !important; }
.welcome_guide_actions .welcome_finish_btn { grid-column:2; }
.welcome_skip_btn { background:rgba(120,120,120,.12) !important; border:1px solid rgba(120,120,120,.18) !important; color:inherit !important; }
.welcome_back_btn:disabled { opacity:.45; cursor:not-allowed; }
@media screen and (max-width:480px){
	.welcome_guide_head { padding:14px 14px; }
	.welcome_guide_steps { min-height:390px; padding:18px 14px 8px; }
	.welcome_guide_actions { padding:12px 14px 16px; }
	.welcome_guide_actions button { min-height:40px !important; height:40px !important; line-height:40px !important; font-size:13px !important; }
}

.login_referral_wrap{ padding-bottom:8px !important; }
.login_referral_toggle{ min-height:38px !important; height:38px !important; padding:0 12px !important; border-radius:10px !important; font-size:13px !important; font-weight:700; text-transform:none !important; letter-spacing:0 !important; display:flex; align-items:center; justify-content:center; gap:7px; }
.login_referral_input{ height:38px !important; border-radius:10px !important; text-align:center; font-weight:700; letter-spacing:.04em; }
#referral_code_holder{ margin-top:8px !important; }

.post_video video,
.post_audio audio,
.pm_media_tile video,
.pm_media_tile audio,
.admin_media_preview video,
.admin_media_preview iframe,
.boom_embed_video iframe,
.boom_embed_video video {
	max-width: 100%;
	height: auto;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

:root {
	--smooth-radius-xs: 8px;
	--smooth-radius-sm: 12px;
	--smooth-radius-md: 16px;
	--smooth-radius-lg: 22px;
	--smooth-shadow-soft: 0 8px 22px rgba(0,0,0,.12);
	--smooth-shadow-card: 0 12px 34px rgba(0,0,0,.16);
	--smooth-border: rgba(148,163,184,.18);
	--smooth-surface: rgba(148,163,184,.08);
	--smooth-surface-hover: rgba(148,163,184,.14);
	--smooth-accent: var(--main-color, #38bdf8);
}
html { scroll-behavior:smooth; }
body { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
::selection { background:rgba(56,189,248,.28); color:inherit; }

a,
button,
.button,
.tbutton,
.small_button,
.reg_button,
.mod_button,
.modr_button,
.thin_button,
.large_button,
.card_button,
.main_post_item,
.user_item,
.ulist_item,
.sub_list_item,
.submenu_item,
.fmenu_item,
.modal_menu_item,
.tab_menu_item,
.action_item,
.pm_forward_row,
.pm_media_tile {
	transition:background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease, opacity .16s ease;
}

.button,
.tbutton,
.small_button,
.reg_button,
.mod_button,
.modr_button,
.thin_button,
.large_button,
.large_button_rounded,
.small_button_rounded,
.card_button,
.panel_full_btn,
.pagload,
.paglist,
.pagarrow {
	border-radius:var(--smooth-radius-sm) !important;
	box-shadow:0 4px 12px rgba(0,0,0,.10);
	font-weight:700;
	letter-spacing:.01em;
}
.button:hover,
.tbutton:hover,
.small_button:hover,
.reg_button:hover,
.mod_button:hover,
.modr_button:hover,
.thin_button:hover,
.large_button:hover,
.card_button:hover,
.panel_full_btn:hover,
.pagload:hover,
.paglist:hover,
.pagarrow:hover {
	transform:translateY(-1px);
	box-shadow:0 8px 18px rgba(0,0,0,.16);
}
.button:active,
.tbutton:active,
.small_button:active,
.reg_button:active,
.mod_button:active,
.modr_button:active,
.thin_button:active,
.large_button:active,
.card_button:active,
.panel_full_btn:active {
	transform:translateY(0) scale(.985);
}

input,
textarea,
select,
.selectboxit-container .selectboxit,
.input_wrap,
.post_input_container {
	border-radius:var(--smooth-radius-sm) !important;
}
input:focus,
textarea:focus,
select:focus,
.post_input_container:focus-within,
.input_wrap:focus-within {
	box-shadow:0 0 0 3px rgba(56,189,248,.14) !important;
	border-color:rgba(56,189,248,.45) !important;
}

.page_element,
.back_box,
.back_modal,
.back_quote,
.pboxed,
.float_menu,
.sub_menu,
.fmenu,
.page_menu_wrapper,
.chat_side_panel,
#private_box,
#side_menu,
.room_listing,
.reply_item,
.switch_item,
.listing_element,
.listing_half_element,
.setting_element,
.tab_menu,
.panel_bar_item {
	border-radius:var(--smooth-radius-md) !important;
	border-color:var(--smooth-border) !important;
	box-shadow:var(--smooth-shadow-soft);
}
.page_element:hover,
.back_box:hover,
.pboxed:hover,
.room_listing:hover,
.switch_item:hover,
.reply_item:hover {
	box-shadow:var(--smooth-shadow-card);
}

.modal_in,
.small_modal_in,
.large_modal_in,
.over_modal_in,
.over_emodal_in {
	border-radius:var(--smooth-radius-lg) !important;
	overflow:hidden;
	box-shadow:0 24px 70px rgba(0,0,0,.34) !important;
	animation:smoothModalIn .18s ease-out both;
}
.modal_top,
.pro_top {
	border-radius:var(--smooth-radius-lg) var(--smooth-radius-lg) 0 0 !important;
}
@keyframes smoothModalIn {
	from { opacity:0; transform:translateY(8px) scale(.985); }
	to { opacity:1; transform:translateY(0) scale(1); }
}

.user_item,
.ulist_item,
.sub_list_item,
.fmenu_item,
.submenu_item,
.modal_menu_item,
.tab_menu_item,
.action_item,
.avitem {
	border-radius:var(--smooth-radius-sm) !important;
}
.user_item:hover,
.ulist_item:hover,
.sub_list_item:hover,
.fmenu_item:hover,
.submenu_item:hover,
.modal_menu_item:hover,
.tab_menu_item:hover,
.action_item:hover,
.avitem:hover {
	background:var(--smooth-surface-hover) !important;
	transform:translateX(2px);
}
.user_item_avatar .acav,
.ulist_avatar img,
.sub_list_avatar img,
.cavatar,
.reply_avatar img {
	box-shadow:0 3px 10px rgba(0,0,0,.18);
	border:2px solid rgba(255,255,255,.08);
}
.list_status {
	box-shadow:0 0 0 2px rgba(0,0,0,.22);
}

.ch_logs,
.other_logs,
.sys_log {
	border-radius:var(--smooth-radius-sm);
	margin:2px 6px;
	width:calc(100% - 12px);
}
.ch_logs:hover {
	background:var(--smooth-surface) !important;
}
.chat_message,
.post_content {
	line-height:1.48em;
}
.chat_image,
.sticker_chat,
.custom_chat {
	border-radius:var(--smooth-radius-sm) !important;
	box-shadow:0 6px 18px rgba(0,0,0,.14);
}

.username {
	border-radius:6px;
}

.private_avatar { width:54px; }
.avatar_private { width:44px; height:44px; border-radius:50%; }
#private_av_wrap { width:40px; }
#private_av { width:40px; height:40px; }

#message_form,
.main_post_control {
	border-radius:var(--smooth-radius-md);
}
.main_post_item {
	border-radius:var(--smooth-radius-sm);
}
.main_post_item:hover {
	background:var(--smooth-surface-hover);
	transform:translateY(-1px);
}

.profile_rating_box,
.profile_locked_card,
.relationship_type_row,
.relationship_manage_item,
.profile_relation_card,
.proitem,
.info_item,
.profile_color_preview,
.pm_forward_box,
.pm_media_box,
.welcome_guide_box {
	border-radius:var(--smooth-radius-md) !important;
	box-shadow:0 10px 26px rgba(0,0,0,.12);
}
.proitem:hover,
.info_item:hover,
.relationship_manage_item:hover,
.profile_relation_card:hover {
	background:var(--smooth-surface) !important;
}

.pm_media_box {
	padding:12px !important;
}
.pm_media_grid {
	gap:8px !important;
	padding:2px 4px 2px 2px;
}
.pm_media_tile {
	border-radius:14px !important;
	box-shadow:0 8px 20px rgba(0,0,0,.16);
	border:1px solid rgba(255,255,255,.09) !important;
}
.pm_media_tile::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.22));
	pointer-events:none;
	opacity:.65;
}
.pm_media_tile:hover {
	transform:translateY(-2px) scale(1.015);
	box-shadow:0 12px 26px rgba(0,0,0,.24);
}
.pm_media_type_icon {
	z-index:2;
	box-shadow:0 8px 20px rgba(0,0,0,.24);
}

.pm_forward_row {
	border:1px solid transparent;
}
.pm_forward_row:hover {
	background:var(--smooth-surface-hover) !important;
	border-color:var(--smooth-border);
	transform:translateY(-1px);
}
.pm_forward_pick input {
	accent-color:var(--smooth-accent);
}

.welcome_guide_head {
	background:linear-gradient(135deg, rgba(56,189,248,.12), rgba(168,85,247,.10));
}
.welcome_guide_icon,
.welcome_guide_badge {
	box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.12);
}
.welcome_guide_item {
	border:1px solid rgba(148,163,184,.14);
}

.login_referral_toggle,
.login_referral_input,
#referral_code_holder input,
.reg_menu_item {
	border-radius:var(--smooth-radius-sm) !important;
}
.reg_menu_item:hover {
	background:var(--smooth-surface-hover) !important;
}

* {
	scrollbar-width:thin;
	scrollbar-color:rgba(148,163,184,.45) transparent;
}
*::-webkit-scrollbar { width:8px; height:8px; }
*::-webkit-scrollbar-track { background:transparent; }
*::-webkit-scrollbar-thumb { background:rgba(148,163,184,.38); border-radius:20px; border:2px solid transparent; background-clip:padding-box; }
*::-webkit-scrollbar-thumb:hover { background:rgba(148,163,184,.58); border:2px solid transparent; background-clip:padding-box; }

.post_video video,
.post_audio audio,
.pm_media_tile video,
.pm_media_tile audio,
.admin_media_preview video,
.admin_media_preview iframe,
.boom_embed_video iframe,
.boom_embed_video video,
iframe[src*="youtube"],
iframe[src*="spotify"] {
	border-radius:var(--smooth-radius-sm) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.16);
}

@media screen and (max-width:700px) {
	.page_element { padding:14px !important; }
	.ch_logs,
	.other_logs,
	.sys_log { margin-left:4px; margin-right:4px; width:calc(100% - 8px); }
	.button,
	.tbutton,
	.small_button,
	.reg_button,
	.mod_button,
	.modr_button,
	.thin_button,
	.card_button { min-height:38px; }
}

@media (prefers-reduced-motion: reduce) {
	a,
	button,
	.button,
	.tbutton,
	.small_button,
	.reg_button,
	.mod_button,
	.modr_button,
	.thin_button,
	.large_button,
	.card_button,
	.user_item,
	.ulist_item,
	.sub_list_item,
	.submenu_item,
	.fmenu_item,
	.modal_menu_item,
	.tab_menu_item,
	.action_item,
	.ppitem,
	.pm_forward_row,
	.pm_media_tile,
	.modal_in,
	.small_modal_in,
	.large_modal_in,
	.over_modal_in,
	.over_emodal_in {
		transition:none !important;
		animation:none !important;
	}
}

#priv_input.input_wrap:focus-within,
#private_input:focus-within,
#message_form:focus-within,
#private_input_box:focus-within,
#message_content:focus,
#message_content:active {
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline:none !important;
}
#message_content:focus {
	border-color:transparent !important;
}

#container_input:focus-within,
#main_input:focus-within,
#main_input_box:focus-within,
.chat_input_container:focus-within,
#content:focus,
#content:active {
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline:none !important;
	filter:none !important;
}
#content:focus,
#content:active {
	border-color:transparent !important;
}

#top_chat_container:focus,
#top_chat_container:active,
#top_chat_container:focus-within,
#top_chat_container.input_wrap:focus-within,
#top_chat_container.back_input:focus-within,
#top_chat_container .input_table:focus-within,
#top_chat_container .td_input:focus-within,
#container_input:focus,
#container_input:active,
#container_input:focus-within,
#main_input:focus,
#main_input:active,
#main_input:focus-within,
#main_input_box:focus,
#main_input_box:active,
#main_input_box:focus-within,
#inputt_right:focus,
#inputt_right:active,
#inputt_right:focus-within,
#content:focus,
#content:active,
#content:focus-visible,
#content:focus-within {
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline:none !important;
	filter:none !important;
	text-shadow:none !important;
}
#top_chat_container:focus-within,
#top_chat_container.input_wrap:focus-within,
#top_chat_container.back_input:focus-within,
#content:focus,
#content:active,
#content:focus-visible {
	border-color:transparent !important;
}
#submit_button:focus,
#submit_button:active,
#emo_item:focus,
#emo_item:active,
#ok_sub_item:focus,
#ok_sub_item:active {
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline:none !important;
	filter:none !important;
}

.chat_message .my_notice {
	display:inline !important;
	padding:0 4px !important;
	margin:0 !important;
	line-height:inherit !important;
	border-radius:4px !important;
	vertical-align:baseline !important;
	font-weight:inherit !important;
	text-align:inherit !important;
	box-shadow:none !important;
}

.custom_sound_modal{padding-bottom:14px;}
.custom_sound_section{margin-top:0;padding-top:0;}
.custom_sound_section+.custom_sound_section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(127,127,127,.18);}
.custom_sound_section_head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.custom_sound_pref_table{overflow:hidden;border:1px solid rgba(127,127,127,.18);border-radius:12px;}
.custom_sound_pref_header,.custom_sound_pref_row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(210px,1fr) 72px;align-items:center;gap:12px;}
.custom_sound_pref_header{padding:8px 12px;background:rgba(127,127,127,.08);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.72;}
.custom_sound_pref_header span:last-child{text-align:center;}
.custom_sound_pref_row{min-height:66px;padding:9px 12px;border-top:1px solid rgba(127,127,127,.14);transition:background-color .18s ease;}
.custom_sound_pref_row:first-of-type{border-top:0;}
.custom_sound_pref_row:hover{background:rgba(127,127,127,.055);}
.custom_sound_pref_event{display:flex;align-items:center;gap:10px;min-width:0;}
.custom_sound_pref_icon{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:11px;background:rgba(127,127,127,.11);font-size:14px;}
.custom_sound_pref_copy{min-width:0;}
.custom_sound_pref_copy p{margin:0;}
.custom_sound_pref_copy .sub_text{margin-top:2px;line-height:1.35;}
.custom_sound_pref_choice{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:7px;min-width:0;}
.custom_sound_pref_choice select{width:100%;min-width:0;}
.custom_sound_pref_choice.custom_sound_system_only{display:flex;min-height:38px;align-items:center;}
.custom_sound_slot_preview{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;border-radius:10px;}
.custom_sound_slot_preview.is_playing{box-shadow:0 0 0 3px rgba(127,127,127,.16);}
.custom_sound_pref_switch{display:flex;align-items:center;justify-content:center;}
.custom_sound_unique_note{display:flex;align-items:flex-start;gap:6px;margin-top:9px;line-height:1.45;}
.custom_sound_slot_reset{animation:customSoundReset .75s ease;}
@keyframes customSoundReset{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 3px rgba(226,91,91,.22)}}
.custom_sound_library_header{display:grid;grid-template-columns:48px minmax(0,1fr) 92px;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(127,127,127,.18);border-bottom:0;border-radius:12px 12px 0 0;background:rgba(127,127,127,.08);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.72;}
.custom_sound_library_header span:first-child{text-align:center;}
.custom_sound_library_header span:last-child{text-align:right;}
.custom_sound_grid{display:flex;flex-direction:column;gap:0;overflow:hidden;border-radius:0 0 12px 12px;}
.custom_sound_card{display:grid;grid-template-columns:48px minmax(0,1fr) 92px;align-items:center;gap:10px;min-width:0;padding:9px 10px;border-radius:0!important;border-bottom:0!important;}
.custom_sound_card:last-child{border-radius:0 0 12px 12px!important;}
.custom_sound_play,.custom_sound_admin_play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:11px;font-size:15px;transition:transform .18s ease,box-shadow .18s ease;}
.custom_sound_play:hover,.custom_sound_admin_play:hover{transform:scale(1.04);}
.custom_sound_play.is_playing,.custom_sound_admin_play.is_playing,.custom_sound_edit_play.is_playing{box-shadow:0 0 0 3px rgba(127,127,127,.16);}
.custom_sound_card_text{min-width:0;}
.custom_sound_price{min-height:20px;display:flex;align-items:center;font-size:12px;}
.custom_sound_card_action{display:flex;align-items:center;justify-content:flex-end;min-width:74px;}
.custom_sound_owned{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;}
.custom_sound_admin_thumb{display:flex;align-items:center;justify-content:center;overflow:visible;}
.custom_sound_admin_play{width:40px;height:40px;min-width:40px;padding:0;}
.custom_sound_edit_preview{display:flex;justify-content:center;padding:6px 0 16px;}
.custom_sound_edit_play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;}
@media screen and (max-width:640px){
	.custom_sound_pref_header{display:none;}
	.custom_sound_pref_row{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;min-height:0;padding:12px;}
	.custom_sound_pref_event{grid-column:1/2;}
	.custom_sound_pref_switch{grid-column:2/3;grid-row:1/2;align-self:center;}
	.custom_sound_pref_choice{grid-column:1/3;grid-row:2/3;grid-template-columns:minmax(0,1fr) 42px;}
	.custom_sound_slot_preview{width:42px;height:42px;min-width:42px;}
	.custom_sound_pref_icon{width:40px;height:40px;min-width:40px;}
	.custom_sound_library_header{display:none;}
	.custom_sound_grid{border-radius:12px;}
	.custom_sound_card{grid-template-columns:46px minmax(0,1fr) auto;padding:10px;border-bottom:1px solid rgba(127,127,127,.14)!important;}
	.custom_sound_card:first-child{border-radius:12px 12px 0 0!important;}
	.custom_sound_card:last-child{border-radius:0 0 12px 12px!important;border-bottom:0!important;}
	.custom_sound_play{width:42px;height:42px;min-width:42px;}
	.custom_sound_card_action .small_button{min-height:40px;padding-left:12px;padding-right:12px;}
}

.profile_friend_sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.profile_friend_section_btn{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:12px 13px;border:1px solid transparent;border-radius:12px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.profile_friend_section_btn:hover{transform:translateY(-1px)}
.profile_friend_section_btn.is_active{border-color:rgba(127,127,127,.28);background:rgba(127,127,127,.12)}
.profile_friend_section_icon{display:grid;place-items:center;width:39px;height:39px;min-width:39px;border-radius:11px;background:rgba(127,127,127,.12);font-size:15px}
.profile_friend_section_copy{display:flex;flex-direction:column;min-width:0}
.profile_friend_section_count{font-size:18px;line-height:1;font-weight:800}
.profile_friend_section_label{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;opacity:.72}
.profile_friend_view .user_square_elem,.mutual_friend_grid .user_square_elem{margin-bottom:8px}
.mutual_friend_summary{margin:0 0 14px;padding:12px 14px;border-radius:12px}
.mutual_friend_summary_icon{width:42px;padding-right:10px;font-size:19px;text-align:center;opacity:.82}
@media screen and (max-width:640px){
	.profile_friend_sections{gap:8px;margin-bottom:12px}
	.profile_friend_section_btn{gap:9px;padding:10px}
	.profile_friend_section_icon{width:35px;height:35px;min-width:35px;border-radius:10px}
	.profile_friend_section_count{font-size:16px}
	.profile_friend_view .user_square_elem,.mutual_friend_grid .user_square_elem{width:calc(33.333% - 8px)}
	.mutual_friend_summary{padding:11px 12px}
}

.restriction_appeal { text-align:left; padding:14px; border-radius:12px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
.restriction_appeal_head { display:flex; align-items:center; gap:11px; margin-bottom:10px; }
.restriction_appeal_icon { flex:0 0 38px; width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); color:var(--theme_color, currentColor); font-size:17px; }
.restriction_appeal_title { min-width:0; flex:1; }
.appeal_textarea { min-height:122px; line-height:1.45; resize:vertical; }
.appeal_meta { display:flex; justify-content:space-between; gap:10px; padding-top:7px; font-size:11px; opacity:.65; }
.full_button { width:100%; }
.appeal_status_card { display:flex; gap:11px; align-items:flex-start; padding:13px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.appeal_status_icon { flex:0 0 34px; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); }
.appeal_status_body { min-width:0; flex:1; }
.appeal_status_line { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:5px; }
.appeal_review_note { margin-top:9px; padding-top:9px; border-top:1px solid rgba(255,255,255,.08); overflow-wrap:anywhere; }
.appeal_pending .appeal_status_icon { color:#f0b94a; }
.appeal_approved .appeal_status_icon { color:#42c98b; }
.appeal_rejected .appeal_status_icon { color:#ef6b73; }
.appeal_closed .appeal_status_icon { opacity:.7; }
.appeal_menu_section + .appeal_menu_section { border-top:1px solid rgba(255,255,255,.08); }
.appeal_menu_label { display:flex; align-items:center; gap:8px; padding:10px 12px 7px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; opacity:.72; }
.appeal_menu_label i { width:16px; text-align:center; }
.appeal_menu_count { margin-left:auto; min-width:21px; height:21px; padding:0 6px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.09); font-size:10px; }
.appeal_notify_avatar { position:relative; }
.appeal_type_badge { position:absolute; right:-2px; bottom:-2px; width:19px; height:19px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--theme_color, #6f66ff); color:#fff; border:2px solid rgba(15,15,18,.92); font-size:8px; }
.appeal_notify_preview { line-height:1.35; overflow-wrap:anywhere; }
.appeal_review_modal .report_user { align-items:center; }
.appeal_active_state { margin-left:auto; padding:5px 9px; border-radius:12px; font-size:10px; font-weight:700; text-transform:uppercase; }
.appeal_active_state.active { color:#42c98b; background:rgba(66,201,139,.12); }
.appeal_active_state.ended { color:#999; background:rgba(255,255,255,.07); }
.appeal_review_grid { display:grid; gap:10px; margin:12px 0 4px; }
.appeal_review_block { padding:12px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); overflow-wrap:anywhere; }
.appeal_user_statement { border-left:3px solid var(--theme_color, #6f66ff); }
.appeal_review_block .sub_text { margin-bottom:6px; }
.appeal_review_controls { display:flex; flex-wrap:wrap; gap:7px; }
@media screen and (max-width:520px){
	.out_page_box { width:min(94%, 520px); }
	.restriction_appeal { padding:12px; }
	.appeal_textarea { min-height:138px; font-size:14px; }
	.appeal_status_line { align-items:flex-start; flex-direction:column; gap:2px; }
	.appeal_review_controls .reg_button { min-height:44px; flex:1 1 calc(50% - 7px); }
}

.appeal_out_page { min-height:100%; height:auto; padding:20px 0; box-sizing:border-box; }
.appeal_out_page .out_page_content { vertical-align:middle; }

.move_user_head .modal_user_name { padding-left:10px; }
.move_user_modal { padding-top:12px; }
.move_room_target { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:11px; padding:11px; border-radius:12px; }
.move_room_target_icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:11px; background:color-mix(in srgb, var(--theme_color, #6f66ff) 14%, transparent); color:var(--theme_color, #6f66ff); font-size:18px; }
.move_room_target_data { min-width:0; }
.move_room_target_data .label { display:block; margin:0 0 5px; }
.move_room_target_data select { width:100%; min-height:40px; }
.move_user_control { display:flex; justify-content:flex-end; }
.move_user_control .reg_button { min-width:150px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.global_notice_ack:disabled { opacity:.7; cursor:wait; }
@media screen and (max-width:520px){
	.move_room_target { grid-template-columns:40px minmax(0,1fr); padding:9px; }
	.move_room_target_icon { width:40px; height:40px; }
}

.security_country_picker { position:relative; width:100%; }
.security_country_toggle {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	min-height:42px;
	padding:0 13px;
	border:1px solid var(--smooth-border);
	border-radius:var(--smooth-radius-sm);
	background:var(--smooth-surface);
	color:inherit;
	font:inherit;
	text-align:start;
	cursor:pointer;
}
.security_country_toggle:hover,
.security_country_toggle.security_country_open {
	border-color:rgba(56,189,248,.42);
	background:var(--smooth-surface-hover);
}
.security_country_toggle > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.security_country_toggle > i { flex:0 0 auto; font-size:11px; opacity:.62; transition:transform .16s ease; }
.security_country_toggle.security_country_open > i { transform:rotate(180deg); }
.security_country_panel {
	position:absolute;
	z-index:120;
	inset-inline:0;
	top:calc(100% + 7px);
	padding:8px;
	border:1px solid var(--smooth-border);
	border-radius:var(--smooth-radius-sm);
	box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}
.security_country_search { position:relative; margin-bottom:7px; }
.security_country_search > i {
	position:absolute;
	z-index:1;
	inset-inline-start:12px;
	top:50%;
	transform:translateY(-50%);
	font-size:12px;
	opacity:.58;
	pointer-events:none;
}
.security_country_search input {
	height:40px;
	padding-inline-start:34px;
	padding-inline-end:12px;
}
.security_country_options {
	display:grid;
	gap:3px;
	max-height:min(310px, 45vh);
	overflow:auto;
	padding:1px;
}
.security_country_option {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	min-height:38px;
	padding:7px 10px;
	border:0;
	border-radius:9px;
	background:transparent;
	color:inherit;
	font:inherit;
	text-align:start;
	cursor:pointer;
}
.security_country_option:hover,
.security_country_option:focus,
.security_country_option.security_country_selected {
	outline:0;
	background:var(--smooth-surface-hover);
}
.security_country_option.security_country_selected { box-shadow:inset 3px 0 0 var(--smooth-accent); }
.security_country_option > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.security_country_option > small {
	flex:0 0 auto;
	min-width:28px;
	padding:3px 6px;
	border-radius:999px;
	background:var(--smooth-surface);
	font-size:10px;
	font-weight:800;
	text-align:center;
	opacity:.72;
}
.security_country_empty { min-height:54px; display:grid; place-items:center; font-size:12px; opacity:.62; }
@media screen and (max-width:520px) {
	.security_country_options { max-height:38vh; }
}

.chat_message .my_notice,
.chat_message .username_mention,
.username_mention {
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:2px 9px!important;
	margin:0 2px!important;
	min-height:22px!important;
	border:1px solid rgba(113,156,211,.30)!important;
	border-radius:999px!important;
	background:#315f8f!important;
	background-image:linear-gradient(120deg,#3d6f9f 0%,#315f8f 48%,#2c567f 100%)!important;
	background-size:160% 160%!important;
	background-position:35% 50%!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
	filter:none!important;
	color:#eef6ff!important;
	font-family:inherit!important;
	font-size:inherit!important;
	font-style:inherit!important;
	font-weight:650!important;
	line-height:1!important;
	letter-spacing:inherit!important;
	vertical-align:baseline!important;
	text-align:center!important;
	text-shadow:none!important;
	text-decoration:none!important;
	white-space:nowrap!important;
	cursor:default!important;
	transition:background-position .22s ease, background-color .22s ease, border-color .22s ease, transform .16s ease!important;
}
.chat_message .my_notice:hover,
.chat_message .username_mention:hover,
.username_mention:hover {
	background-color:#376996!important;
	background-position:75% 50%!important;
	border-color:rgba(130,171,220,.42)!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
	transform:translateY(-1px)!important;
}
.chat_message .my_notice:active,
.chat_message .username_mention:active,
.username_mention:active {
	transform:translateY(0) scale(.985)!important;
}
@media screen and (max-width:640px){
	.chat_message .my_notice,
	.chat_message .username_mention,
	.username_mention {
		padding:2px 8px!important;
		min-height:21px!important;
		font-size:inherit!important;
	}
}
@media (prefers-reduced-motion:reduce){
	.chat_message .my_notice,
	.chat_message .username_mention,
	.username_mention {
		transition:none!important;
	}
}

.fancybox-container .fancybox-bg {
	background:rgba(7,10,16,.94)!important;
	opacity:1!important;
}
.fancybox-container .fancybox-toolbar {
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
	top:16px!important;
	right:16px!important;
	opacity:1!important;
	visibility:visible!important;
}
.fancybox-container .fancybox-button {
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:48px!important;
	height:48px!important;
	padding:0!important;
	border-radius:16px!important;
	background:rgba(18,22,31,.86)!important;
	border:1px solid rgba(255,255,255,.1)!important;
	box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	color:#fff!important;
}
.fancybox-container .fancybox-button:hover {
	background:rgba(42,97,214,.92)!important;
	color:#fff!important;
}
.fancybox-container .fancybox-button[disabled],
.fancybox-container .fancybox-button[disabled]:hover {
	background:rgba(18,22,31,.45)!important;
	border-color:rgba(255,255,255,.06)!important;
	color:rgba(255,255,255,.38)!important;
	box-shadow:none!important;
}
.fancybox-container .fancybox-button svg {
	width:20px!important;
	height:20px!important;
}
.fancybox-container .fancybox-infobar {
	top:20px!important;
	left:18px!important;
	height:40px!important;
	line-height:40px!important;
	padding:0 14px!important;
	border-radius:999px!important;
	background:rgba(18,22,31,.8)!important;
	border:1px solid rgba(255,255,255,.1)!important;
	color:#fff!important;
	mix-blend-mode:normal!important;
}
.fancybox-container .fancybox-navigation .fancybox-button {
	width:58px!important;
	height:58px!important;
	padding:0!important;
	border-radius:18px!important;
	opacity:.96!important;
	background:rgba(18,22,31,.84)!important;
}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_left {
	left:14px!important;
	padding:0!important;
}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right {
	right:14px!important;
	padding:0!important;
}
.fancybox-container .fancybox-stage {
	overflow:hidden!important;
}
.fancybox-container .fancybox-slide--image {
	padding:86px 16px 24px!important;
}
.fancybox-container .fancybox-slide--image .fancybox-content {
	border-radius:18px!important;
	overflow:hidden!important;
	box-shadow:0 22px 50px rgba(0,0,0,.38)!important;
}
@media screen and (max-width:768px){
	.fancybox-container .fancybox-toolbar {
		top:max(12px, env(safe-area-inset-top))!important;
		right:max(12px, env(safe-area-inset-right))!important;
		gap:8px!important;
	}
	.fancybox-container .fancybox-button {
		width:44px!important;
		height:44px!important;
		border-radius:14px!important;
	}
	.fancybox-container .fancybox-button svg {
		width:18px!important;
		height:18px!important;
	}
	.fancybox-container .fancybox-infobar {
		top:max(12px, env(safe-area-inset-top))!important;
		left:max(12px, env(safe-area-inset-left))!important;
		font-size:12px!important;
	}
	.fancybox-container .fancybox-navigation .fancybox-button {
		width:50px!important;
		height:50px!important;
		border-radius:16px!important;
	}
	.fancybox-container .fancybox-navigation .fancybox-button--arrow_left {
		left:max(8px, env(safe-area-inset-left))!important;
	}
	.fancybox-container .fancybox-navigation .fancybox-button--arrow_right {
		right:max(8px, env(safe-area-inset-right))!important;
	}
	.fancybox-container .fancybox-slide--image {
		padding:78px 10px 18px!important;
	}
}

.pm_forwarded_block {
	display:block;
	max-width:100%;
	padding:7px 0 2px 9px;
	border-left:2px solid currentColor;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:hidden;
}
.pm_forwarded_label {
	display:flex;
	align-items:center;
	gap:5px;
	margin:0 0 6px;
	font-size:10.5px;
	font-weight:700;
	line-height:1.25;
	opacity:.66;
}
.pm_forwarded_label i {
	font-size:10px;
}
.pm_forwarded_content {
	display:block;
	max-width:100%;
	word-break:break-word;
	overflow-wrap:anywhere;
}
.pm_forwarded_content .chat_image {
	max-width:100%;
}

.boom-modal-live {
	will-change: opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.boom-modal-live .modal_in,
.boom-modal-live .small_modal_in,
.boom-modal-live .large_modal_in,
.boom-modal-live .over_modal_in,
.boom-modal-live .over_emodal_in {
	animation: none !important;
	will-change: transform, opacity;
	transform-origin: 50% 22%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
#chat_left.boom-panel-motion,
#chat_right.boom-panel-motion {
	will-change: transform, opacity, width;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	contain: paint;
}
#chat_left.boom-panel-motion > *,
#chat_right.boom-panel-motion > * {
	min-width: var(--boom-panel-width, 200px);
}
#chat_left_data,
#chat_right_data {
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#boom_async_loader {
	position: fixed;
	inset: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .14s linear, visibility 0s linear .14s;
}
#boom_async_loader.is-visible {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.boom_async_loader_card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 54px;
	height: 34px;
	border: 1px solid rgba(148,163,184,.18);
	border-radius: 17px;
	background: rgba(20,24,32,.78);
	box-shadow: 0 12px 34px rgba(0,0,0,.18);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transform: translate3d(0,5px,0) scale(.97);
	transition: transform .22s cubic-bezier(.16,1,.3,1);
	will-change: transform;
}
#boom_async_loader.is-visible .boom_async_loader_card {
	transform: translate3d(0,0,0) scale(1);
}
.boom_async_loader_card span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
	opacity: .32;
	animation: boomLoaderDot .9s ease-in-out infinite;
}
.boom_async_loader_card span:nth-child(2) { animation-delay: .11s; }
.boom_async_loader_card span:nth-child(3) { animation-delay: .22s; }
@keyframes boomLoaderDot {
	0%, 70%, 100% { transform: translate3d(0,0,0); opacity: .28; }
	35% { transform: translate3d(0,-3px,0); opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
	#boom_async_loader,
	.boom_async_loader_card,
	.boom_async_loader_card span {
		transition: none !important;
		animation: none !important;
	}
}

.friend_request_summary {
	display:flex;
	align-items:center;
	gap:10px;
	padding:8px 10px 10px;
	margin:0 0 6px;
	border-bottom:1px solid var(--smooth-border, rgba(148,163,184,.18));
}
.friend_request_summary_icon {
	width:30px;
	height:30px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--smooth-surface, rgba(148,163,184,.08));
	font-size:13px;
	flex:0 0 auto;
}
.friend_request_summary_text {
	display:flex;
	align-items:baseline;
	gap:6px;
	min-width:0;
	font-size:12px;
	opacity:.78;
}
.friend_request_summary_text strong {
	font-size:15px;
	opacity:1;
}
.friend_request_list {
	display:flex;
	flex-direction:column;
	gap:6px;
}
.friend_request_card {
	display:grid;
	grid-template-columns:40px minmax(0, 1fr) auto;
	align-items:center;
	gap:9px;
	min-height:56px;
	padding:8px;
	border:1px solid var(--smooth-border, rgba(148,163,184,.18));
	border-radius:13px;
	background:rgba(148,163,184,.045);
	transition:transform .16s ease, opacity .16s ease, max-height .18s ease, margin .18s ease, padding .18s ease, border-width .18s ease, background-color .16s ease;
	overflow:hidden;
	max-height:76px;
}
.friend_request_card:hover {
	transform:translateY(-1px);
	background:var(--smooth-surface-hover, rgba(148,163,184,.12));
}
.friend_request_avatar {
	position:relative;
	width:40px;
	height:40px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	border-radius:50%;
}
.friend_request_avatar > img:first-child {
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 3px 10px rgba(0,0,0,.16);
}
.friend_request_status {
	position:absolute;
	right:-1px;
	bottom:-1px;
	width:13px;
	height:13px;
	border-radius:50%;
	box-shadow:0 0 0 2px rgba(0,0,0,.25);
}
.friend_request_identity {
	min-width:0;
	cursor:pointer;
}
.friend_request_name {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:700;
	font-size:13px;
	line-height:1.25;
}
.friend_request_hint {
	margin-top:3px;
	font-size:11px;
	opacity:.58;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.friend_request_actions {
	display:flex;
	align-items:center;
	gap:5px;
}
.friend_request_action {
	width:32px;
	height:32px;
	border:0;
	border-radius:10px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:13px;
	transition:transform .14s ease, opacity .14s ease, background-color .14s ease, box-shadow .14s ease;
}
.friend_request_action:hover:not(:disabled) {
	transform:translateY(-1px);
}
.friend_request_accept {
	color:#16a34a;
	background:rgba(34,197,94,.13);
}
.friend_request_accept:hover:not(:disabled) {
	background:rgba(34,197,94,.20);
	box-shadow:0 5px 14px rgba(34,197,94,.13);
}
.friend_request_decline {
	color:#ef4444;
	background:rgba(239,68,68,.10);
}
.friend_request_decline:hover:not(:disabled) {
	background:rgba(239,68,68,.17);
}
.friend_request_action:disabled {
	cursor:default;
	opacity:.55;
}
.friend_request_busy {
	pointer-events:none;
	opacity:.72;
}
.friend_request_removing {
	transform:translateX(10px) scale(.985);
	opacity:0;
	max-height:0;
	min-height:0;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	border-width:0;
}
.friend_request_empty .empty_zone {
	padding-top:18px;
	padding-bottom:18px;
}
@media (prefers-reduced-motion: reduce) {
	.friend_request_card,
	.friend_request_action { transition:none !important; }
}

.boom-skeleton{padding:10px;overflow:hidden;box-sizing:border-box}.boom-sk-row,.boom-sk-card{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:9px;border-radius:10px;overflow:hidden}.boom-sk-card{display:block;padding:12px}.boom-sk-row:after,.boom-sk-card:after,.boom-sk-stats:after,.boom-sk-media:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:boomSkeletonSweep 1.25s infinite}.boom-sk-avatar,.boom-sk-line,.boom-sk-pill,.boom-sk-ranknum,.boom-sk-score,.boom-sk-media,.boom-sk-stats i,.boom-sk-tags i,.boom-sk-post-foot i{display:block;background:currentColor;opacity:.11}.boom-sk-avatar{width:44px;height:44px;border-radius:50%;flex:0 0 44px}.boom-sk-small-avatar{width:36px;height:36px;flex-basis:36px}.boom-sk-square{border-radius:10px;width:50px;height:50px;flex-basis:50px}.boom-sk-copy{display:block;flex:1;min-width:0}.boom-sk-line{height:10px;border-radius:999px;margin:4px 0}.boom-sk-small{height:8px;opacity:.075}.boom-sk-pill{width:48px;height:18px;border-radius:999px}.boom-sk-pill-short{width:30px}.boom-sk-dot{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.13}.boom-sk-tags{display:flex;gap:5px;margin-top:7px}.boom-sk-tags i{width:18px;height:14px;border-radius:4px}.boom-sk-ranknum{width:22px;height:22px;border-radius:7px}.boom-sk-score{width:45px;height:15px;border-radius:999px}.boom-sk-post-head{display:flex;gap:10px;align-items:center;margin-bottom:11px}.boom-sk-post-foot{display:flex;gap:12px;margin-top:13px}.boom-sk-post-foot i{width:42px;height:15px;border-radius:999px}.boom-sk-stats{position:relative;display:flex;gap:8px;padding:4px 9px 12px;overflow:hidden}.boom-sk-stats i{height:54px;flex:1;border-radius:10px}.boom-sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.boom-sk-media{position:relative;aspect-ratio:1;border-radius:10px;margin:0;overflow:hidden}.boom-sk-grid .boom-sk-media{width:100%}@keyframes boomSkeletonSweep{to{transform:translateX(110%)}}

#main_input_box,#private_input_box{position:relative}#content,#message_content{padding-right:88px!important}.boom-composer-meta{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;pointer-events:none;z-index:2}.boom-char-count{font-size:10px;line-height:1;color:inherit;opacity:.55;min-width:34px;text-align:right}.boom-char-count.near-limit{opacity:.9}.boom-char-count.at-limit{font-weight:800}.boom-cooldown-ring{--boom-ring-progress:0%;width:22px;height:22px;border-radius:50%;display:none;place-items:center;background:conic-gradient(currentColor var(--boom-ring-progress),rgba(127,127,127,.2) 0);position:relative;font-size:0}.boom-cooldown-ring.active{display:grid}.boom-cooldown-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--boom-input-bg,rgba(20,20,20,.92))}.boom-cooldown-ring:after{content:attr(data-label);position:relative;font-size:7px;font-weight:800}.boom-slow-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;background:rgba(219,140,22,.16);color:#d88912}.boom-slow-badge.hidden{display:none!important}#private_edit_remaining{font-weight:800}.boom-counter-wrap{position:relative}.boom-live-counter{position:absolute;right:8px;bottom:5px;font-size:10px;opacity:.55;pointer-events:none;padding:1px 4px;border-radius:5px;background:rgba(0,0,0,.08)}.boom-counter-wrap textarea,.boom-counter-wrap input{padding-right:48px!important}

.priv_mess{transition:transform .32s cubic-bezier(.22,.8,.25,1),opacity .22s ease,background-color .22s ease}.priv_mess.pm-row-moving{will-change:transform}.priv_mess.pm-row-enter{animation:boomPmEnter .28s ease}.pm_row_preview{font-size:10px;line-height:1.25;opacity:.62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px;margin-top:2px}.pm-row-sending .pm_row_preview{opacity:.8}.pm-row-failed .pm_row_preview{color:#d84c4c;opacity:1}.pm-row-sent .pm_row_preview{opacity:.72}.pm-row-typing-text{display:inline-flex;align-items:center;gap:2px}.pm-row-typing-text i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:boomTypingDot .9s infinite}.pm-row-typing-text i:nth-child(2){animation-delay:.12s}.pm-row-typing-text i:nth-child(3){animation-delay:.24s}.pm-unread-pulse{animation:boomUnreadPulse .55s ease}.private_count{transition:transform .2s ease}.pm_status_icon{margin-right:4px}.pm-row-failed{box-shadow:inset 3px 0 0 #d84c4c}@keyframes boomPmEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes boomUnreadPulse{50%{transform:scale(1.28);box-shadow:0 0 0 6px rgba(255,80,80,.12)}}@keyframes boomTypingDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-2px);opacity:1}}

.room_feature_badge{display:inline-flex;align-items:center;gap:4px;min-height:18px;padding:2px 6px!important;border-radius:999px!important;width:auto!important;font-size:9px;font-weight:700;white-space:nowrap}.room_feature_badge img{width:11px;height:11px}.anonymous_room_tag.room_feature_badge{background:rgba(105,88,225,.13)}.room_current_slow{background:rgba(219,140,22,.14);color:#d88912}
@media(max-width:600px){.boom-sk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pm_row_preview{max-width:150px}.boom-char-count{font-size:9px}#content,#message_content{padding-right:78px!important}}
@media(prefers-reduced-motion:reduce){.boom-sk-row:after,.boom-sk-card:after,.boom-sk-stats:after,.boom-sk-media:after,.pm-row-typing-text i,.pm-unread-pulse,.priv_mess.pm-row-enter{animation:none!important}.priv_mess{transition:none!important}}

.boom-request-loading{cursor:wait!important;pointer-events:none!important}
.boom-request-loading>.fa-solid.fa-spinner{display:inline-block;animation:boomRequestSpin .8s linear infinite}
@keyframes boomRequestSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.boom-request-loading>.fa-solid.fa-spinner{animation-duration:1.6s}}

#inside_wrap_chat,#inside_wrap_private{position:relative}.boom-jump-control{position:absolute;z-index:35;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:calc(100% - 28px);min-height:38px;padding:7px 13px;border:1px solid rgba(127,127,127,.2);border-radius:999px;background:var(--boom-jump-bg,rgba(20,20,24,.94));color:var(--boom-jump-color,#fff);box-shadow:0 7px 24px rgba(0,0,0,.2);font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;opacity:1;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.boom-jump-control:hover{box-shadow:0 9px 28px rgba(0,0,0,.28);transform:translate(-50%,-2px)}.boom-jump-control:focus-visible{outline:2px solid currentColor;outline-offset:3px}.boom-jump-control.hidden{display:none!important}.boom-jump-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px}.boom-jump-private{bottom:10px}.boom-jump-control .fa-arrow-down{font-size:10px;animation:boomJumpNudge 1.7s ease-in-out infinite}@keyframes boomJumpNudge{0%,55%,100%{transform:translateY(0)}70%{transform:translateY(2px)}}

.boom-toast-stack{
    position:fixed;
    z-index:2147483000;
    top:max(12px,env(safe-area-inset-top));
    inset-inline-end:max(12px,env(safe-area-inset-right));
    inset-inline-start:auto;
    display:flex;
    flex-direction:column;
    gap:8px;
    width:min(380px,calc(100vw - 24px));
    pointer-events:none;
    isolation:isolate;
    contain:layout style;
    font-family:inherit;
}
.boom-toast-stack[dir="rtl"]{
    inset-inline-end:max(12px,env(safe-area-inset-left));
}
.boom-toast{
    --boom-toast-duration:4000ms;
    --boom-toast-accent:#3b82f6;
    --boom-toast-accent-rgb:59,130,246;
    position:relative;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 30px;
    align-items:center;
    gap:11px;
    width:100%;
    min-height:64px;
    padding:11px 10px 12px 12px;
    overflow:hidden;
    border:1px solid rgba(127,127,127,.22);
    border-radius:14px;
    background:rgba(24,27,34,.96);
    color:inherit;
    box-sizing:border-box;
    box-shadow:0 12px 30px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12);
    pointer-events:auto;
    font-family:inherit;
    transform-origin:top right;
    backdrop-filter:blur(12px) saturate(120%);
    -webkit-backdrop-filter:blur(12px) saturate(120%);
    animation:boomToastIn .24s cubic-bezier(.2,.8,.25,1) both;
}
.boom-toast-stack[dir="rtl"] .boom-toast{transform-origin:top left}
.boom-toast.back_box{
    border-width:1px;
    border-style:solid;
    box-shadow:0 12px 30px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12);
}
.boom-toast::before{
    content:"";
    position:absolute;
    inset-block:0;
    inset-inline-start:0;
    width:3px;
    background:var(--boom-toast-accent);
}
.boom-toast-success{--boom-toast-accent:#22c55e;--boom-toast-accent-rgb:34,197,94}
.boom-toast-warning{--boom-toast-accent:#f59e0b;--boom-toast-accent-rgb:245,158,11}
.boom-toast-error{--boom-toast-accent:#ef4444;--boom-toast-accent-rgb:239,68,68}
.boom-toast-info{--boom-toast-accent:#3b82f6;--boom-toast-accent-rgb:59,130,246}
.boom-toast-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:rgba(var(--boom-toast-accent-rgb),.13);
    color:var(--boom-toast-accent);
}
.boom-toast-icon i{
    color:var(--boom-toast-accent)!important;
    font-size:16px;
}
.boom-toast-body{
    position:relative;
    z-index:1;
    min-width:0;
    padding:1px 0;
}
.boom-toast-meta{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    margin-bottom:2px;
}
.boom-toast-title{
    min-width:0;
    overflow:hidden;
    color:inherit;
    font-size:13px;
    line-height:1.25;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.boom-toast-message{
    display:-webkit-box;
    width:100%;
    min-width:0;
    overflow:hidden;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:inherit;
    font-family:inherit;
    font-size:13.25px;
    line-height:1.42;
    font-weight:500;
    opacity:.76;
    white-space:normal;
}
.boom-toast-repeat{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:20px;
    height:17px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(var(--boom-toast-accent-rgb),.14);
    color:var(--boom-toast-accent);
    font-size:9px;
    line-height:1;
    font-weight:800;
    box-sizing:border-box;
}
.boom-toast-action{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    margin-top:7px;
    padding:4px 8px;
    border:1px solid rgba(var(--boom-toast-accent-rgb),.25);
    border-radius:8px;
    background:rgba(var(--boom-toast-accent-rgb),.09);
    color:var(--boom-toast-accent);
    font:inherit;
    font-size:10.5px;
    line-height:1;
    font-weight:750;
    cursor:pointer;
    transition:background-color .15s ease,border-color .15s ease;
}
.boom-toast-action:hover,
.boom-toast-action:focus-visible{
    border-color:rgba(var(--boom-toast-accent-rgb),.46);
    background:rgba(var(--boom-toast-accent-rgb),.16);
    outline:0;
}
.boom-toast-action i{color:inherit!important;font-size:9px}
.boom-toast-stack[dir="rtl"] .boom-toast-action i{transform:rotate(180deg)}
.boom-toast-close{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    color:inherit;
    font:inherit;
    font-size:13px;
    opacity:.5;
    cursor:pointer;
    transition:opacity .15s ease,background-color .15s ease;
}
.boom-toast-close i{color:inherit!important}
.boom-toast-close:hover,
.boom-toast-close:focus-visible{
    background:rgba(127,127,127,.13);
    opacity:.9;
    outline:0;
}
.boom-toast-progress{
    position:absolute;
    z-index:3;
    inset-inline-start:3px;
    inset-inline-end:0;
    bottom:0;
    height:2px;
    background:var(--boom-toast-accent);
    opacity:.72;
    transform-origin:left center;
    animation:boomToastProgress var(--boom-toast-duration) linear forwards;
}
.boom-toast-paused .boom-toast-progress{animation-play-state:paused}
.boom-toast-stack[dir="rtl"] .boom-toast-progress{transform-origin:right center}
.boom-toast-bump .boom-toast-icon{animation:boomToastBump .24s ease}
.boom-toast-leaving{pointer-events:none;animation:boomToastOut .18s ease forwards}
@keyframes boomToastIn{
    from{opacity:0;transform:translate3d(18px,-4px,0) scale(.98)}
    to{opacity:1;transform:none}
}
@keyframes boomToastOut{
    to{opacity:0;transform:translate3d(14px,-3px,0) scale(.98)}
}
@keyframes boomToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes boomToastBump{
    50%{transform:scale(1.012)}
}
@media(max-width:600px){
    .boom-toast-stack{
        top:max(8px,env(safe-area-inset-top));
        inset-inline:8px;
        width:auto;
        gap:7px;
    }
    .boom-toast-stack[dir="rtl"]{inset-inline:8px}
    .boom-toast{
        grid-template-columns:38px minmax(0,1fr) 30px;
        gap:10px;
        min-height:62px;
        padding:10px 9px 11px 11px;
        transform-origin:top center;
    }
    .boom-toast-icon{width:36px;height:36px;border-radius:10px}
    .boom-toast-message{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
    .boom-toast,.boom-toast-bump .boom-toast-icon,.boom-toast-leaving{animation:none!important;transition:none!important}
    .boom-toast-progress{display:none}
}
@media(forced-colors:active){
    .boom-toast{border:1px solid CanvasText;forced-color-adjust:auto}
    .boom-toast::before{width:4px}
}

.boom-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:150px;padding:24px 18px;text-align:center;box-sizing:border-box}.boom-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(127,127,127,.11);color:inherit}.boom-state-icon i{font-size:21px;opacity:.78}.boom-state-icon img,.empty_zone .boom-state-icon img{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;opacity:.68;object-fit:contain}.boom-state-title,.empty_zone .boom-state-title{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:750!important;color:inherit!important}.boom-state-description{max-width:300px;margin:0;opacity:.62;font-size:11px;line-height:1.5}.boom-state-action{margin-top:5px;min-height:36px}.boom-state-error .boom-state-icon{background:rgba(221,75,75,.13);color:#df5555}.boom-state-permission .boom-state-icon{background:rgba(219,153,48,.13);color:#d89b35}.boom-state-search .boom-state-icon{background:rgba(82,142,219,.13);color:#5792df}.empty_zone.boom-state{margin:0!important;border:0!important;background:transparent!important}.empty_zone.boom-state .empty_zone_text{padding:0!important}.empty_zone.boom-state .boom-state-icon{margin:0 0 2px!important}.boom-skeleton+.boom-state{display:none}

@media(max-width:600px){.boom-jump-control{bottom:9px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.boom-jump-control{transition:none!important;animation:none!important}.boom-jump-control .fa-arrow-down{animation:none!important}}

.username_wing_wrap{
	--username-wing-width:27px;
	--username-wing-height:25px;
	--username-wing-gap:4px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--username-wing-gap);
	vertical-align:middle;
	white-space:nowrap;
	position:relative;
	max-width:100%;
	min-width:0;
	overflow:visible;
	box-sizing:border-box;
	line-height:1;
}
.username_wings_hidden .username_wing_wrap{gap:0!important;}
.username_wings_hidden .username_wing_side{display:none!important;}
.username_wing_text{
	display:inline-block;
	position:relative;
	z-index:2;
	flex:0 1 auto;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
	line-height:1.35;
}
.username_wing_side{
	display:block;
	position:relative;
	z-index:1;
	width:var(--username-wing-width);
	height:var(--username-wing-height);
	object-fit:contain;
	object-position:center;
	flex:0 0 var(--username-wing-width);
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
	filter:drop-shadow(0 1px 2px rgba(0,0,0,.22));
}
.username_wing_left{
	margin:0;
}
.username_wing_right{
	margin:0;
	transform:scaleX(-1);
}
.cname .username_wing_wrap{
	--username-wing-width:29px;
	--username-wing-height:27px;
	--username-wing-gap:4px;
}
.user_item .username_wing_wrap,
.ulist_item .username_wing_wrap,
.fmenu_name .username_wing_wrap,
.wall_post .username_wing_wrap,
.news_item .username_wing_wrap{
	--username-wing-width:22px;
	--username-wing-height:21px;
	--username-wing-gap:3px;
}
.wall_post .reply_item .username_wing_wrap{
	--username-wing-width:18px;
	--username-wing-height:17px;
	--username-wing-gap:2px;
}
.wall_post .like_icon{ width:20px; height:20px; margin-top:-2px; }
.wall_post .comment_icon{ width:15px; height:15px; font-size:14px; line-height:15px; }
.profile_tinfo .username_wing_wrap,
.pro_name .username_wing_wrap,
.profile_name .username_wing_wrap{
	--username-wing-width:38px;
	--username-wing-height:35px;
	--username-wing-gap:5px;
}
.username_wing_grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
	gap:12px;
}
.username_wing_card{
	padding:12px;
	text-align:center;
	min-width:0;
}
.username_wing_card_preview{
	display:grid;
	grid-template-columns:32px minmax(54px,1fr) 32px;
	align-items:center;
	justify-content:center;
	column-gap:4px;
	width:100%;
	min-height:72px;
	padding:0;
	overflow:visible;
	box-sizing:border-box;
}
.username_wing_edit_preview{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-height:110px;
	overflow:visible;
}
.username_wing_card_side{
	width:32px;
	height:48px;
	object-fit:contain;
	flex:0 0 32px;
	filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));
}
.username_wing_card_left,
.username_wing_edit_left{
	margin:0;
}
.username_wing_card_right,
.username_wing_edit_right{
	margin:0;
	transform:scaleX(-1);
}
.username_wing_card_name{
	display:block;
	font-weight:700;
	position:relative;
	z-index:1;
	min-width:0;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
}
.username_wing_card_title{
	font-weight:700;
	margin-top:6px;
}
.username_wing_card_rank{
	margin-top:3px;
	min-height:18px;
}
.username_wing_card_price{
	min-height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:5px;
}
.username_wing_card_action{
	margin-top:8px;
}
.username_wing_shop_head{
	width:100%;
	gap:12px;
}
.username_wing_edit_preview{
	font-weight:700;
	font-size:18px;
}
.username_wing_edit_side{
	width:76px;
	height:72px;
	object-fit:contain;
	flex:0 0 76px;
	filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));
}
.username_wing_admin_thumb{
	overflow:visible;
}
.username_wing_admin_img{
	width:48px;
	height:43px;
	object-fit:contain;
	filter:drop-shadow(0 2px 3px rgba(0,0,0,.22));
}
@media screen and (max-width:640px){
	.username_wing_grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:8px;
	}
	.username_wing_card{
		padding:9px 7px;
	}
	.username_wing_card_preview{
		grid-template-columns:27px minmax(50px,1fr) 27px;
		column-gap:4px;
	}
	.username_wing_card_side{
		width:27px;
		height:42px;
		flex-basis:27px;
	}
	.username_wing_wrap{
		--username-wing-width:22px;
		--username-wing-height:21px;
		--username-wing-gap:3px;
	}
	.cname .username_wing_wrap{
		--username-wing-width:25px;
		--username-wing-height:23px;
		--username-wing-gap:3px;
	}
}

.profile_animation_host{position:relative;isolation:isolate;}
.profile_animation_overlay{position:absolute;inset:0;z-index:45;overflow:hidden;border-radius:15px;pointer-events:none;user-select:none;isolation:isolate;}
.profile_animation_media{display:block;width:100%;height:100%;object-fit:fill;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none;}
.profile_animation_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.profile_animation_card{min-width:0;padding:10px;text-align:center;overflow:hidden;}
.profile_animation_card_preview{position:relative;width:112px;height:210px;max-width:100%;margin:0 auto 8px;overflow:hidden;border-radius:13px;background:linear-gradient(180deg,#313338 0 34%,#1e1f22 34% 100%);box-shadow:0 8px 22px rgba(0,0,0,.24);isolation:isolate;}
.profile_animation_preview_cover{position:absolute;inset:0 0 auto;height:72px;background:linear-gradient(135deg,rgba(86,109,255,.85),rgba(188,75,255,.7));z-index:1;}
.profile_animation_preview_avatar{position:absolute;left:12px;top:48px;width:46px;height:46px;border:4px solid #1e1f22;border-radius:50%;background:linear-gradient(135deg,#f1f1f1,#7f8490);z-index:2;box-sizing:border-box;}
.profile_animation_preview_name{position:absolute;left:12px;right:10px;top:103px;z-index:2;text-align:left;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.profile_animation_preview_line{position:absolute;left:12px;right:18px;top:126px;height:7px;border-radius:999px;background:rgba(255,255,255,.13);z-index:2;box-shadow:0 16px 0 rgba(255,255,255,.08),0 32px 0 rgba(255,255,255,.08);}
.profile_animation_preview_media{position:absolute;inset:0;z-index:5;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none;}
.profile_animation_card_title{font-weight:750;margin-top:4px;}
.profile_animation_card_price{min-height:28px;display:flex;align-items:center;justify-content:center;margin-top:4px;}
.profile_animation_card_action{margin-top:6px;}
.profile_animation_shop_head{width:100%;gap:12px;}
.profile_animation_admin_preview{display:flex;justify-content:center;padding:4px 0 16px;}
.profile_animation_admin_preview .profile_animation_card_preview{width:150px;height:290px;margin:0;}
.profile_animation_admin_thumb{overflow:hidden;border-radius:8px;background:rgba(127,127,127,.08);}
.profile_animation_admin_img{display:block;width:54px;height:82px;object-fit:fill;}
@media(max-width:640px){.profile_animation_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile_animation_card{padding:8px 5px}.profile_animation_card_preview{width:104px;height:195px}.profile_animation_preview_cover{height:66px}.profile_animation_preview_avatar{top:43px}.profile_animation_preview_name{top:98px}.profile_animation_preview_line{top:120px}}
@media(prefers-reduced-motion:reduce){.profile_animation_media,.profile_animation_preview_media{animation-play-state:paused!important}}

.profile_animation_host .modal_top_menu,.profile_animation_host .pro_menu_wrap{position:relative;z-index:60;}

.premium_progression_page{--premium-violet:#8c5cff;--premium-pink:#ec5bbd;--premium-blue:#4aa8ff;--premium-green:#4fd18b;--premium-gold:#f6b94b;--premium-orange:#ff844f;display:grid;gap:14px;padding-bottom:18px}.premium_progression_page .page_element{margin:0}.premium_progression_hero{position:relative;display:flex;align-items:center;gap:18px;min-height:142px;padding:20px;overflow:hidden;border:1px solid rgba(139,92,246,.22);border-radius:18px;background:radial-gradient(circle at 12% 25%,rgba(140,92,255,.23),transparent 35%),radial-gradient(circle at 90% 10%,rgba(236,91,189,.12),transparent 34%),linear-gradient(135deg,rgba(127,127,127,.08),rgba(127,127,127,.025));box-shadow:0 14px 38px rgba(16,12,35,.12);isolation:isolate}.premium_progression_hero:after{content:"";position:absolute;width:210px;height:210px;right:-90px;bottom:-120px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.018);pointer-events:none}.premium_badge_hero{background:radial-gradient(circle at 12% 25%,rgba(246,185,75,.22),transparent 35%),radial-gradient(circle at 88% 12%,rgba(236,91,189,.13),transparent 34%),linear-gradient(135deg,rgba(127,127,127,.08),rgba(127,127,127,.025));border-color:rgba(246,185,75,.22)}.premium_hero_icon{position:relative;display:grid;place-items:center;flex:0 0 102px;width:102px;height:102px;border-radius:28px;background:linear-gradient(145deg,rgba(140,92,255,.28),rgba(236,91,189,.13));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 35px rgba(85,48,180,.2)}.premium_hero_icon:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.12);border-radius:21px}.premium_hero_icon img{position:relative;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(93,51,190,.42));z-index:1}.premium_hero_icon span{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;min-width:29px;height:29px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#8c5cff,#ec5bbd);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:0 5px 14px rgba(126,72,225,.38);z-index:2}.premium_badge_hero_icon{background:linear-gradient(145deg,rgba(246,185,75,.27),rgba(255,132,79,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 35px rgba(190,119,25,.2)}.premium_badge_hero_icon img{width:78px;height:78px;filter:drop-shadow(0 8px 15px rgba(212,135,31,.4))}.premium_hero_copy{position:relative;z-index:1;min-width:0}.premium_hero_copy h3{font-size:24px;line-height:1.15;margin:3px 0 7px}.premium_hero_copy>p.sub_text{max-width:630px;line-height:1.55}.premium_eyebrow{display:flex;align-items:center;gap:7px;margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;color:var(--premium-violet)}.premium_badge_hero .premium_eyebrow{color:#d99a28}.premium_hero_chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.premium_status_chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border-radius:999px;background:rgba(127,127,127,.1);border:1px solid rgba(127,127,127,.12);font-size:10px;font-weight:800}.premium_status_chip.is_live{background:rgba(79,209,139,.13);color:#36b875;border-color:rgba(79,209,139,.2)}.premium_status_chip.is_off{background:rgba(236,104,104,.12);color:#df6060;border-color:rgba(236,104,104,.18)}.premium_settings_card{padding:16px;border:1px solid rgba(127,127,127,.12);border-radius:16px;background:linear-gradient(145deg,rgba(127,127,127,.052),rgba(127,127,127,.018));box-shadow:0 8px 26px rgba(0,0,0,.055)}.premium_section_head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.premium_section_head h4{margin:0 0 3px;font-size:15px}.premium_section_head p{margin:0}.premium_section_icon,.premium_tile_icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 7px 18px rgba(0,0,0,.1);color:#fff}.premium_section_icon{width:42px;height:42px;border-radius:13px;font-size:16px}.premium_tile_icon{width:40px;height:40px;border-radius:12px;font-size:15px}.premium_icon_violet{background:linear-gradient(145deg,#9a69ff,#6b43d7)}.premium_icon_blue{background:linear-gradient(145deg,#5bbaff,#277edc)}.premium_icon_pink{background:linear-gradient(145deg,#f06bc5,#c53991)}.premium_icon_green{background:linear-gradient(145deg,#61d99a,#28a865)}.premium_icon_gold{background:linear-gradient(145deg,#ffca62,#dc8c20)}.premium_icon_orange{background:linear-gradient(145deg,#ff9666,#df5c31)}.premium_setting_grid{display:grid;gap:10px}.premium_setting_grid_two{grid-template-columns:repeat(2,minmax(0,1fr))}.premium_setting_tile,.premium_reward_tile,.premium_badge_rule{display:grid;align-items:center;min-width:0;border:1px solid rgba(127,127,127,.12);background:rgba(127,127,127,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.premium_setting_tile:hover,.premium_reward_tile:hover,.premium_badge_rule:hover{transform:translateY(-1px);border-color:rgba(140,92,255,.28);box-shadow:0 9px 22px rgba(0,0,0,.07)}.premium_setting_tile{grid-template-columns:40px minmax(0,1fr) minmax(92px,130px);gap:11px;padding:12px;border-radius:14px}.premium_setting_tile_full{grid-template-columns:40px minmax(0,1fr) minmax(100px,150px)}.premium_tile_copy{display:block;min-width:0}.premium_tile_copy strong,.premium_tile_copy small{display:block}.premium_tile_copy strong{font-size:12px;line-height:1.25}.premium_tile_copy small{margin-top:4px;line-height:1.35;font-size:10px;opacity:.62}.premium_setting_tile select,.premium_reward_tile select,.premium_badge_rule select{width:100%;min-width:0;margin:0}.premium_reward_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium_reward_tile{grid-template-columns:40px minmax(0,1fr) minmax(88px,118px);gap:11px;padding:12px;border-radius:14px}.premium_value_wrap{display:block}.premium_badge_rule_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium_badge_rule{grid-template-columns:56px minmax(0,1fr) minmax(88px,120px);gap:11px;padding:11px;border-radius:15px}.premium_badge_art{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:radial-gradient(circle,rgba(140,92,255,.18),rgba(127,127,127,.03) 66%);overflow:visible}.premium_badge_art:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.premium_badge_art img{position:relative;width:47px;height:47px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.24));z-index:1}.premium_save_bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(127,127,127,.12);border-radius:15px;background:rgba(127,127,127,.035)}.premium_save_hint{display:flex;align-items:center;gap:9px;min-width:0;font-size:10px;opacity:.72}.premium_save_hint i{font-size:15px;color:var(--premium-violet)}.premium_save_button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:130px;border-radius:11px!important;box-shadow:0 8px 20px rgba(91,55,175,.2)}

.premium_level_modal{--xp-progress:0%;--premium-violet:#8c5cff;--premium-pink:#ec5bbd;--premium-blue:#4aa8ff;--premium-green:#4fd18b;--premium-gold:#f6b94b}.premium_level_modal_content{padding:15px}.premium_level_banner{position:relative;display:flex;align-items:center;gap:16px;min-height:126px;padding:16px;overflow:hidden;border:1px solid rgba(140,92,255,.2);border-radius:17px;background:radial-gradient(circle at 15% 30%,rgba(140,92,255,.25),transparent 40%),linear-gradient(135deg,rgba(127,127,127,.075),rgba(127,127,127,.018))}.premium_level_banner:after{content:"";position:absolute;width:170px;height:170px;right:-72px;top:-100px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 25px rgba(255,255,255,.02),0 0 0 50px rgba(255,255,255,.015)}.premium_level_emblem{position:relative;display:grid;place-items:center;flex:0 0 96px;width:96px;height:96px;z-index:1}.premium_level_emblem_glow{position:absolute;inset:12px;border-radius:50%;background:linear-gradient(135deg,#8c5cff,#ec5bbd);filter:blur(20px);opacity:.32}.premium_level_emblem img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100% - 16px);object-fit:contain;object-position:center;box-sizing:border-box;filter:drop-shadow(0 7px 11px rgba(67,35,138,.32))}.premium_level_emblem strong{position:absolute;right:1px;bottom:1px;z-index:2;display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border:2px solid rgba(255,255,255,.88);border-radius:999px;background:linear-gradient(145deg,#7b55ee,#4c8ee8);color:#fff;font-size:14px;line-height:1;box-shadow:0 5px 12px rgba(31,25,75,.3);text-shadow:0 1px 3px rgba(0,0,0,.35)}.premium_level_summary{position:relative;z-index:1;min-width:0}.premium_level_summary h3{font-size:21px;margin:4px 0 6px}.premium_level_summary p.sub_text{line-height:1.45}.premium_xp_progress_card{margin-top:12px;padding:13px;border:1px solid rgba(127,127,127,.12);border-radius:14px;background:rgba(127,127,127,.035)}.premium_xp_progress_head,.premium_xp_progress_meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.premium_xp_progress_head{font-size:11px;font-weight:800}.premium_xp_progress_head span{display:flex;align-items:center;gap:6px}.premium_xp_progress-head i,.premium_xp_progress_head i{color:var(--premium-violet)}.premium_xp_progress_meta{margin-top:6px;font-size:9px;opacity:.62}.premium_xp_track{height:12px;margin-top:10px;padding:2px;border-radius:999px;background:rgba(127,127,127,.14);box-shadow:inset 0 1px 3px rgba(0,0,0,.14);overflow:hidden}.premium_xp_track span{display:block;width:var(--xp-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7050ff,#a857ff 48%,#ee62ca);box-shadow:0 0 14px rgba(155,83,255,.45);transition:width .5s ease}.premium_level_stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.premium_level_stat{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid rgba(127,127,127,.1);border-radius:13px;background:rgba(127,127,127,.03)}.premium_level_stat .premium_tile_icon{width:35px;height:35px;border-radius:11px;font-size:13px}.premium_level_stat>span:last-child{min-width:0}.premium_level_stat small,.premium_level_stat strong{display:block}.premium_level_stat small{font-size:8px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium_level_stat strong{margin-top:3px;font-size:12px}.premium_next_level_hint{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px 12px;border:1px solid rgba(79,209,139,.17);border-radius:13px;background:linear-gradient(135deg,rgba(79,209,139,.095),rgba(74,168,255,.045))}.premium_next_icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#61d99a,#278f78);color:#fff;box-shadow:0 7px 16px rgba(44,164,111,.22)}.premium_next_level_hint strong{font-size:11px}.premium_next-level-hint p,.premium_next_level_hint p{margin:3px 0 0;font-size:9px}.premium_modal_control{padding:10px 15px 14px}.premium_modal_control button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border-radius:11px!important}

.premium_badge_modal{--premium-violet:#8c5cff;--premium-pink:#ec5bbd;--premium-blue:#4aa8ff;--premium-green:#4fd18b;--premium-gold:#f6b94b;padding:15px}.premium_badge_modal_head{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:13px;border:1px solid rgba(246,185,75,.16);border-radius:15px;background:radial-gradient(circle at 8% 30%,rgba(246,185,75,.14),transparent 40%),rgba(127,127,127,.025)}.premium_badge_modal_head h3{margin:2px 0 4px;font-size:18px}.premium_badge_modal_head p{margin:0}.premium_badge_collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.premium_badge_card{--badge-accent:140,92,255;position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:11px;overflow:hidden;border:1px solid rgba(var(--badge-accent),.17);border-radius:15px;background:radial-gradient(circle at 12% 40%,rgba(var(--badge-accent),.13),transparent 43%),rgba(127,127,127,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.premium_badge_card:hover{transform:translateY(-2px);border-color:rgba(var(--badge-accent),.32);box-shadow:0 10px 24px rgba(0,0,0,.08)}.premium_badge_blue{--badge-accent:74,168,255}.premium_badge_green{--badge-accent:79,209,139}.premium_badge_pink{--badge-accent:236,91,189}.premium_badge_gold{--badge-accent:246,185,75}.premium_badge_orange{--badge-accent:255,132,79}.premium_badge_icon_wrap{position:relative;display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px}.premium_badge_halo{position:absolute;inset:12px;border-radius:50%;background:rgba(var(--badge-accent),.28);filter:blur(14px)}.premium_badge_icon_wrap img{position:relative;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.28));z-index:1}.premium_badge_card_copy{min-width:0}.premium_badge_card_copy h4{margin:0 0 4px;font-size:12px}.premium_badge_card_copy p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:9px;line-height:1.4;opacity:.68}.premium_badge_requirement{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:7px;padding:4px 7px;border-radius:999px;background:rgba(var(--badge-accent),.12);color:rgb(var(--badge-accent));font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.puser_item .puser_icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(140,92,255,.16),rgba(236,91,189,.08));border:1px solid rgba(140,92,255,.14)}.puser_item .puser_icon img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(77,42,152,.28))}.puser_item .puser_rank img{filter:drop-shadow(0 4px 5px rgba(0,0,0,.2))}

@media(max-width:720px){.premium_setting_grid_two,.premium_reward_grid,.premium_badge_rule_grid,.premium_badge_collection{grid-template-columns:1fr}.premium_progression_hero{min-height:0;padding:16px}.premium_hero_icon{flex-basis:84px;width:84px;height:84px;border-radius:23px}.premium_hero_icon:before{border-radius:17px}.premium_hero_icon img{width:58px;height:58px}.premium_hero_copy h3{font-size:20px}.premium_level_stats{grid-template-columns:1fr}.premium_badge_card_copy p{-webkit-line-clamp:3}}
@media(max-width:480px){.premium_progression_hero{align-items:flex-start;gap:12px}.premium_hero_icon{flex-basis:68px;width:68px;height:68px;border-radius:19px}.premium_hero_icon:before{inset:6px;border-radius:14px}.premium_hero_icon img{width:47px;height:47px}.premium_hero_icon span{right:4px;bottom:4px;min-width:24px;height:24px;font-size:8px}.premium_hero_copy h3{font-size:18px}.premium_hero_chips{margin-left:-80px;margin-top:18px}.premium_settings_card{padding:12px}.premium_setting_tile,.premium_setting_tile_full,.premium_reward_tile{grid-template-columns:38px minmax(0,1fr);gap:9px}.premium_setting_tile select,.premium_reward_tile .premium_value_wrap{grid-column:1/-1}.premium_badge_rule{grid-template-columns:50px minmax(0,1fr)}.premium_badge_rule select{grid-column:1/-1}.premium_badge_art{width:50px;height:50px}.premium_badge_art img{width:43px;height:43px}.premium_save_bar{align-items:stretch;flex-direction:column}.premium_save_button{width:100%}.premium_level_banner{align-items:flex-start;gap:10px;padding:13px}.premium_level_emblem{flex-basis:76px;width:76px;height:76px}.premium_level-emblem strong,.premium_level_emblem strong{font-size:20px}.premium_level_summary h3{font-size:17px}.premium_badge_modal{padding:10px}.premium_badge_modal_head{align-items:flex-start}.premium_badge_card{padding:9px}.premium_badge_icon_wrap{flex-basis:59px;width:59px;height:59px}.premium_badge_icon_wrap img{width:53px;height:53px}}
@media(prefers-reduced-motion:reduce){.premium_setting_tile,.premium_reward_tile,.premium_badge_rule,.premium_badge_card,.premium_xp_track span{transition:none!important}}
.premium_value_changed{animation:premiumValuePulse .5s ease}@keyframes premiumValuePulse{45%{border-color:rgba(140,92,255,.55);box-shadow:0 0 0 4px rgba(140,92,255,.09),0 10px 24px rgba(0,0,0,.08)}}@media(prefers-reduced-motion:reduce){.premium_value_changed{animation:none!important}}

.pbadge{width:44px;height:44px;margin:0 4px 4px 0;border-radius:13px;overflow:visible;background:linear-gradient(145deg,rgba(127,127,127,.09),rgba(127,127,127,.025));border:1px solid rgba(255,255,255,.08);box-shadow:0 7px 16px rgba(0,0,0,.12);transition:transform .18s ease,box-shadow .18s ease}.pbadge:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 22px rgba(0,0,0,.17)}.pbadge_img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;padding:2px;box-sizing:border-box;border-radius:12px;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.24))}.pbadge_count{width:19px!important;height:19px!important;right:-3px!important;bottom:-3px!important;padding:1px;background:rgba(19,20,27,.95)!important;border:2px solid rgba(255,255,255,.82);box-shadow:0 4px 8px rgba(0,0,0,.3)}@media(max-width:480px){.pbadge{width:42px;height:42px}.pbadge_img{width:40px!important;height:40px!important}.pbadge_count{width:18px!important;height:18px!important}}

.wallet_convert_open{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px!important}
.wallet_convert_modal{padding:14px}
.wallet_convert_head{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(127,127,127,.08),rgba(127,127,127,.025));border:1px solid rgba(127,127,127,.12)}
.wallet_convert_head_icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#8c5cff,#4a8eff);color:#fff;font-size:18px;box-shadow:0 9px 20px rgba(91,79,213,.24)}
.wallet_convert_head_text{min-width:0}.wallet_convert_head_text p{margin:0}.wallet_convert_head_text .sub_text{margin-top:4px;line-height:1.45}
.wallet_convert_balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wallet_convert_balance{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border-radius:13px;background:rgba(127,127,127,.035)}
.wallet_convert_balance img{flex:0 0 34px;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.2))}.wallet_convert_balance p{margin:0}.wallet_convert_balance .bold{margin-top:2px;font-size:16px}
.wallet_convert_rate{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border-radius:13px;background:linear-gradient(135deg,rgba(140,92,255,.09),rgba(74,168,255,.045))}.wallet_convert_rate>i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:rgba(140,92,255,.14);color:#8c5cff}.wallet_convert_rate p{margin:0}.wallet_convert_rate .sub_text{margin-top:3px;line-height:1.4}
.wallet_convert_preview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 2px;padding:12px 13px;border-radius:12px;background:rgba(127,127,127,.035)}
.wallet_convert_preview>span{font-size:11px;opacity:.72}.wallet_convert_preview strong{display:flex;align-items:center;gap:6px;font-size:14px}.wallet_convert_preview strong img{width:22px;height:22px;object-fit:contain}
.wallet_convert_modal .modal_control{padding-left:0;padding-right:0}.wallet_convert_modal .modal_control button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.wallet_admin_convert_intro{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:15px;background:linear-gradient(135deg,rgba(140,92,255,.09),rgba(74,168,255,.04))}.wallet_admin_convert_intro p{margin:0}.wallet_admin_convert_intro .sub_text{margin-top:4px;line-height:1.5}.wallet_admin_convert_icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#8c5cff,#4a8eff);color:#fff;box-shadow:0 8px 18px rgba(91,79,213,.22)}
.wallet_admin_rate_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.wallet_admin_rate_card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:rgba(127,127,127,.035)}.wallet_admin_rate_card img{width:34px;height:34px;object-fit:contain}.wallet_admin_rate_card span,.wallet_admin_rate_card strong{display:block}.wallet_admin_rate_card span{font-size:10px;opacity:.65}.wallet_admin_rate_card strong{margin-top:3px;font-size:12px}
.wallet_admin_rate_result{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:14px;border-radius:14px;background:rgba(127,127,127,.035)}.wallet_admin_rate_result>span{font-size:10px;opacity:.65}.wallet_admin_rate_result>strong{font-size:16px}.wallet_admin_rate_result>small{line-height:1.4}
@media(max-width:520px){.wallet_convert_modal{padding:10px}.wallet_convert_balances,.wallet_admin_rate_grid{grid-template-columns:1fr}.wallet_convert_head{align-items:flex-start}.wallet_convert_preview{align-items:flex-start;flex-direction:column}.wallet_convert_preview strong{font-size:15px}.wallet_convert_modal .modal_control{display:grid;grid-template-columns:1fr;gap:7px}.wallet_convert_modal .modal_control button{width:100%;min-height:44px;margin:0}.wallet_convert_balance{padding:10px 11px}}

.plevel_item img,.clevel_item img{object-fit:contain;object-position:center;box-sizing:border-box;border-radius:50%;overflow:hidden}
.boom_sel_icon img,.puser_item .puser_icon img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;box-sizing:border-box}
@media(max-width:480px){.premium_level_emblem img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);max-width:calc(100% - 14px);max-height:calc(100% - 14px)}.premium_level_emblem strong{min-width:28px;height:28px;padding:0 5px;font-size:12px}}

body.chat_colors_active #chat_head,
body.chat_colors_active #wrap_footer,
body.chat_colors_active #header_full,
body.chat_colors_active #header_full #main_header{
	background:var(--user-chat-bar)!important;
	background-color:var(--user-chat-bar)!important;
	border-color:rgba(255,255,255,.16)!important;
}
body.chat_colors_active #chat_head .head_option i,
body.chat_colors_active #chat_head .head_option .fa,
body.chat_colors_active #header_full .head_option i,
body.chat_colors_active #header_full #open_sub_mobile i,
body.chat_colors_active #wrap_footer .footer_item i,
body.chat_colors_active #wrap_footer .footer_item .fa{
	color:var(--user-chat-icon)!important;
	text-shadow:none!important;
}
body.chat_colors_active #chat_head .head_option:hover,
body.chat_colors_active #header_full .head_option:hover,
body.chat_colors_active #wrap_footer .footer_item:hover{
	background:rgba(255,255,255,.12)!important;
}
.chat_color_modal{padding:14px 14px 10px}
.chat_color_head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.chat_color_title{display:flex;align-items:center;gap:8px;font-weight:850}
.chat_color_title i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(127,127,127,.11)}
.chat_color_price{display:flex;align-items:center;min-height:30px;padding:0 8px;border-radius:8px;background:rgba(127,127,127,.08);font-size:11px;font-weight:800}
.chat_color_preview{overflow:hidden;border-radius:12px;background:rgba(127,127,127,.055);box-shadow:0 5px 16px rgba(0,0,0,.14)}
.chat_color_preview_header{display:grid;grid-template-columns:34px auto 1fr repeat(3,34px);align-items:center;min-height:43px;padding:0 7px;background:var(--preview-chat-bar);color:var(--preview-chat-icon)}
.chat_color_preview_footer{display:grid;grid-template-columns:34px 34px 1fr 34px;align-items:center;min-height:39px;padding:0 7px;background:var(--preview-chat-bar);color:var(--preview-chat-icon)}
.chat_color_preview_header i,.chat_color_preview_footer i{color:var(--preview-chat-icon)!important;text-align:center;font-size:13px}
.chat_color_preview_header b{font-size:12px}
.chat_color_preview_body{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 12px;background:rgba(127,127,127,.045)}
.chat_color_preview_avatar{width:27px;height:27px;border-radius:50%;background:rgba(127,127,127,.18)}
.chat_color_preview_lines{width:58%;height:7px;border-radius:999px;background:rgba(127,127,127,.16);box-shadow:0 13px 0 rgba(127,127,127,.1)}
.chat_color_preview_footer span{height:22px;border-radius:999px;background:rgba(255,255,255,.16)}
.chat_color_presets{display:flex;gap:7px;margin:10px 0;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}
.chat_color_preset{position:relative;flex:0 0 34px;width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:10px;background:linear-gradient(135deg,var(--preset-bar) 0 50%,var(--preset-icon) 50% 100%);cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.12);transition:transform .15s ease,border-color .15s ease}
.chat_color_preset:hover,.chat_color_preset:focus-visible{transform:translateY(-1px);outline:none;border-color:rgba(127,127,127,.45)}
.chat_color_preset_active{border-color:var(--preset-icon)}
.chat_color_editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chat_color_field{display:block;min-width:0;padding:9px;border:1px solid rgba(127,127,127,.16);border-radius:10px;background:rgba(127,127,127,.045)}
.chat_color_field_label{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:800}
.chat_color_field_inputs{display:flex;align-items:center;gap:7px;min-width:0}
.chat_color_input{display:block;flex:0 0 40px;width:40px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;overflow:hidden}
.chat_color_input::-webkit-color-swatch-wrapper{padding:0}
.chat_color_input::-webkit-color-swatch{border:1px solid rgba(127,127,127,.22);border-radius:8px}
.chat_color_input::-moz-color-swatch{border:1px solid rgba(127,127,127,.22);border-radius:8px}
.chat_color_hex{min-width:0;height:36px;padding:0 8px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.03em}
.chat_color_hex_invalid{border-color:#df5555!important;box-shadow:0 0 0 1px rgba(223,85,85,.18)}
.chat_color_tools{display:flex;align-items:center;gap:7px;margin-top:9px}
.chat_color_tool{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(127,127,127,.17);border-radius:9px;background:rgba(127,127,127,.07);color:inherit;cursor:pointer}
.chat_color_tool:hover,.chat_color_tool:focus-visible{background:rgba(127,127,127,.13);outline:none}
.chat_color_contrast{display:flex;align-items:center;justify-content:center;gap:6px;min-width:84px;height:34px;margin-left:auto;padding:0 9px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:850}
.chat_color_contrast_ok{background:rgba(42,180,105,.11);border-color:rgba(42,180,105,.24);color:#39b872}
.chat_color_contrast_bad{background:rgba(225,76,76,.11);border-color:rgba(225,76,76,.24);color:#df5555}
.chat_color_control{padding-top:10px}
@media(max-width:440px){.chat_color_editor{grid-template-columns:1fr}.chat_color_modal{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.chat_color_preset{transition:none}}

#inside_wrap_chat{position:relative}
.user_chat_background{display:none;position:absolute;inset:0;z-index:0;background-image:var(--user-chat-background,none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--user-chat-background-opacity,.3);pointer-events:none}
body.chat_background_active .user_chat_background{display:block}
body.chat_background_active #show_chat{position:relative;z-index:1;background:transparent!important}
body.chat_background_active #show_chat::before,body.chat_background_active #show_chat::after{display:none!important}
body.chat_background_active #chat_logs_container{position:relative;z-index:1}
.chat_background_modal{padding:14px 14px 10px}
.chat_background_head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.chat_background_title{display:flex;align-items:center;gap:8px;font-weight:850}
.chat_background_title i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(127,127,127,.11)}
.chat_background_price{display:flex;align-items:center;min-height:30px;padding:0 8px;border-radius:8px;background:rgba(127,127,127,.08);font-size:11px;font-weight:800}
.chat_background_preview{position:relative;display:grid;grid-template-rows:43px minmax(126px,1fr) 40px;width:100%;min-height:209px;overflow:hidden;border:1px solid rgba(127,127,127,.18);border-radius:12px;background:rgba(127,127,127,.08);box-shadow:0 5px 16px rgba(0,0,0,.14);isolation:isolate}
.chat_background_preview_image{position:absolute;top:43px;right:0;bottom:40px;left:0;z-index:0;width:100%;height:calc(100% - 83px);object-fit:cover;object-position:center;opacity:.3;pointer-events:none}
.chat_background_preview_image[hidden]{display:none!important}
.chat_background_preview_header,.chat_background_preview_footer{position:relative;z-index:3;display:grid;align-items:center;padding:0 7px;background:var(--preview-chat-bar);color:var(--preview-chat-icon)}
.chat_background_preview_header{grid-template-columns:34px auto 1fr repeat(3,34px)}
.chat_background_preview_footer{grid-template-columns:34px 34px 1fr 34px}
.chat_background_preview_header i,.chat_background_preview_footer i{color:var(--preview-chat-icon)!important;text-align:center;font-size:13px}
.chat_background_preview_header b{font-size:12px}
.chat_background_preview_footer span{height:22px;border-radius:999px;background:rgba(255,255,255,.16)}
.chat_background_preview_body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:126px;padding:14px;background:rgba(0,0,0,.08)}
.chat_background_preview_message{position:relative;z-index:2;display:flex;align-items:center;gap:9px;width:min(74%,250px);padding:8px;border-radius:10px;background:rgba(0,0,0,.25);box-shadow:0 2px 7px rgba(0,0,0,.08)}
.chat_background_preview_message_self{align-self:flex-end;justify-content:flex-end;width:min(58%,195px);background:rgba(255,255,255,.24)}
.chat_background_preview_avatar{width:29px;height:29px;min-width:29px;border-radius:50%;background:rgba(255,255,255,.68)}
.chat_background_preview_lines{display:grid;flex:1;gap:6px;min-width:0}
.chat_background_preview_lines i{display:block;width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.72)}
.chat_background_preview_lines i:last-child{width:64%}
.chat_background_preview_message_self .chat_background_preview_lines i{background:rgba(255,255,255,.82)}
.chat_background_empty{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:rgba(0,0,0,.34);color:#fff;font-size:11px;font-weight:750;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.chat_background_empty i{font-size:24px}
.chat_background_upload_section{margin-top:10px!important;padding-top:0!important}
.chat_background_modal .profile_upload_meta{margin-top:9px}
.chat_background_control{padding-top:10px;text-align:right}
@media(max-width:440px){.chat_background_modal{padding-left:12px;padding-right:12px}.chat_background_preview{min-height:195px;grid-template-rows:41px minmax(114px,1fr) 40px}.chat_background_preview_image{top:41px;height:calc(100% - 81px)}.chat_background_preview_message{width:82%}}

.staff_wallet_modal{padding:12px}
.staff_wallet_head{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid rgba(127,127,127,.12);border-radius:12px;background:rgba(127,127,127,.035)}
.staff_wallet_avatar{flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:50%}
.staff_wallet_avatar img{width:100%;height:100%;object-fit:cover}
.staff_wallet_title{flex:1;min-width:0}
.staff_wallet_title p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}
.staff_wallet_title .sub_text{margin-top:2px}
.staff_wallet_mode_badge{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:9px;background:rgba(127,127,127,.09);font-size:12px}
.staff_wallet_balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.staff_wallet_balance{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border-radius:11px;background:rgba(127,127,127,.025)}
.staff_wallet_balance img{flex:0 0 30px;width:30px;height:30px;object-fit:contain}
.staff_wallet_balance_data{min-width:0}
.staff_wallet_balance span,.staff_wallet_balance strong{display:block}
.staff_wallet_balance strong{max-width:100%;overflow:hidden;margin-top:1px;font-size:16px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.staff_wallet_editor{margin-top:9px}
.staff_wallet_editor_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.staff_wallet_field{min-width:0;padding:0!important}
.staff_wallet_field .label{margin:0 0 5px;font-size:11px}
.staff_wallet_amount_field{grid-column:1/-1}
.staff_wallet_modal select,.staff_wallet_modal input{width:100%}
.staff_wallet_apply{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px;margin-top:9px}
.staff_wallet_notice{display:flex;align-items:flex-start;gap:6px;margin:7px 1px 0;line-height:1.35}
.staff_wallet_notice i{margin-top:2px}
.staff_wallet_control{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.staff_wallet_control .reg_button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}
@media(max-width:380px){.staff_wallet_modal{padding:10px}.staff_wallet_balances,.staff_wallet_editor_grid{grid-template-columns:1fr}.staff_wallet_amount_field{grid-column:auto}.staff_wallet_control .reg_button{flex:1}}

.global_notice_panel .pad15 { display: grid; gap: 14px; }
.global_notice_form { padding: 14px; border-radius: 12px; }
.global_notice_textarea { min-height: 110px; resize: vertical; }
.global_notice_target_grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.global_notice_target_grid > .setting_element:only-child { grid-column: 1 / -1; }
.global_notice_form .setting_element { margin-bottom: 12px; }
.global_notice_form .setting_element:last-child { margin-bottom: 0; }
.global_notice_form select { width: 100%; }
.global_notice_user_search { position: relative; }
.global_notice_user_search > i { position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%); opacity: .65; pointer-events: none; }
.global_notice_user_search input { padding-inline-start: 36px; }
.global_notice_selected_users { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; }
.global_notice_user_chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 32px; padding: 3px 8px 3px 4px; border: 0; border-radius: 999px; background: rgba(127,127,127,.14); color: inherit; cursor: pointer; }
.global_notice_user_chip img { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.global_notice_user_chip span { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global_notice_user_chip i { font-size: 11px; opacity: .65; }
.global_notice_user_results { display: grid; gap: 4px; max-height: 230px; overflow: auto; margin-top: 6px; }
.global_notice_user_result { width: 100%; display: flex; align-items: center; gap: 10px; padding: 7px 9px; border: 0; border-radius: 9px; background: transparent; color: inherit; text-align: start; cursor: pointer; }
.global_notice_user_result img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.global_notice_user_result_data { min-width: 0; flex: 1; display: grid; gap: 2px; }
.global_notice_user_result_data b,
.global_notice_user_result_data small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global_notice_user_result_data small { opacity: .62; }
.global_notice_search_state { min-height: 44px; display: grid; place-items: center; opacity: .65; }
.global_notice_upload_button { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border-radius: 9px; background: rgba(127,127,127,.13); cursor: pointer; }
.global_notice_file_preview { margin-top: 8px; }
.global_notice_upload_preview { position: relative; overflow: hidden; border-radius: 10px; background: rgba(127,127,127,.1); min-height: 48px; display: grid; place-items: center; }
.global_notice_upload_preview img,
.global_notice_upload_preview video { width: 100%; max-height: 260px; object-fit: contain; display: block; }
.global_notice_upload_preview audio { width: calc(100% - 24px); margin: 16px 12px; }
.global_notice_upload_file { min-height: 58px; width: 100%; display: flex; align-items: center; gap: 10px; padding: 12px 48px 12px 14px; }
.global_notice_upload_file i { font-size: 22px; }
.global_notice_upload_file span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global_notice_upload_remove { position: absolute; top: 8px; inset-inline-end: 8px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(0,0,0,.72); color: #fff; cursor: pointer; }
.global_notice_form_control { display: flex; justify-content: flex-end; padding-top: 4px; }
.global_notice_history_head { display: flex; align-items: center; justify-content: space-between; padding: 0 2px; font-weight: 700; }
.global_notice_history_head button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.global_notice_history_list { display: grid; gap: 7px; }
.global_notice_history_item { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 11px; }
.global_notice_history_icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(127,127,127,.12); flex: 0 0 auto; }
.global_notice_history_data { min-width: 0; flex: 1; }
.global_notice_history_title { font-weight: 700; }
.global_notice_history_meta { margin-top: 3px; font-size: 12px; opacity: .62; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global_notice_history_delete { width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; flex: 0 0 auto; }
.global_notice_popup_head { display: flex; align-items: center; gap: 12px; padding: 4px 0 14px; }
.global_notice_popup_icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: rgba(230,126,0,.16); color: #e67e00; font-size: 20px; flex: 0 0 auto; }
.global_notice_popup_title { min-width: 0; }
.global_notice_popup_title h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.global_notice_popup_title p { margin: 3px 0 0; font-size: 12px; opacity: .62; }
.global_notice_popup_message { line-height: 1.55; overflow-wrap: anywhere; }
.global_notice_media { margin-top: 14px; overflow: hidden; border-radius: 11px; background: rgba(127,127,127,.1); }
.global_notice_media img,
.global_notice_media video { width: 100%; max-height: 330px; display: block; object-fit: contain; }
.global_notice_media audio { width: calc(100% - 24px); margin: 14px 12px; }
.global_notice_file { margin-top: 14px; min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(127,127,127,.1); color: inherit; text-decoration: none; }
.global_notice_file i { font-size: 22px; }
.global_notice_file span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (max-width: 520px){
	.global_notice_target_grid { grid-template-columns: 1fr; }
	.global_notice_form { padding: 12px; }
	.global_notice_popup { padding: 12px; }
}

.profile_lock_modal{padding:14px}.profile_lock_intro{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(127,127,127,.08),rgba(127,127,127,.025))}.profile_lock_intro p{margin:0}.profile_lock_intro .sub_text{margin-top:4px;line-height:1.45}.profile_lock_intro_icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#8c5cff,#4a8eff);color:#fff;font-size:18px;box-shadow:0 9px 20px rgba(91,79,213,.24)}.profile_lock_stat_icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(140,92,255,.12);color:#8c5cff}.profile_lock_warning{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:12px;background:rgba(220,80,80,.07);line-height:1.4}.profile_lock_warning i{margin-top:2px}.profile_lock_modal .setting_element{margin-bottom:0}@media(max-width:520px){.profile_lock_modal{padding:10px}.profile_lock_intro{align-items:flex-start}.profile_lock_modal+.modal_control{display:grid;grid-template-columns:1fr;gap:7px}.profile_lock_modal+.modal_control button{width:100%;margin:0}}

.sound_ui_modal_title{display:flex;align-items:center;gap:9px}
.sound_ui_modal_title>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(127,127,127,.12);font-size:13px}
.sound_ui_shell{padding-bottom:16px}
.sound_ui_hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;margin-bottom:14px;padding:14px;border:1px solid rgba(127,127,127,.17);border-radius:16px;background:linear-gradient(135deg,rgba(127,127,127,.11),rgba(127,127,127,.035));box-shadow:0 8px 26px rgba(0,0,0,.045)}
.sound_ui_hero:after{content:"";position:absolute;right:-36px;top:-52px;width:140px;height:140px;border-radius:50%;background:rgba(127,127,127,.075);pointer-events:none}
.sound_ui_hero_main{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0}
.sound_ui_visual{display:flex;align-items:center;justify-content:center;gap:7px;width:72px;height:54px;min-width:72px;border-radius:15px;background:rgba(127,127,127,.12);font-size:19px}
.sound_ui_wave{display:flex;align-items:center;gap:2px;height:22px}
.sound_ui_wave b{display:block;width:3px;border-radius:99px;background:currentColor;opacity:.72;animation:soundUiWave 1.05s ease-in-out infinite}
.sound_ui_wave b:nth-child(1){height:7px;animation-delay:-.8s}.sound_ui_wave b:nth-child(2){height:15px;animation-delay:-.6s}.sound_ui_wave b:nth-child(3){height:21px;animation-delay:-.4s}.sound_ui_wave b:nth-child(4){height:13px;animation-delay:-.2s}.sound_ui_wave b:nth-child(5){height:8px}
@keyframes soundUiWave{0%,100%{transform:scaleY(.55);opacity:.48}50%{transform:scaleY(1);opacity:.88}}
.sound_ui_hero_copy{min-width:0}.sound_ui_hero_copy p{margin:0}.sound_ui_hero_copy .sub_text{margin-top:3px;line-height:1.4}
.sound_ui_hero_actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:max-content}
.sound_ui_summary{display:flex;align-items:baseline;gap:4px;font-size:11px;font-weight:700;opacity:.75}.sound_ui_summary #sound_ui_enabled_count{font-size:18px;line-height:1;font-weight:900;opacity:1}
.sound_ui_master_actions{display:flex;align-items:center;gap:6px}.sound_ui_master_btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:0 11px;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}
.sound_ui_tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;padding:4px;border-radius:13px;background:rgba(127,127,127,.09)}
.sound_ui_tab{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer;opacity:.65;transition:background .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}
.sound_ui_tab:hover{opacity:.9}.sound_ui_tab.is_active{background:rgba(255,255,255,.12);box-shadow:0 2px 10px rgba(0,0,0,.08);opacity:1}.sound_ui_tab:active{transform:scale(.985)}
.sound_ui_tab em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:rgba(127,127,127,.14);font-size:9px;font-style:normal}
.sound_ui_view{animation:soundUiViewIn .2s cubic-bezier(.2,.7,.25,1)}
@keyframes soundUiViewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.custom_sound_pref_table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.custom_sound_pref_row{position:relative;min-width:0;padding:12px;border:1px solid rgba(127,127,127,.16);border-radius:14px;background:rgba(127,127,127,.035);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.custom_sound_pref_row:hover{transform:translateY(-1px);border-color:rgba(127,127,127,.27);box-shadow:0 6px 18px rgba(0,0,0,.045)}
.custom_sound_pref_row.is_sound_off{opacity:.72;background:rgba(127,127,127,.022)}
.sound_ui_event_top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0}
.custom_sound_pref_icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(127,127,127,.12);font-size:14px;transition:transform .2s ease,background .2s ease}
.is_sound_on .custom_sound_pref_icon{transform:scale(1.03);background:rgba(127,127,127,.17)}
.custom_sound_pref_copy{min-width:0}.custom_sound_pref_copy p{margin:0}.custom_sound_pref_copy .sub_text{display:-webkit-box;overflow:hidden;margin-top:2px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sound_ui_event_toggle{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sound_ui_state_label{font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:.56}.is_sound_on .sound_ui_state_label{opacity:.9}
.sound_ui_event_toggle .switch_wrap{width:42px;margin:0}.sound_ui_event_toggle .bswitch{width:42px;padding:2px;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.sound_ui_event_toggle .bball{width:20px;height:20px;transition:margin-left .18s cubic-bezier(.2,.8,.2,1)}.sound_ui_event_toggle .onball{margin-left:18px}
.custom_sound_pref_choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:11px;min-width:0}
.sound_ui_select_wrap{position:relative;display:flex;align-items:center;min-width:0}.sound_ui_select_wrap>i{position:absolute;z-index:1;left:10px;font-size:10px;opacity:.52;pointer-events:none}.sound_ui_select_wrap select{width:100%;min-width:0;height:38px;padding-left:27px!important;border-radius:10px}
.custom_sound_slot_preview{display:flex;align-items:center;justify-content:center;gap:6px;min-width:76px;height:38px;padding:0 10px;border-radius:10px;font-size:10px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.custom_sound_slot_preview:active{transform:scale(.97)}.custom_sound_slot_preview.is_playing{box-shadow:0 0 0 3px rgba(127,127,127,.17)}
.custom_sound_system_only{display:flex}.sound_ui_default_chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border-radius:9px;background:rgba(127,127,127,.08);font-size:10px;font-weight:700;opacity:.72}
.custom_sound_unique_note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 11px;border-radius:11px;background:rgba(127,127,127,.06)}.custom_sound_unique_note>i{margin-top:2px;opacity:.65}.custom_sound_unique_note p{margin:0;line-height:1.4}
.custom_sound_slot_reset{animation:customSoundReset .75s ease}@keyframes customSoundReset{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 3px rgba(226,91,91,.22)}}
.sound_ui_library_head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sound_ui_library_head p{margin:0}.sound_ui_library_head .sub_text{margin-top:3px}.sound_ui_owned_count{display:inline-flex;align-items:center;gap:5px;min-width:max-content;padding:6px 9px;border-radius:99px;background:rgba(127,127,127,.09);font-size:10px;font-weight:800}
.custom_sound_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.custom_sound_card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid rgba(127,127,127,.15);border-radius:13px;background:rgba(127,127,127,.03);transition:transform .18s ease,border-color .18s ease,background .18s ease}.custom_sound_card:hover{transform:translateY(-1px);border-color:rgba(127,127,127,.27);background:rgba(127,127,127,.06)}
.custom_sound_play,.custom_sound_admin_play{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:12px;font-size:13px;transition:transform .16s ease,box-shadow .16s ease}.custom_sound_play:hover,.custom_sound_admin_play:hover{transform:scale(1.04)}.custom_sound_play.is_playing,.custom_sound_admin_play.is_playing,.custom_sound_edit_play.is_playing{box-shadow:0 0 0 3px rgba(127,127,127,.17)}
.custom_sound_card_text{min-width:0}.custom_sound_card_text p{margin:0}.custom_sound_price{display:flex;align-items:center;min-height:18px;margin-top:2px;font-size:10px;opacity:.74}.custom_sound_card_action{display:flex;align-items:center;justify-content:flex-end}.custom_sound_owned{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap}.custom_sound_owned i{font-size:11px}.custom_sound_buy{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border-radius:9px;font-size:10px;font-weight:800}
.custom_sound_admin_thumb{display:flex;align-items:center;justify-content:center;overflow:visible}.custom_sound_admin_play{width:40px;height:40px;min-width:40px}.custom_sound_edit_preview{display:flex;justify-content:center;padding:6px 0 16px}.custom_sound_edit_play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px}
@media (prefers-reduced-motion:reduce){.sound_ui_wave b,.sound_ui_view{animation:none!important}.custom_sound_pref_row,.sound_ui_tab,.custom_sound_play,.custom_sound_slot_preview{transition:none!important}}
@media screen and (max-width:640px){
	.sound_ui_hero{align-items:flex-start;gap:10px;padding:12px}.sound_ui_visual{width:52px;height:48px;min-width:52px}.sound_ui_visual>i{display:none}.sound_ui_hero_copy .sub_text{font-size:10px}.sound_ui_hero_actions{gap:6px}.sound_ui_summary{align-self:flex-end}.sound_ui_master_btn span{display:none}.sound_ui_master_btn{width:35px;padding:0}.sound_ui_master_actions{gap:5px}
	.custom_sound_pref_table{grid-template-columns:1fr}.custom_sound_pref_row{padding:11px}.custom_sound_pref_row:hover{transform:none}.custom_sound_pref_copy .sub_text{-webkit-line-clamp:1}.custom_sound_slot_preview{min-width:40px;width:40px;padding:0}.custom_sound_slot_preview span{display:none}
	.sound_ui_library_head{align-items:flex-start}.sound_ui_library_head .sub_text{font-size:10px}.sound_ui_owned_count{margin-top:2px}.custom_sound_grid{grid-template-columns:1fr}.custom_sound_card:hover{transform:none}
}
@media screen and (max-width:390px){.sound_ui_hero_copy .sub_text{display:none}.sound_ui_visual{width:46px;min-width:46px}.sound_ui_master_actions{position:absolute;right:11px;bottom:10px}.sound_ui_hero{padding-bottom:49px}.sound_ui_summary{position:absolute;left:70px;bottom:17px}.sound_ui_tabs{margin-top:0}.sound_ui_event_top{grid-template-columns:38px minmax(0,1fr) auto}.custom_sound_pref_icon{width:38px;height:38px}}

.rank_shop_modal{padding:0;overflow:hidden}.rank_shop_head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px 12px;border-bottom:1px solid rgba(127,127,127,.16)}.rank_shop_kicker{font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.62}.rank_shop_kicker i{margin-right:5px}.rank_shop_title{font-size:21px;line-height:1.25;font-weight:800;margin-top:3px}.rank_shop_wallets{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.rank_shop_wallet{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(244,184,0,.13);font-size:12px;font-weight:800}.rank_shop_wallet.ruby{background:rgba(221,73,144,.13)}.rank_shop_active{margin:12px 14px 0;padding:10px 12px;border-radius:14px;background:rgba(99,102,241,.10);border:1px solid rgba(99,102,241,.18);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.rank_shop_active_icon,.rank_shop_rank_icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(127,127,127,.09)}.rank_shop_active_rank,.rank_shop_rank_img{max-width:27px;max-height:27px}.rank_shop_active_label,.rank_shop_timer_label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-weight:800}.rank_shop_active_name{font-size:14px;font-weight:800;margin-top:2px}.rank_shop_timer_wrap{text-align:right}.rank_shop_timer{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}.rank_shop_note{padding:11px 16px 4px;font-size:11px;line-height:1.45;opacity:.64}.rank_shop_grid{padding:10px 14px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:62vh;overflow:auto}.rank_shop_card{border:1px solid rgba(127,127,127,.18);border-radius:15px;padding:12px;background:rgba(127,127,127,.035);min-width:0}.rank_shop_card.active{border-color:rgba(99,102,241,.42);box-shadow:0 0 0 2px rgba(99,102,241,.07) inset}.rank_shop_card_top{display:flex;gap:9px;align-items:center}.rank_shop_rank_text{min-width:0}.rank_shop_rank_name{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank_shop_rank_meta{font-size:10px;opacity:.54;margin-top:2px}.rank_shop_prices{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 8px}.rank_shop_prices span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:9px;background:rgba(244,184,0,.11);font-size:11px}.rank_shop_prices span.ruby{background:rgba(221,73,144,.11)}.rank_shop_prices small{font-size:9px;opacity:.56}.rank_shop_term_row{display:flex;align-items:center;gap:8px}.rank_shop_term_row label{font-size:10px;font-weight:800;opacity:.62}.rank_shop_months{flex:1;min-width:0;height:32px;border-radius:9px}.rank_shop_total{min-height:18px;padding-top:5px;font-size:10px;opacity:.62}.rank_shop_actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.rank_shop_actions:has(.rank_shop_buy:only-child){grid-template-columns:1fr}.rank_shop_buy{border:0;border-radius:10px;min-height:36px;padding:7px 8px;font-size:10px;font-weight:900;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px}.rank_shop_buy.gold{background:rgba(244,184,0,.18)}.rank_shop_buy.ruby{background:rgba(221,73,144,.18)}.rank_shop_buy:disabled{opacity:.45;cursor:wait}.rank_shop_buy[data-rank-shop-locked="1"]{opacity:.52;cursor:not-allowed;filter:saturate(.45)}.rank_shop_card.active .rank_shop_months:disabled{opacity:.58;cursor:not-allowed}.rank_shop_menu_timer{margin-left:auto;font-size:9px;line-height:1;font-weight:800;opacity:.65;font-variant-numeric:tabular-nums}.rank_shop_admin_rows{display:grid;gap:8px;padding:0 10px 10px}.rank_shop_admin_row{display:grid;grid-template-columns:minmax(180px,1.3fr) 100px minmax(145px,1fr) minmax(145px,1fr);gap:9px;align-items:end;padding:10px;border:1px solid rgba(127,127,127,.18);border-radius:12px}.rank_shop_admin_name{display:flex;align-items:center;gap:8px;font-weight:800;min-height:38px}.rank_shop_admin_name small{opacity:.5;font-weight:600;margin-left:auto}.rank_shop_admin_icon{width:24px;height:24px;object-fit:contain}.rank_shop_admin_row label{font-size:10px;font-weight:700;opacity:.75}.rank_shop_admin_row label input{margin-top:4px}.rank_shop_admin_active{height:40px}@media(max-width:700px){.rank_shop_grid{grid-template-columns:1fr;max-height:66vh}.rank_shop_head{padding:13px 14px 10px}.rank_shop_title{font-size:18px}.rank_shop_wallets{gap:4px}.rank_shop_wallet{padding:5px 7px;font-size:10px}.rank_shop_active{grid-template-columns:auto 1fr}.rank_shop_timer_wrap{grid-column:1/-1;text-align:left;display:flex;gap:6px;align-items:baseline;padding-left:50px}.rank_shop_admin_row{grid-template-columns:1fr 90px}.rank_shop_admin_row label{grid-column:span 1}}@media(max-width:460px){.rank_shop_actions{grid-template-columns:1fr}.rank_shop_admin_row{grid-template-columns:1fr}.rank_shop_admin_row label{grid-column:auto}.rank_shop_admin_name small{margin-left:auto}}

.pm_privacy_box{padding:18px;max-width:520px;margin:0 auto}.pm_privacy_head{display:flex;align-items:center;gap:12px;padding:2px 2px 14px}.pm_privacy_head_icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(127,127,127,.12);box-shadow:inset 0 0 0 1px rgba(127,127,127,.12)}.pm_privacy_head_text{min-width:0;flex:1}.pm_privacy_notice{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;margin-bottom:12px;border-radius:14px;background:rgba(127,127,127,.075);box-shadow:inset 0 0 0 1px rgba(127,127,127,.11)}.pm_privacy_notice>i{margin-top:2px;font-size:15px;opacity:.75}.pm_privacy_list{display:grid;gap:9px}.pm_privacy_card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:15px;background:rgba(127,127,127,.055);box-shadow:inset 0 0 0 1px rgba(127,127,127,.11);transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.pm_privacy_card:hover{background:rgba(127,127,127,.085);box-shadow:inset 0 0 0 1px rgba(127,127,127,.15),0 6px 18px rgba(0,0,0,.04)}.pm_privacy_card_icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.105);font-size:15px}.pm_privacy_card_body{min-width:0}.pm_privacy_card_top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.pm_privacy_title{font-size:13px;font-weight:700;line-height:1.25;min-width:0}.pm_privacy_state{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.45;background:rgba(127,127,127,.12);opacity:.85}.pm_privacy_state.is_on{background:rgba(38,166,91,.14)}.pm_privacy_state.is_off{background:rgba(127,127,127,.12)}.pm_privacy_switch{display:flex;align-items:center;justify-content:flex-end;min-width:46px}.pm_privacy_unavailable{width:34px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.1);opacity:.55}.pm_privacy_save_state{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:12px;min-height:28px}.pm_privacy_save_state.is_saving i{animation:pmPrivacySpin .8s linear infinite}.pm_privacy_save_state.is_saved{opacity:.9}@keyframes pmPrivacySpin{to{transform:rotate(360deg)}}@media(max-width:480px){.pm_privacy_box{padding:14px}.pm_privacy_card{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:11px}.pm_privacy_card_icon{width:36px;height:36px;border-radius:12px}.pm_privacy_title{font-size:12px}.pm_privacy_notice{padding:11px}}@media(prefers-reduced-motion:reduce){.pm_privacy_card{transition:none}.pm_privacy_save_state.is_saving i{animation:none}}


/* Frontend hardening: keyboard focus and semantic-control compatibility. */
:where([role="button"],.boom-link-button){cursor:pointer;}
.boom-link-button{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;text-decoration:inherit;}
.modal_close{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;cursor:pointer;display:flex!important;align-items:center;justify-content:center;}
.password_eye{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;}
#submit_button:focus-visible,#private_send:focus-visible,#emo_item:focus-visible,#emo_item_priv:focus-visible,#ok_sub_item:focus-visible,#ok_priv_item:focus-visible,button:focus-visible,a:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(56,189,248,.22)!important;}
#content:focus,#content:focus-visible,#message_content:focus,#message_content:focus-visible,#top_chat_container:focus-within,#container_input:focus-within,#main_input:focus-within,#main_input_box:focus-within,#priv_input:focus-within,#private_input:focus-within,#message_form:focus-within,#private_input_box:focus-within{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important;}
[aria-busy="true"]{cursor:progress;}


/* 2026-08 frontend polish: compact friends panel + reaction parity + quiet composer focus. */
.profile_friend_panel{padding:0 2px 4px;}
.profile_friend_sections{gap:8px;margin-bottom:12px;}
.profile_friend_section_btn{gap:9px;padding:10px 11px;border-radius:13px;min-height:58px;box-shadow:none;}
.profile_friend_section_btn:hover{transform:none;background:rgba(127,127,127,.07);}
.profile_friend_section_btn.is_active{border-color:rgba(127,127,127,.24);background:rgba(127,127,127,.10);}
.profile_friend_section_icon{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:14px;}
.profile_friend_section_count{font-size:16px;line-height:1;font-weight:800;}
.profile_friend_section_label{margin-top:3px;font-size:10.5px;line-height:1.2;}
.profile_friend_view .pagzone,.mutual_friend_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,86px));gap:10px;justify-content:start;align-items:start;}
.profile_friend_view .pagzone.hidden{display:none;}
.profile_friend_view .pagzone[style*="display: block"]{display:grid!important;}
.profile_friend_view .user_square_elem,.mutual_friend_grid .user_square_elem{display:block;width:100%!important;max-width:86px;height:auto;aspect-ratio:1/1;margin:0!important;border-radius:13px;background:rgba(127,127,127,.07);box-shadow:inset 0 0 0 1px rgba(127,127,127,.13);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease;}
.profile_friend_view .user_square_elem:hover,.mutual_friend_grid .user_square_elem:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(127,127,127,.22),0 5px 14px rgba(0,0,0,.08);}
.profile_friend_view .user_square_elem img,.mutual_friend_grid .user_square_elem img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
.profile_friend_view .square_name,.mutual_friend_grid .square_name{padding:4px 5px;font-size:9.5px;line-height:1.2;border-radius:0 0 13px 13px;}
#content:focus,#content:focus-visible,#message_content:focus,#message_content:focus-visible,#top_chat_container:focus-within,#priv_input:focus-within{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;}
.rank_shop_loading{pointer-events:none;opacity:.72;}
@media screen and (max-width:640px){
	.profile_friend_sections{gap:7px;margin-bottom:11px;}
	.profile_friend_section_btn{padding:9px;min-height:54px;}
	.profile_friend_section_icon{width:34px;height:34px;min-width:34px;}
	.profile_friend_section_count{font-size:15px;}
	.profile_friend_section_label{font-size:10px;}
	.profile_friend_view .pagzone,.mutual_friend_grid{grid-template-columns:repeat(auto-fill,minmax(70px,82px));gap:9px;}
	.profile_friend_view .user_square_elem,.mutual_friend_grid .user_square_elem{max-width:82px;}
}
@media (prefers-reduced-motion:reduce){
	.profile_friend_view .user_square_elem,.mutual_friend_grid .user_square_elem{transition:none;}
}


/* Lightweight media protection: normal text selection/copy remains untouched. */
img[data-boom-media-protected="1"],video[data-boom-media-protected="1"],
.profile_animation_media,.profile_animation_preview_media{
    -webkit-user-drag:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
}

/* 2026-08 empty-state grid hardening: empty placeholders must span the full collection width. */
:where(
    .pm_media_grid,
    .mutual_friend_grid,
    .username_wing_grid,
    .profile_animation_grid,
    .custom_sound_grid,
    .rank_icon_grid,
    .rank_name_grid
) > .empty_zone {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    max-width: none;
    justify-self: stretch;
    box-sizing: border-box;
}
.pm_media_grid > .empty_zone {
    min-height: clamp(190px, 34vh, 310px);
    padding-inline: clamp(18px, 6vw, 44px);
}
.pm_media_grid > .empty_zone .empty_zone_text,
.mutual_friend_grid > .empty_zone .empty_zone_text,
.username_wing_grid > .empty_zone .empty_zone_text,
.profile_animation_grid > .empty_zone .empty_zone_text,
.custom_sound_grid > .empty_zone .empty_zone_text,
.rank_icon_grid > .empty_zone .empty_zone_text,
.rank_name_grid > .empty_zone .empty_zone_text {
    width: auto;
    max-width: 360px;
    margin-inline: auto !important;
    overflow-wrap: normal;
    word-break: normal;
}


/* 2026-08 minor visual consistency hardening. */
/* Later music-player redesign was being blocked by an older !important base rule. */
.music_pill{
    padding:8px 24px!important;
    border-radius:50px!important;
}
/* Compact player-option previews intentionally remain compact. */
.player_option .music_pill{
    padding:0 4px!important;
}
/* New custom-sound cards are individual tiles; legacy list !important rules must not flatten them. */
.custom_sound_grid{
    overflow:visible;
    border-radius:0;
}
.custom_sound_card,
.custom_sound_card:first-child,
.custom_sound_card:last-child{
    border:1px solid rgba(127,127,127,.15)!important;
    border-radius:13px!important;
}
/* Preserve the intended tighter Shared Media spacing on phones. */
@media screen and (max-width:700px){
    .pm_media_box{padding:8px!important;}
    .pm_media_grid{gap:5px!important;padding:2px;}
}
.rank_shop_prices [data-rank-shop-price-value]{font-variant-numeric:tabular-nums}.rank_shop_prices [data-rank-shop-price-term]{white-space:nowrap}.rank_shop_total{font-variant-numeric:tabular-nums}

/* Admin navigation cleanup */
.admin_nav_shell { padding:8px 8px 32px; }
.admin_nav_tools { position:sticky; top:0; z-index:2; padding:8px 4px 12px; background:inherit; }
.admin_nav_search_wrap { position:relative; display:flex; align-items:center; min-height:42px; border:1px solid rgba(127,127,127,.2); border-radius:12px; background:rgba(127,127,127,.08); overflow:hidden; }
.admin_nav_search_wrap > .fa-search { flex:0 0 38px; width:38px; text-align:center; opacity:.7; }
.admin_nav_search { flex:1 1 auto; min-width:0; height:40px; padding:0; border:0; outline:0; background:transparent; color:inherit; font:inherit; }
.admin_nav_search::placeholder { color:inherit; opacity:.55; }
.admin_nav_clear { display:none; flex:0 0 38px; width:38px; height:40px; border:0; background:transparent; color:inherit; cursor:pointer; opacity:.7; }
.admin_nav_clear.is_visible { display:block; }
.admin_nav_clear:hover, .admin_nav_clear:focus-visible { opacity:1; background:rgba(127,127,127,.1); outline:2px solid currentColor; outline-offset:-3px; }
.admin_nav_hint { margin:7px 5px 0; font-size:11px; line-height:1.35; opacity:.72; }
.admin_nav_items > .page_menu_item { margin:2px 0; border-radius:10px; }
.admin_nav_items > .page_drop_control { margin-top:5px; font-weight:600; }
.admin_nav_items > .page_drop_control + .page_drop { margin:0 4px 7px; padding:3px 0 5px; border-inline-start:2px solid rgba(127,127,127,.18); }
.admin_nav_shell .page_menu_item { padding:12px 11px; }
.admin_nav_shell .page_drop_item { padding:10px 13px; padding-inline-start:32px; margin:1px 0; border-radius:8px; }
.admin_nav_shell .page_menu_icon { width:28px; }
.admin_nav_shell .page_menu_text, .admin_nav_shell .page_drop_text { line-height:1.25; }
.admin_nav_shell .page_drop_icon { width:22px; font-size:11px; opacity:.7; }
.admin_nav_shell .page_drop_item:hover, .admin_nav_shell .page_menu_item:hover { background:rgba(127,127,127,.1); }
.admin_nav_shell .pselected { font-weight:700; }
.admin_nav_filtered { display:none!important; }
.admin_nav_empty { margin:20px 6px; padding:18px 12px; border:1px dashed rgba(127,127,127,.25); border-radius:12px; text-align:center; opacity:.72; }
.admin_nav_empty .fa { display:block; margin-bottom:7px; font-size:20px; }

/* Cleaner admin dashboard hierarchy. */
.admin_dashboard { display:block; }
.admin_dashboard_section { margin-bottom:14px; }
.admin_dashboard_section:last-child { margin-bottom:0; }
.admin_dashboard_head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:2px 2px 10px; }
.admin_dashboard_head h3 { margin:0; font-size:14px; line-height:1.25; }
.admin_dashboard_head p { margin:0; font-size:11px; line-height:1.3; opacity:.65; text-align:end; }
.admin_stat_grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
.admin_dashboard .sp_box { width:auto; min-width:0; float:none; margin:0; border-radius:12px; cursor:default; }
.admin_dashboard .sp_content { min-height:86px; }
.admin_dashboard .sp_icon { width:58px; padding:18px 0; font-size:24px; }
.admin_dashboard .sp_info { min-width:0; padding:10px 12px; }
.admin_dashboard .sp_title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; opacity:.75; }
.admin_dashboard .sp_count { margin-top:3px; font-size:23px; line-height:1.1; }
.admin_dashboard_demographic .sp_content { min-height:72px; }
.admin_dashboard_demographic .sp_icon { width:50px; padding:14px 0; font-size:20px; }
.admin_dashboard_demographic .sp_count { font-size:20px; }
.admin_dashboard_quick { display:flex; flex-wrap:wrap; gap:8px; }
.admin_dashboard_quick .admin_quick_link { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:8px 12px; border:1px solid rgba(127,127,127,.18); border-radius:10px; cursor:pointer; }
.admin_dashboard_quick .admin_quick_link:hover { background:rgba(127,127,127,.08); }

@media screen and (max-width:900px){
	.admin_stat_grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width:520px){
	.admin_nav_shell { padding-inline:6px; }
	.admin_nav_hint { display:none; }
	.admin_stat_grid { grid-template-columns:1fr 1fr; gap:7px; }
	.admin_dashboard .sp_content { min-height:72px; }
	.admin_dashboard .sp_icon { width:48px; padding:14px 0; font-size:20px; }
	.admin_dashboard .sp_info { padding:8px 9px; }
	.admin_dashboard .sp_count { font-size:20px; }
	.admin_dashboard_head { align-items:flex-start; flex-direction:column; gap:3px; }
	.admin_dashboard_head p { text-align:start; }
}
.admin_nav_search_wrap:focus-within { border-color:currentColor; box-shadow:0 0 0 2px rgba(127,127,127,.12); }
.admin_nav_shell .page_menu_item:focus-visible,
.admin_nav_shell .page_drop_item:focus-visible { outline:2px solid currentColor; outline-offset:-2px; }

/* Private message settings hub */
.pm_privacy_section_label{margin:2px 2px 8px;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;opacity:.62}
.pm_privacy_share_label{margin-top:16px}
.pm_privacy_action_card{grid-template-columns:40px minmax(0,1fr) auto}
.pm_privacy_action{display:flex;align-items:center;justify-content:flex-end}
.pm_privacy_action .small_button{white-space:nowrap;min-height:34px;padding:0 12px}
@media(max-width:480px){.pm_privacy_action_card{grid-template-columns:36px minmax(0,1fr)}.pm_privacy_action{grid-column:2/3;justify-content:flex-start;margin-top:2px}.pm_privacy_action .small_button{width:100%}}

/* Keep admin navigation/icons on the bundled Font Awesome solid face even when a theme overrides generic <i> fonts. */
.admin_page i.fa,.another_admin_page i.fa{font-family:"Font Awesome 6 Free"!important;font-style:normal!important;font-weight:900!important;font-variant:normal!important;text-rendering:auto}

/* 2026-08 admin visual polish — theme-aware and scoped to admin only. */
.admin_page #page_full_global { background:rgba(127,127,127,.018); }
.admin_page #page_menu { border-inline-end:1px solid rgba(127,127,127,.10); }
.admin_page #page_menu .page_menu_wrapper,
.admin_page #side_menu .page_menu_wrapper { scrollbar-width:thin; }
.admin_page #page_wrapper { padding:14px 16px 36px; }

/* Sidebar identity and search */
.admin_nav_shell { padding:10px 10px 34px; }
.admin_nav_tools { padding:7px 4px 13px; }
.admin_nav_brand { display:flex; align-items:center; gap:10px; margin:0 1px 12px; padding:9px 8px; }
.admin_nav_brand_icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; background:linear-gradient(145deg,rgba(56,189,248,.22),rgba(127,127,127,.08)); border:1px solid rgba(127,127,127,.14); color:var(--smooth-accent); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.admin_nav_brand_icon .fa { font-size:16px; }
.admin_nav_brand_copy { min-width:0; display:block; }
.admin_nav_brand_copy strong,.admin_nav_brand_copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin_nav_brand_copy strong { font-size:13px; line-height:1.25; }
.admin_nav_brand_copy small { margin-top:3px; font-size:10px; line-height:1.2; opacity:.58; }
.admin_nav_search_wrap { min-height:44px; border-radius:13px; background:rgba(127,127,127,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.admin_nav_search_wrap:focus-within { border-color:rgba(56,189,248,.48); box-shadow:0 0 0 3px rgba(56,189,248,.11); }
.admin_nav_search { height:42px; font-size:12px; }
.admin_nav_hint { margin:7px 7px 0; }

/* Sidebar rows */
.admin_nav_items > .page_menu_item { min-height:44px; margin:3px 0; border:1px solid transparent; border-radius:12px; }
.admin_nav_items > .page_drop_control { margin-top:7px; font-weight:750; }
.admin_nav_shell .page_menu_item { position:relative; padding:11px 10px; }
.admin_nav_shell .page_menu_icon { width:34px; }
.admin_nav_shell .page_menu_icon > .fa { display:grid; place-items:center; width:28px; height:28px; margin:auto; border-radius:9px; background:rgba(127,127,127,.065); font-size:13px; transition:background-color .16s ease,transform .16s ease; }
.admin_nav_shell .page_menu_item:hover { border-color:rgba(127,127,127,.09); background:rgba(127,127,127,.065); }
.admin_nav_shell .page_menu_item:hover .page_menu_icon > .fa { transform:translateY(-1px); background:rgba(127,127,127,.11); }
.admin_nav_shell .page_menu_item.pselected { background:linear-gradient(90deg,rgba(56,189,248,.14),rgba(127,127,127,.045)); border-color:rgba(56,189,248,.20); box-shadow:inset 3px 0 0 var(--smooth-accent); }
.admin_nav_shell .page_menu_item.pselected .page_menu_icon > .fa { color:var(--smooth-accent); background:rgba(56,189,248,.14); }
.admin_nav_shell .page_drop_icon { transition:transform .16s ease; }
.admin_nav_shell .page_drop_control[aria-expanded="true"] .page_drop_icon { transform:rotate(180deg); }
.admin_nav_items > .page_drop_control + .page_drop { margin:2px 4px 8px 15px; padding:3px 0 5px 9px; border-inline-start:1px solid rgba(127,127,127,.14); }
.admin_nav_shell .page_drop_item { min-height:37px; padding:9px 11px; margin:1px 0; border-radius:9px; font-size:11px; line-height:1.3; opacity:.84; }
.admin_nav_shell .page_drop_item:hover { opacity:1; background:rgba(127,127,127,.075); transform:translateX(2px); }
.admin_nav_shell .page_drop_item.pselected { opacity:1; background:rgba(56,189,248,.10); box-shadow:inset 2px 0 0 var(--smooth-accent); }
.admin_nav_empty { border-radius:14px; background:rgba(127,127,127,.035); }

/* Content header */
.admin_page #page_wrapper > .page_full:first-child .page_element { margin-bottom:14px; padding:15px 18px; border:1px solid rgba(127,127,127,.11)!important; border-radius:16px!important; background:linear-gradient(135deg,rgba(127,127,127,.065),rgba(127,127,127,.018)); box-shadow:0 7px 22px rgba(0,0,0,.055); }
.admin_page #page_wrapper > .page_full:first-child .page_top_title { font-size:17px; line-height:1.25; letter-spacing:-.01em; }
.admin_page #page_wrapper > .page_full:first-child .page_top_title > .fa { display:inline-grid; place-items:center; width:28px; height:28px; margin-inline-end:7px; border-radius:9px; background:rgba(56,189,248,.11); color:var(--smooth-accent); font-size:11px; }

/* Consistent cards and forms across legacy admin modules */
.admin_page #page_wrapper .page_element { margin-bottom:12px; padding:18px; border:1px solid rgba(127,127,127,.11)!important; border-radius:16px!important; box-shadow:0 7px 22px rgba(0,0,0,.045); }
.admin_page #page_wrapper .page_element:hover { box-shadow:0 10px 28px rgba(0,0,0,.07); }
.admin_page #page_wrapper .page_element > .setting_element,
.admin_page #page_wrapper .form_control > .setting_element,
.admin_page #page_wrapper .form_content > .setting_element { margin:0; padding:13px 0; border:0!important; border-bottom:1px solid rgba(127,127,127,.10)!important; border-radius:0!important; box-shadow:none!important; }
.admin_page #page_wrapper .page_element > .setting_element:first-child,
.admin_page #page_wrapper .form_control > .setting_element:first-child,
.admin_page #page_wrapper .form_content > .setting_element:first-child { padding-top:4px; }
.admin_page #page_wrapper .page_element > .setting_element:last-child,
.admin_page #page_wrapper .form_control > .setting_element:last-child,
.admin_page #page_wrapper .form_content > .setting_element:last-child { padding-bottom:4px; border-bottom:0!important; }
.admin_page #page_wrapper .setting_element .label { margin-bottom:7px; font-size:12px; line-height:1.35; }
.admin_page #page_wrapper .setting_element .sub_text { line-height:1.5; }
.admin_page #page_wrapper .full_input,
.admin_page #page_wrapper .full_textarea,
.admin_page #page_wrapper select,
.admin_page #page_wrapper .selectboxit-container .selectboxit { min-height:44px; border:1px solid rgba(127,127,127,.14)!important; background:rgba(127,127,127,.045); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.admin_page #page_wrapper .full_input:hover,
.admin_page #page_wrapper .full_textarea:hover,
.admin_page #page_wrapper select:hover { border-color:rgba(127,127,127,.24)!important; }
.admin_page #page_wrapper .form_control { padding-top:13px; }
.admin_page #page_wrapper .form_control:last-child:has(> .reg_button),
.admin_page #page_wrapper .form_control:last-child:has(> button) { display:flex; justify-content:flex-end; gap:8px; }
.admin_page #page_wrapper .reg_button { min-height:42px; padding:0 16px; border-radius:11px!important; }

/* Tabbed setting screens */
.admin_page #page_wrapper .tab_menu { margin:0 0 12px; padding:5px; border:1px solid rgba(127,127,127,.11)!important; border-radius:14px!important; background:rgba(127,127,127,.035); box-shadow:none; }
.admin_page #page_wrapper .tab_menu ul { display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:0; }
.admin_page #page_wrapper .tab_menu ul li { min-height:36px; display:inline-flex; align-items:center; margin:0; padding:8px 13px; border:1px solid transparent; border-radius:10px!important; font-size:11px; }
.admin_page #page_wrapper .tab_menu ul li:hover { transform:none; background:rgba(127,127,127,.07)!important; }
.admin_page #page_wrapper .tab_menu ul li.tab_selected { border-color:rgba(56,189,248,.17); background:rgba(56,189,248,.11)!important; box-shadow:inset 0 0 0 1px rgba(56,189,248,.03); }

/* Searches and action rows */
.admin_page #page_wrapper .admin_search { display:flex; align-items:stretch; gap:7px; overflow:visible; border-radius:12px; }
.admin_page #page_wrapper .admin_search .admin_input { display:block; flex:1 1 auto; min-width:0; }
.admin_page #page_wrapper .admin_search_btn { display:grid; place-items:center; flex:0 0 46px; width:46px; min-height:44px; border-radius:11px; cursor:pointer; }
.admin_page #page_wrapper .admin_search_btn:hover { transform:translateY(-1px); }
.admin_page #page_wrapper .listing_element,
.admin_page #page_wrapper .switch_item { border:1px solid rgba(127,127,127,.09)!important; border-radius:13px!important; box-shadow:none; }
.admin_page #page_wrapper .listing_element:hover,
.admin_page #page_wrapper .switch_item:hover { border-color:rgba(127,127,127,.17)!important; background:rgba(127,127,127,.03); box-shadow:0 7px 18px rgba(0,0,0,.045); }

/* Dashboard */
.admin_dashboard > .page_element { padding:20px!important; }
.admin_dashboard_section { margin-bottom:22px; }
.admin_dashboard_section + .admin_dashboard_section { padding-top:19px; border-top:1px solid rgba(127,127,127,.09); }
.admin_dashboard_head { align-items:center; margin:0 2px 12px; }
.admin_dashboard_head h3 { font-size:13px; letter-spacing:.005em; }
.admin_dashboard_head p { max-width:410px; }
.admin_stat_grid { gap:11px; }
.admin_overview_grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin_dashboard .sp_box { position:relative; overflow:hidden; border:1px solid rgba(127,127,127,.10); border-radius:15px!important; background:linear-gradient(145deg,rgba(127,127,127,.055),rgba(127,127,127,.018)); box-shadow:none; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.admin_dashboard .sp_box:hover { transform:translateY(-2px); border-color:rgba(127,127,127,.18); box-shadow:0 10px 25px rgba(0,0,0,.07); }
.admin_dashboard .sp_content { min-height:88px; }
.admin_dashboard .sp_icon { width:62px; padding:0; font-size:20px; }
.admin_dashboard .sp_icon .fa { display:grid; place-items:center; width:38px; height:38px; margin:auto; border-radius:12px; background:rgba(255,255,255,.10); box-shadow:inset 0 1px 0 rgba(255,255,255,.10); }
.admin_dashboard .sp_info { padding:12px 13px; }
.admin_dashboard .sp_title { font-size:10px; font-weight:750; letter-spacing:.035em; text-transform:uppercase; opacity:.62; }
.admin_dashboard .sp_count { margin-top:5px; font-size:25px; font-weight:850; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.admin_dashboard_demographic .sp_content { min-height:76px; }
.admin_dashboard_demographic .sp_icon { width:54px; }
.admin_dashboard_demographic .sp_icon .fa { width:34px; height:34px; border-radius:11px; }
.admin_dashboard_demographic .sp_count { font-size:20px; }
.admin_dashboard_quick { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.admin_dashboard_quick .admin_quick_link { min-height:50px; width:100%; justify-content:flex-start; padding:10px 12px; border:1px solid rgba(127,127,127,.11); border-radius:13px; background:rgba(127,127,127,.025); font-size:11px; font-weight:700; text-align:start; }
.admin_dashboard_quick .admin_quick_link .fa { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:9px; background:rgba(56,189,248,.10); color:var(--smooth-accent); }
.admin_dashboard_quick .admin_quick_link:hover { transform:translateY(-1px); border-color:rgba(56,189,248,.18); background:rgba(56,189,248,.055); box-shadow:0 8px 20px rgba(0,0,0,.055); }

/* Keep purpose-built premium module cards intact inside the cleaner shell. */
.admin_page #page_wrapper .premium_settings_card,
.admin_page #page_wrapper .premium_setting_tile,
.admin_page #page_wrapper .premium_reward_tile,
.admin_page #page_wrapper .premium_badge_rule { box-shadow:initial; }

@media screen and (max-width:900px){
    .admin_page #page_wrapper { padding:11px 12px 28px; }
    .admin_dashboard_quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width:520px){
    .admin_page #page_wrapper { padding:8px 8px 24px; }
    .admin_nav_brand { padding-inline:5px; }
    .admin_nav_brand_icon { width:35px; height:35px; flex-basis:35px; border-radius:11px; }
    .admin_nav_brand_copy strong { font-size:12px; }
    .admin_nav_brand_copy small { display:none; }
    .admin_page #page_wrapper > .page_full:first-child .page_element { padding:13px 14px; margin-bottom:9px; }
    .admin_page #page_wrapper > .page_full:first-child .page_top_title { font-size:15px; }
    .admin_page #page_wrapper .page_element { padding:14px; margin-bottom:9px; border-radius:14px!important; }
    .admin_page #page_wrapper .page_element > .setting_element,
    .admin_page #page_wrapper .form_control > .setting_element,
    .admin_page #page_wrapper .form_content > .setting_element { padding:11px 0; }
    .admin_page #page_wrapper .tab_menu { overflow-x:auto; scrollbar-width:none; }
    .admin_page #page_wrapper .tab_menu::-webkit-scrollbar { display:none; }
    .admin_page #page_wrapper .tab_menu ul { flex-wrap:nowrap; width:max-content; min-width:100%; }
    .admin_page #page_wrapper .tab_menu ul li { white-space:nowrap; }
    .admin_dashboard > .page_element { padding:14px!important; }
    .admin_dashboard_section { margin-bottom:17px; }
    .admin_dashboard_section + .admin_dashboard_section { padding-top:15px; }
    .admin_overview_grid { grid-template-columns:1fr 1fr; }
    .admin_stat_grid { gap:7px; }
    .admin_dashboard .sp_content { min-height:72px; }
    .admin_dashboard .sp_icon { width:48px; }
    .admin_dashboard .sp_icon .fa { width:31px; height:31px; border-radius:10px; font-size:15px; }
    .admin_dashboard .sp_info { padding:8px 9px; }
    .admin_dashboard .sp_count { font-size:20px; }
    .admin_dashboard .sp_title { font-size:8.5px; }
    .admin_dashboard_quick { grid-template-columns:1fr; gap:7px; }
    .admin_dashboard_quick .admin_quick_link { min-height:46px; }
}
.admin_nav_shell .page_drop_control.admin_nav_group_active { background:rgba(56,189,248,.055); border-color:rgba(56,189,248,.12); }
.admin_nav_shell .page_drop_control.admin_nav_group_active .page_menu_icon > .fa { color:var(--smooth-accent); background:rgba(56,189,248,.10); }

/* v24: original admin shell + targeted usability improvements. */
/* Keep page-menu icons on the bundled Font Awesome face without restyling the original admin navigation. */
#page_menu .page_menu_icon .fa,
#side_menu .page_menu_icon .fa,
#page_menu .page_drop_icon .fa,
#side_menu .page_drop_icon .fa{
    font-family:"Font Awesome 6 Free"!important;
    font-style:normal!important;
    font-weight:900!important;
    font-variant:normal!important;
    text-rendering:auto;
}
.admin_member_search_hint{margin:6px 2px 2px;line-height:1.4}
.admin_member_search_meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.admin_member_search_meta span{display:inline-flex;align-items:center;gap:4px;min-width:0}
.admin_member_search_meta .fa{font-size:9px;opacity:.7}

/* Private-message list: keep the existing system menu, but make rows easier to scan. */
#private_menu{width:340px;max-width:calc(100vw - 16px)}
#private_menu .float_content{padding:6px}
#private_menu .priv_mess{margin:3px 0;padding:9px 8px;border:1px solid transparent;border-radius:10px!important;transition:background-color .16s ease,border-color .16s ease,transform .2s ease,opacity .2s ease}
#private_menu .priv_mess.pm_row_unread{background:rgba(127,127,127,.075);border-color:rgba(127,127,127,.12)}
#private_menu .priv_mess.pm_row_unread .username{font-weight:800}
#private_menu .priv_mess.pm_row_unread .pm_row_preview{opacity:.88;font-weight:600}
#private_menu .fmenu_avatar{width:36px;height:36px}
#private_menu .fmenu_avatar img{width:36px;height:36px}
#private_menu .fmenu_name{padding-inline:8px}
#private_menu .pm_row_preview{max-width:190px;margin-top:3px;font-size:11px;line-height:1.3}
#private_menu .private_count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--smooth-accent)!important;color:#fff!important;font-size:10px;font-weight:800;line-height:20px;box-shadow:none}
#private_menu .fmenu_option{width:28px;opacity:.72}
#private_menu .fmenu_option:hover{opacity:1}
@media(max-width:420px){
    #private_menu{width:calc(100vw - 12px)}
    #private_menu .float_content{padding:4px}
    #private_menu .priv_mess{padding:8px 6px}
    #private_menu .pm_row_preview{max-width:145px}
}