:root {
    --bg-body: #141414;
    --text-primary: #ffffff;
    --text-secondary: #888888;
    --text-muted: #666666;
    --text-link: orange;
    --text-inverse: #333333;

    --bg-card: #1a1a1a;
    --bg-input: #151515;
    --bg-modal: #191919;
    --bg-panel: #191919;
    --bg-header: #111111;
    --bg-footer: #111111;
    --bg-menu: #242424;
    --bg-hover: rgba(255,255,255,0.05);
    --bg-selected: rgba(255,255,255,0.08);
    --bg-page: #111111;

    --border-color: rgba(255,255,255,0.05);
    --border-light: rgba(255,255,255,0.03);
    --border-input: #222222;

    --accent-primary: #03add8;
    --accent-hover: #0398c0;
    --accent-text: #ffffff;

    --btn-primary: #03add8;
    --btn-primary-text: #ffffff;
    --btn-danger: #cc0000;
    --btn-danger-text: #ffffff;
    --btn-success: #74b20e;
    --btn-success-text: #ffffff;
    --btn-warning: orange;
    --btn-warning-text: #ffffff;
    --btn-default: #333333;
    --btn-default-text: #ffffff;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.5);

    --chat-bg: #151515;
    --chat-system: #999999;
    --chat-user-color: #ffffff;
    --chat-private-target: #444444;
    --chat-private-target-text: #ffffff;
    --chat-private-hunter: #222222;
    --chat-private-hunter-text: #ffffff;
    --chat-quote-bg: rgba(255,255,255,0.05);
    --chat-quote-name: #999999;
    --chat-quote-text: #666666;
    --chat-topic-bg: #0d261a;
    --chat-topic-text: #d9f2e6;
    --chat-log-bg: rgba(0,0,0,0.05);

    --ulist-bg: #161616;
    --ulist-item: #414141;
    --ulist-hover: rgba(255,255,255,0.04);
    --ulist-selected: rgba(255,255,255,0.05);
    --ulist-text: #b5b5b5;
    --ulist-mood: #888888;
    --ulist-status: #888888;
    --ulist-online-dot: #22c55e;

    --notify-bg: red;
    --notify-text: #ffffff;

    --scrollbar-thumb: rgba(255,255,255,0.28);
    --scrollbar-track: transparent;
    --backdrop: rgba(0,0,0,0.6);
    --bubble-bg: rgba(255,255,255,0.05);
    --progress-bg: #74b20e;
    --progress-text: #ffffff;
    --selected-page: #03add8;
    --login-mode: #03add8;
    --panel-selected-bg: #03add8;
    --icon-color: #03add8;
    --quote-target-bg: #444444;
    --quote-hunter-bg: #222222;
    --offline-opacity: 0.5;
    --reply-bg: #151515;
    --post-item-color: rgba(255,255,255,0.5);
    --input-item-color: #666666;
    --sub-date-color: #888888;
    --plike-bg: rgba(100,100,100,0.2);
    --plike-text: #ffffff;
    --spin-color: rgba(255,255,255,0.3);
    --special-notice-bg: #006699;
    --special-notice-text: #ffffff;
    --system-text-bg: rgba(255,255,255,0.05);
    --system-text-color: #888888;
    --video-bg: #000000;
    --slider-bg: #333333;
    --slider-handle: #cccccc;
    --slider-range: #666666;
    --user-hiden-bg: #ac6c6c;
    --user-hiden-border: #ac6c6c;
    --cookie-bg: #333333;
    --cookie-text: #ffffff;
    --panel-border: #323232;
    --ranking-system-bg: #565656;
    --ranking-system-text: #ffffff;
    --sub-item-text: #b5b5b5;
    --modal-menu-bg: #414141;
    --modal-menu-text: #b5b5b5;
    --send-btn-text: #f6f6f6;
}

