@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;700;900&display=swap');:root{
  --bg0:#101012;
  --bg1:#141416;
  --surface:#1a1a1d;
  --surface2:#202024;
  --text:#f5f5f5;
  --sub:#b5b5b5;
  --primary:#ff7a18;
  --accent:#c084fc;
  --warn:#ffd166;
  --ok:#9be15d;
  --err:#ff4d4d;
  --line:rgba(255,255,255,.07);
  --brillo-cielo:.72;
}
.ucount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-left: 6px;
    padding: 0;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff !important;
    background: #ff7a18 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle;
}
.user_count {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    font-weight: normal;
    font-weight: bold;
}
.dj_schedule_modal_card {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    background: #1c1c20 !important;
}
.wp_pinned_badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 8px;
    font-size: 0.75rem;
    color: #ffc56b !important;
    background: rgb(255 122 24 / 33%);
    border-radius: 12px;
    font-weight: 500;
}
.user_item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    background: rgb(0 0 0 / 7%);
    margin-bottom: 10px;
}
a {color:var(--accent)}
body {font-family:'Urbanist',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:#101012;color:var(--text)}
button {background:transparent;color:var(--text)}
input, textarea, .post_input_container {font-family:'Urbanist',sans-serif,'FontAwesome';background:var(--surface);color:var(--text);border:1px solid var(--line)!important}
.setdef {color:var(--text)}

.cookie_wrap { background:var(--surface2); color:#fff; }

.bback {background:rgba(255,255,255,.04)}

.bbackb {background:rgba(255,255,255,.03);border:1px solid var(--line)}

.bhover:hover { background:rgb(255,255,255,0.05); }

.bbackhover {background:rgba(255,255,255,.05)}
.bbackhover:hover {background:rgba(255,255,255,.08)}

.bbackhoverb {background:rgba(255,255,255,.04)}
.bbackhoverb:hover {background:rgba(255,255,255,.06);border:1px solid var(--line)}

.blisting {border-bottom:1px solid var(--line)}
.blisting:hover {background:rgba(255,255,255,.05)}

.blist {border-bottom:1px solid var(--line)}

.back_ptop {background:var(--surface2);color:var(--text)}

.bpmenu:hover {background:rgba(255,255,255,.08)}
.bsub {background:rgba(255,255,255,.06)}
.bsub:hover {background:rgba(255,255,255,.12)}

.bmenu, .submenu {border-bottom:1px solid var(--line)}
.bmenu:hover, .submenu:hover {background:rgba(255,255,255,.06)}

.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {box-shadow:0 12px 30px rgba(0,0,0,.45)}

.bselected {background:rgba(255,122,24,.18)}

.rselected {background:rgba(255,255,255,.1)}

.pselected {color:var(--primary)}

.cselected, .liked {background:rgba(192,38,211,.16)}

.pag_btn {background:rgba(255,255,255,.05);color:#f5f5f5}
.pagselected, .pag_btn:hover {background:rgba(255,255,255,.10)}

.gtag {background:var(--primary);border:1px solid rgba(255,255,255,.08);color:var(--bg0)}

.bborder {border-bottom:1px solid var(--line)}
.tborder {border-top:1px solid var(--line)}
.lborder, .ppanel {border-left:1px solid var(--line)}
.rborder {border-right:1px solid var(--line)}
.fborder {border:1px solid var(--line)}

.float_top { border-bottom:1px solid rgb(255,255,255,0.05); }
.float_ctop { border-bottom:1px solid rgb(255,255,255,0.05); }

.bhead {background:linear-gradient(180deg,#151517,#1b1b1e);color:var(--text);border-bottom:none}
.bsidebar { background:#121214; color:#fff; }
.modal_top { background:linear-gradient(180deg,#151517,#1b1b1e); color:#fff; }
.pro_top { background:linear-gradient(180deg,#151517,#1b1b1e); color:#fff; }
.bfoot {background:linear-gradient(0deg,#151517,#1b1b1e);color:var(--text)}
.foot {background:#161618;border-top:1px solid rgba(255,255,255,.06);color:var(--text)}

.backglob {background:#101012}
.back_chat { background:#101012; }
.back_priv { background:#121214; }
.back_panel { background:#121214; }
.back_menu {background:#18181b}
.back_pmenu {background:#161618;color:var(--text)}
.back_box {background:#1c1c20}
.back_input {background:#161618;border-top:1px solid rgba(255,255,255,.06)}
.back_modal { background:#141416; }
.page_element { background:#141416; }
.back_quote {background:var(--bg0);border:1px solid var(--line)}

.theme_color {color:var(--primary)}
.default_color {color:var(--sub)}
.error {color:var(--err)}
.success {color:var(--ok)}
.warn {color:var(--warn)}

.theme_btn, .back_theme {background:linear-gradient(180deg,#ff9a3c,#e85d04);color:#1a0a04;border:none;box-shadow:0 10px 22px rgba(255,122,24,.40)}
.default_btn, .back_default { background:var(--surface2); color:#fff; }
.defaultd_btn { background:#1c1c20; color:#fff; }
.ok_btn {background:var(--ok);color:#102006}
.warn_btn {background:var(--warn);color:#1a0a04}
.delete_btn {background:#ff4d4d;color:#fff}
.send_btn {color:#ff7a18}

.user {color:var(--text)}

.chat_system {color:#f5f5f5}

.offline {opacity:.55}

.menui { color:var(--primary); }
.subi { color:var(--accent); }

.reply_item {background:var(--surface)}

.main_post_item {color:var(--sub)}

.input_item {color:var(--sub)}

.target_private, .hunt_quote {color: #fff6ee;background: #8a3a12;}
.hunter_private, .targ_quote {color: #f8eeff;background: #6b2a8a;}

.cquote {background:rgba(255,122,24,.16)!important}

.tab_menu {background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:12px}
.tab_selected {background:rgba(255,122,24,.16)}

.modal_mback {background:rgba(255,255,255,.08)}
.modal_mborder {border-bottom:1px solid var(--line)}
.modal_selected {background:rgba(255,122,24,.14)}

.modal_back {background-color:rgba(8,4,12,.68);backdrop-filter:blur(6px)}

.mbubble { background:rgba(255,255,255,0.035); }
.topic_log{
  background: #141416;
  color:#f5f5f5;
  margin:0;
  width:auto;
  max-width:none;
}
.sys_log { }

.bprogress {background:var(--ok);color:#102006}

.bnotify {background:#ff4d4d;color:#fff}
.foot_notify, .head_notify {border:1px solid #fff}

.sub_date {color:#a3a3a3}
.sub_chat, .sub_priv {color:#d4d4d4}

.sub_text, .list_mood {color:#d4d4d4}

.plikes {background-color:rgba(255,122,24,.24);color:var(--text)}

.bspin {color:rgba(255,214,170,.40)}

.my_notice {color:#1a0a04;background:var(--primary)}
.system_text {background:#1c1c20;color:#f5f5f5}

.back_page {background:#101012;color:var(--text)}

.post_video {background:#000}

.boom_slider .ui-widget-content {background:#1c1c20}
.boom_slider .ui-state-default {background:#ff7a18!important}
.boom_slider .ui-state-active {background:#c026d3!important}
.boom_slider .ui-slider-range {background:#ff7a18}

.selectboxit-list, .selectboxit-btn {background-color:var(--surface);color:#d4d4d4;border:1px solid var(--line)!important}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {background-color:var(--surface2);color:var(--text)}
.selectboxit-default-arrow {border-top:4px solid var(--primary)}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {background:var(--surface2);color:var(--text)}
.selectboxit-options {background:var(--surface)}
.selectboxit-list .selectboxit-option-anchor {color:#d4d4d4}

.modal_in { border:1px solid rgb(255,255,255,0.01); } 

.poll-option{
  margin: 10px 0;
  padding: 10px;
  background-color: #1c1c20 !important;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}

.stories.list .story>.item-link>.info{
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #d4d4d4 !important;
}

.stories.carousel .story>.item-link>.info .name{
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #f5f5f5 !important;
}

.poll-option:hover{
  background-color: #8a3a12 !important;
}

.percentage{
  position: absolute;
  right: 10px; 
  font-weight: bold;
  color: #ffb020 !important;
}

.bhover:hover,.bhoverr:hover{background:rgba(255,255,255,.06)}

.float_top,.float_ctop{border-bottom:1px solid var(--line)}

.modal_top,.pro_top{background:linear-gradient(180deg,#151517,#1b1b1e);color:var(--text)}

#intro_top,.back_chat{
  background-color:#101012 !important;
  background-image: linear-gradient(180deg, rgb(8 4 2 / 95%), rgb(8 4 2 / 93%)), url(cielo-halloween.jpg) !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important
}

.back_priv,.back_panel,.back_modal,.page_element{background:#121214}

.default_btn,.defaultd_btn,.back_default{background:#1c1c20;color:var(--text);border:1px solid rgba(255,255,255,.08)}

.menui{color:var(--primary)}
.subi{color:var(--accent)}

.cqname{color:var(--text)}

.cqmess{color:#f5f5f5}

.ch_logs{background:transparent}

.ch_logs:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}

.log2{background:rgba(255,255,255,.03)}

.tptitle{font-weight:900}

.tptext{font-weight:300}

.topic_log>.my_text{background:#1c1c20;border-radius:10px;padding:10px 12px}

.topic_log>.my_text::after{content:'';position:absolute;right:100%;top:20px;border-right:16px solid #1c1c20;border-bottom:16px solid transparent}

.topic_log>.topic_icon{width:65px}

.list_mood{font-weight:300}

.bhead .head_option,
.bhead .head_option .fa{
  color:#ffdabf
}
.bhead .head_option:hover,
.bhead .head_option:hover .fa{
  color:#c084fc
}
.footer_item,
.footer_item .fa,
.bfoot .fa{
  color:#ff7a18
}
.footer_item:hover,
.footer_item:hover .fa{
  color:#c084fc
}
.send_btn,
.send_btn .fa{
  color:#ff7a18;
  text-shadow:0 0 10px rgba(255,122,24,.7)
}
.panel_option,
.panel_bar_item,
.panel_option .fa,
.panel_bar_item .fa,
.left_bar_item,
.left_bar_item .fa{
  color:#ff9a3c
}
.panel_option:hover,
.panel_bar_item:hover,
.left_bar_item:hover{
  color:#c084fc
}
#main_input,
#main_input input,
#main_input textarea,
.back_input,
.back_input input,
.back_input textarea,
.back_input .post_input_container{
  border:none !important;
  box-shadow:none !important;
  outline:none !important
}
.user_item:hover{
  box-shadow:inset 3px 0 0 #ff7a18
}