a {color: var(--text-link);}
body {background: var(--bg-body); color: var(--text-primary);}
button { background:transparent; color:var(--text-primary); }
input, textarea, .post_input_container { background:var(--bg-input); border:1px solid var(--border-input) !important; color:var(--text-primary); }
.setdef { color:var(--text-primary); }
body,
#radioplaystatSelectBoxItContainer,
#radioplaystatSelectBoxIt,
#chat_input_container,
#chat_center,
#right_panel_bar,
#radioplaystat,
#chat_right,
.arrowback,
.arrow,
.user,
.bcolor32,
.cright,
.background_box,
.input_wrap,
#message_content,
.fmenu_item,
.avset,
#custom-player2,
#wrap_chat,
#main_input,
.adnoyer_log,
.ikonakamerapriv,
.ikonakamera,
.ikonakameraeye,
.lista_logs,
.online_user,
#content,
#private_content,
#priv_input {
    color: var(--text-primary) !important;
    background-color: var(--bg-body) !important;
    
}
.text_title,.page_ttext,
.back_chat, .back_input{
    background:var(--bg-input) !important;
}
.back_menu {
    background:var(--bg-menu);
}
.popup {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 600px !important;
    padding: 20px !important;
    background: var(--bg-modal) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) ;
    z-index: 1000 !important;
    border-radius: 12px !important;
    text-align: center !important;
}
.popup h2 { font-size: 22px !important; margin-bottom: 10px !important; }
.popup p { font-size: 16px !important; margin-bottom: 10px !important; }
.popup ul { text-align: left !important; padding-left: 20px !important; }
.popup li { font-size: 14px !important; margin: 5px 0 !important; }
.popup a { color: var(--accent-primary) !important; text-decoration: none !important; }
.popup-buttons { margin-top: 15px !important; }
.popup-buttons .accept { background: var(--accent-primary) !important; color: var(--btn-primary-text) !important; padding: 10px 15px !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; }
.popup-buttons .decline { background: var(--btn-danger) !important; color: var(--btn-danger-text) !important; padding: 10px 15px !important; border-radius: 8px !important; text-decoration: none !important; margin-left: 10px !important; }
.popup-bg { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: var(--backdrop) !important; z-index: 999 !important; }

#custom-player {
    border-top: 2px solid var(--accent-primary) !important;
    border-bottom: 0.1px solid var(--border-color) !important;
    width: 100% !important;
    height: 50px !important;
    background: var(--bg-header) !important;
    color: var(--accent-primary) !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}
#play-pause { font-size: 18px !important; color: var(--accent-primary) !important; border: none !important; background: none !important; cursor: pointer !important; }
#volume { width: 40% !important; height: 5px !important; background: var(--accent-primary) !important; border-radius: 5px !important; outline: none !important; }
#volume::-webkit-slider-thumb { -webkit-appearance: none !important; width: 15px !important; height: 15px !important; border-radius: 50% !important; background: var(--accent-hover) !important; cursor: pointer !important; }
#channel-select { width: 100% !important; height: 30px !important; color: var(--text-primary) !important; background: var(--bg-input) !important; border: 1px solid var(--border-input) !important; border-radius: 5px !important; padding: 5px !important; box-sizing: border-box !important; }

.ablaken, .stk-ee52b41, .stk-b76cda9, .stk-99de176 { background: var(--ulist-item) !important; }
.log2,.ch_logs,.right-toggle { background: var(--bg-modal) !important; }
.liczs { color: var(--text-primary) !important; }
.system__rankop { color: var(--text-primary) !important; background: var(--ranking-system-bg) !important; }
.panel_selected { background-color: var(--panel-selected-bg); border-radius: 3px; }
.redBackground { background-color: var(--quote-target-bg) !important; }
.topic_log { color: var(--chat-topic-text) !important; background-color: var(--chat-topic-bg) !important; }
.chat_system { color: var(--chat-system) !important; }
.user, .bcolor32 { background-color: transparent !important; }
.lista_logs:last-child, .lista_logs:nth-child(even) { background-color: var(--chat-log-bg) !important; }
@media screen and (max-width: 768px) { .log2 { background-color: var(--chat-log-bg); } }
.user_hiden { background-color: var(--user-hiden-bg) !important; }
.hidennick { border-bottom: 3px solid var(--user-hiden-border) !important; border-left: 3px solid var(--user-hiden-border) !important; border-right: 3px solid var(--user-hiden-border) !important; }
.user_item, .panel_bar { border-top: 1px solid var(--panel-border); border-bottom: 1px solid var(--panel-border); }
.styleselekt { border-bottom: 2px solid var(--accent-primary) !important; border-top: 1px solid var(--bg-body) !important; border-left: 1px solid var(--bg-body) !important; border-right: 1px solid var(--bg-body) !important; }
.ulist_item, .sub_item { background: var(--ulist-item); }
.ulist_container { background-color: var(--ulist-bg); }
.modal_in { background: var(--bg-modal); color: var(--sub-item-text); }
.sub_item { color: var(--sub-item-text); }
.modal_menu, .sub_list_item { background: var(--modal-menu-bg); color: var(--modal-menu-text); }
.klaw { fill: var(--text-primary) !important; }
.noview { background: var(--ulist-item) !important; border-bottom: 0px solid var(--text-primary) !important; }
#suggestions { background-color: var(--bg-body) !important; }
.cookie_wrap { background: var(--cookie-bg); color: var(--cookie-text); }
.bback { background: var(--bg-hover); }
.bbackb { background: var(--bg-hover); border: 1px solid var(--border-color); }
.bhover:hover { background: var(--bg-hover); }
.bbackhover { background: var(--bg-hover); }
.bbackhover:hover { background: var(--bg-selected); }
.bbackhoverb { background: var(--bg-hover); }
.bbackhoverb:hover { background: var(--bg-selected); border: 1px solid var(--border-color); }
.blisting { border-bottom: 1px solid var(--border-light); }
.blisting:hover { background: var(--bg-hover); }
.blist { border-bottom: 1px solid var(--border-light); }
.back_ptop { background: var(--bg-header); color: var(--text-primary); }
.bpmenu:hover { background: var(--bg-hover); }
.bsub { background: var(--bg-hover); }
.bsub:hover { background: var(--bg-selected); }
.bmenu, .submenu { border-bottom: 1px solid var(--border-light); }
.bmenu:hover, .submenu:hover { background: var(--bg-hover); }
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow: var(--shadow-sm); }
.bselected { background: var(--bg-selected); }
.rselected { background: var(--bg-selected); }
.pselected { color: var(--selected-page); }
.cselected, .liked { background: var(--bg-selected); }
.pag_btn { background: var(--bg-selected); }
.pagselected, .pag_btn:hover { background: var(--bg-hover); }
.gtag { background: var(--bg-input); border: 1px solid var(--border-color); }
.bborder { border-bottom: 1px solid var(--border-color); }
.tborder { border-top: 1px solid var(--border-color); }
.lborder, .ppanel { border-left: 1px solid var(--border-color); }
.rborder { border-right: 1px solid var(--border-color); }
.fborder { border: 1px solid var(--border-color); }
.float_top { border-bottom: 1px solid var(--border-color); }
.float_ctop { border-bottom: 1px solid var(--border-color); }
.bhead { background: var(--bg-header); color: var(--text-primary); }
.modal_top { background: var(--bg-header); color: var(--text-primary); }
.pro_top { background: var(--bg-header); color: var(--text-primary); }
.bfoot { background: var(--bg-footer); color: var(--text-primary); }
.foot { background: var(--bg-footer); color: var(--text-primary); }
.backglob { background: var(--bg-card); }
.back_chat { background: var(--chat-bg); }
.back_priv { background: var(--chat-bg); }
.back_panel { background: var(--bg-panel); }
.back_menu { background: var(--bg-menu); }
.back_pmenu { background: var(--bg-input); }
.back_box { background: var(--bg-card); }
.back_input { background: var(--bg-input); border-top: 1px solid var(--border-color); }
.back_modal { background: var(--bg-modal); }
.page_element { background: var(--bg-card); }
.back_quote { background: var(--bg-modal); }
.theme_color { color: var(--accent-primary); }
.default_color { color: var(--text-muted); }
.error { color: var(--btn-danger); }
.success { color: var(--btn-success); }
.warn { color: var(--btn-warning); }
.theme_btn, .back_theme { background: var(--btn-primary); color: var(--btn-primary-text); }
.default_btn, .back_default { background: var(--btn-default); color: var(--btn-default-text); }
.defaultd_btn { background: var(--bg-input); color: var(--btn-default-text); }
.ok_btn { background: var(--btn-success); color: var(--btn-success-text); }
.warn_btn { background: var(--btn-warning); color: var(--btn-warning-text); }
.delete_btn { background: var(--btn-danger); color: var(--btn-danger-text); }
.send_btn { color: var(--send-btn-text); }
.user { color: var(--chat-user-color); }
.chat_system { color: var(--chat-system); }
.offline { opacity: var(--offline-opacity); }
.menui { color: var(--icon-color); }
.subi { color: var(--icon-color); }
.reply_item { background: var(--reply-bg); }
.main_post_item { color: var(--post-item-color); }
.input_item { color: var(--input-item-color); }
.target_private, .hunt_quote { color: var(--chat-private-target-text); background: var(--chat-private-target); }
.hunter_private, .targ_quote { color: var(--chat-private-hunter-text); background: var(--chat-private-hunter); }
.cquote { background: var(--chat-quote-bg) !important; }
.cqname { color: var(--chat-quote-name); }
.cqmess { color: var(--chat-quote-text); }
.tab_menu { box-shadow: var(--shadow-sm); background: var(--bg-header); }
.tab_selected { background: var(--bg-selected); }
.modal_mback { background: var(--bg-hover); }
.modal_mborder { border-bottom: 1px solid var(--border-color); }
.modal_selected { background: var(--bg-selected); }
.modal_back { background-color: var(--backdrop); }
.log2 { background: var(--chat-log-bg); }
.topic_log { background: var(--chat-topic-bg); color: var(--chat-topic-text); }
.sys_log { }
.bprogress { background: var(--progress-bg); color: var(--progress-text); }
.bnotify { background: var(--notify-bg); color: var(--notify-text); }
.foot_notify, .head_notify { border: 1px solid var(--text-primary); }
.sub_date { color: var(--sub-date-color); }
.sub_chat, .sub_priv { color: var(--sub-item-text); }
.sub_text, .list_mood { color: var(--sub-item-text); }
.plikes { background-color: var(--plike-bg); color: var(--plike-text); }
.bspin { color: var(--spin-color); }
.my_notice { color: var(--special-notice-text); background: var(--special-notice-bg); }
.system_text { background: var(--system-text-bg); color: var(--system-text-color); }
.back_page { background: var(--bg-page); color: var(--text-primary); }
.post_video { background: var(--video-bg); }
.boom_slider .ui-widget-content { background: var(--slider-bg); }
.boom_slider .ui-state-default { background: var(--slider-handle) !important; }
.boom_slider .ui-state-active { background: var(--slider-handle) !important; }
.boom_slider .ui-slider-range { background: var(--slider-range); }
.selectboxit-list, .selectboxit-btn { background-color: var(--bg-input); border: 1px solid var(--border-input); color: var(--text-primary); }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: var(--bg-selected); color: var(--text-primary); }
.selectboxit-default-arrow { border-top: 4px solid var(--text-muted); }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background: var(--bg-input); color: var(--text-primary); }
.selectboxit-options { background: var(--bg-modal); color: var(--text-primary); }
.selectboxit-list .selectboxit-option-anchor { color: var(--text-muted); }
.modal_in { border: 1px solid var(--border-color); }