:root {
  --primary-color: #000000; --secondary-color: #1a1a1a; --tertiary-color: #2a2a2a; --accent-color: #404040; --highlight-color: #555555;
  --text-primary: #ffffff; --text-secondary: #e0e0e0; --text-muted: #a0a0a0; --text-dim: #808080;
  --theme-accent: #666666; --success-color: #4a4a4a; --error-color: #5a5a5a; --warning-color: #555555;
  --bg-primary: linear-gradient(135deg, rgba(0,0,0,0.88) 0%, rgba(15,15,15,0.92) 50%, rgba(8,8,8,0.95) 100%); 
  --bg-secondary: linear-gradient(135deg, rgba(30,30,30,0.85) 0%, rgba(15,15,15,0.92) 100%); 
  --bg-tertiary: linear-gradient(135deg, rgba(40,40,40,0.8) 0%, rgba(20,20,20,0.88) 100%); 
  --bg-glass: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%); 
  --bg-hover: linear-gradient(135deg, rgba(60,60,60,0.2) 0%, rgba(255,255,255,0.1) 100%);
  --border-primary: 1px solid rgba(255,255,255,0.12); --border-secondary: 1px solid rgba(255,255,255,0.08); --border-accent: 1px solid rgba(100,100,100,0.35);
  --shadow-primary: 0 16px 50px rgba(0,0,0,0.85), 0 6px 18px rgba(0,0,0,0.5); --shadow-hover: 0 18px 45px rgba(30,30,30,0.7), 0 7px 20px rgba(0,0,0,0.45); 
  --shadow-glow: 0 0 25px rgba(120,120,120,0.25), inset 0 1px 0 rgba(255,255,255,0.15);
  --blur-light: blur(18px) saturate(160%); --blur-medium: blur(25px) saturate(180%); --blur-heavy: blur(35px) saturate(200%);
  --transition-smooth: all 0.4s cubic-bezier(0.23,1,0.32,1); --transition-fast: all 0.3s ease;
}

@keyframes morphGlow { 0%,100% { box-shadow: var(--shadow-glow); } 50% { box-shadow: 0 0 45px rgba(130,130,130,0.45), inset 0 1px 0 rgba(255,255,255,0.25); } }
@keyframes liquidRipple { 0% { transform: scale(0) rotate(0); opacity: 1; border-radius: 50%; } 50% { opacity: 0.8; border-radius: 30%; } 100% { transform: scale(4) rotate(180deg); opacity: 0; border-radius: 50%; } }
@keyframes floatUp { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.03); } }
@keyframes prismaShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes neuralPulse { 0% { background: linear-gradient(135deg, rgba(50,50,50,0.15), rgba(70,70,70,0.08)); } 50% { background: linear-gradient(135deg, rgba(70,70,70,0.2), rgba(50,50,50,0.12)); } 100% { background: linear-gradient(135deg, rgba(50,50,50,0.15), rgba(70,70,70,0.08)); } }
@keyframes quantumSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Base Glass Styles */
* { box-sizing: border-box; }
::selection { background: rgba(110,110,110,0.35); color: var(--text-primary); }
::-webkit-scrollbar { width: 8px; background: rgba(255,255,255,0.07); }
::-webkit-scrollbar-thumb { background: linear-gradient(135deg, rgba(90,90,90,0.65), rgba(130,130,130,0.45)); border-radius: 20px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.25); border-radius: 20px; }

a { color: var(--theme-accent); transition: var(--transition-smooth); text-decoration: none; position: relative; }
a:hover { color: var(--highlight-color); text-shadow: 0 0 15px rgba(120,120,120,0.7), 0 0 30px rgba(100,100,100,0.35); transform: translateY(-1px); }
a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, var(--theme-accent), var(--highlight-color)); transition: width 0.4s ease; }
a:hover::after { width: 100%; }

body { background: var(--bg-primary); color: var(--text-primary); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-weight: 600; letter-spacing: 0.3px; line-height: 1.6; overflow-x: hidden; min-height: 100vh; }

/* Glass Buttons */
button { background: var(--bg-glass); backdrop-filter: var(--blur-light); border: var(--border-primary); color: var(--text-secondary); border-radius: 18px; padding: 0px; transition: var(--transition-smooth); position: relative; overflow: hidden; font-weight: 500; letter-spacing: 0.5px; }
button:hover { background: var(--bg-hover); transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-hover); border-color: rgba(120,120,120,0.45); }
button:active { transform: translateY(-1px) scale(0.98); }
button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent); transition: left 0.6s ease; }
button:hover::before { left: 100%; }
button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 70%); border-radius: 50%; transition: width 0.6s, height 0.6s; transform: translate(-50%, -50%); }
button:active::after { width: 200px; height: 200px; }

/* Glass Form Elements */
input, textarea, .post_input_container { background: var(--bg-glass); backdrop-filter: var(--blur-medium); border: var(--border-primary) !important; color: var(--text-secondary); border-radius: 22px; padding: 16px 20px; transition: var(--transition-smooth); position: relative; font-weight: 400; }
input:focus, textarea:focus { background: linear-gradient(135deg, rgba(50,50,50,0.12) 0%, rgba(255,255,255,0.15) 100%); border-color: rgba(120,120,120,0.65) !important; box-shadow: 0 0 0 4px rgba(120,120,120,0.15), 0 10px 40px rgba(120,120,120,0.2), inset 0 1px 0 rgba(255,255,255,0.25); outline: none; }
input::placeholder, textarea::placeholder { color: rgba(224,224,224,0.6); font-style: italic; }

.setdef { color: var(--text-secondary); font-weight: 500; }

/* Glass Cookie Box */
.cookie_wrap { background: var(--bg-secondary); backdrop-filter: var(--blur-heavy); border: var(--border-accent); color: var(--text-secondary); border-radius: 26px; box-shadow: var(--shadow-primary); animation: floatUp 0.8s cubic-bezier(0.23,1,0.32,1); }

/* Enhanced Glass Backgrounds */
.bback { background: var(--bg-glass); backdrop-filter: var(--blur-light); border-radius: 18px; transition: var(--transition-smooth); border: var(--border-secondary); }
.bback:hover { background: var(--bg-hover); transform: translateY(-2px); }
.bbackb { background: var(--bg-glass); backdrop-filter: var(--blur-light); border: var(--border-primary); border-radius: 18px; transition: var(--transition-smooth); }
.bbackb:hover { border-color: rgba(120,120,120,0.45); box-shadow: 0 10px 35px rgba(120,120,120,0.18); }
.bhover { transition: var(--transition-smooth); border-radius: 14px; position: relative; }
.bhover:hover { background: var(--bg-hover); backdrop-filter: var(--blur-light); transform: translateY(-3px) scale(1.01); }
.bbackhover { background: var(--bg-glass); backdrop-filter: var(--blur-light); border-radius: 18px; transition: var(--transition-smooth); }
.bbackhover:hover { background: var(--bg-hover); transform: scale(1.03) translateY(-2px); animation: breathe 2s ease-in-out infinite; }
.bbackhoverb { background: var(--bg-glass); backdrop-filter: var(--blur-light); border-radius: 18px; transition: all 0.5s cubic-bezier(0.23,1,0.32,1); border: var(--border-secondary); }
.bbackhoverb:hover { background: linear-gradient(135deg, rgba(70,70,70,0.25) 0%, rgba(90,90,90,0.15) 100%); border: 1px solid rgba(120,120,120,0.55); box-shadow: 0 18px 55px rgba(70,70,70,0.3), inset 0 1px 0 rgba(255,255,255,0.25); transform: translateY(-4px) scale(1.02); animation: morphGlow 3s ease-in-out infinite; }

/* Glass Listing Effects */
.blisting { border-bottom: var(--border-secondary); transition: var(--transition-smooth); position: relative; overflow: hidden; }
.blisting:hover { background: linear-gradient(90deg, rgba(70,70,70,0.15) 0%, rgba(90,90,90,0.08) 50%, transparent 100%); box-shadow: inset 4px 0 0 rgba(120,120,120,0.85), 0 5px 25px rgba(120,120,120,0.15); transform: translateX(4px); }
.blisting:hover::before { left: 100%; }
.blist { border-bottom: var(--border-secondary); }

/* Glass Panels */
.back_ptop { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); color: var(--text-secondary); border-bottom: 2px solid rgba(120,120,120,0.45); box-shadow: 0 10px 40px rgba(0,0,0,0.7); }
.bpmenu { transition: var(--transition-smooth); border-radius: 14px; position: relative; border-left: var(--border-secondary); }
.bpmenu:hover { background: var(--bg-hover); backdrop-filter: var(--blur-medium); transform: translateX(8px); border-color: rgba(120,120,120,0.35); }
.bsub { background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(25,25,25,0.35) 100%); backdrop-filter: blur(14px); border-radius: 14px; border: var(--border-secondary); }
.bsub:hover { background: var(--bg-hover); border-color: rgba(120,120,120,0.35); }

/* Glass Menus */
.bmenu, .submenu { border-bottom: var(--border-secondary); transition: var(--transition-smooth); position: relative; }
.bmenu:hover, .submenu:hover { background: linear-gradient(90deg, rgba(70,70,70,0.15) 0%, rgba(90,90,90,0.08) 100%); border-left: 4px solid rgba(120,120,120,0.85); padding-left: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }

/* Glass Shadows */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow: var(--shadow-primary); border-radius: 22px; }

/* Glass Selection States */
.bselected { background: linear-gradient(135deg, rgba(90,90,90,0.3) 0%, rgba(110,110,110,0.15) 50%, rgba(255,255,255,0.1) 100%); backdrop-filter: var(--blur-medium); border: var(--border-accent); border-radius: 18px; box-shadow: 0 10px 35px rgba(90,90,90,0.25), inset 0 1px 0 rgba(255,255,255,0.25); animation: neuralPulse 3s ease-in-out infinite; }
.rselected { background: var(--bg-hover); backdrop-filter: var(--blur-light); border-radius: 14px; }
.pselected { color: var(--theme-accent); text-shadow: 0 0 15px rgba(120,120,120,0.7), 0 0 30px rgba(100,100,100,0.35); font-weight: 600; animation: morphGlow 2.5s ease-in-out infinite; }
.cselected, .liked { background: var(--bg-hover); backdrop-filter: blur(14px) saturate(140%); border-radius: 14px; border: var(--border-accent); }

/* Glass Pagination */
.pag_btn { background: var(--bg-glass); backdrop-filter: var(--blur-light); border-radius: 14px; transition: var(--transition-smooth); border: var(--border-secondary); }
.pagselected, .pag_btn:hover { background: linear-gradient(135deg, rgba(90,90,90,0.3) 0%, rgba(110,110,110,0.15) 100%); transform: scale(1.08) translateY(-2px); box-shadow: 0 10px 30px rgba(90,90,90,0.35); border-color: rgba(120,120,120,0.55); }

/* Glass Tags */
.gtag { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border: var(--border-accent); border-radius: 28px; color: var(--theme-accent); font-weight: 600; padding: 4px 12px; box-shadow: 0 5px 18px rgba(90,90,90,0.25); }

/* Glass Borders */
.bborder { border-bottom: 1px solid rgba(120,120,120,0.3); }
.tborder { border-top: 1px solid rgba(120,120,120,0.3); }
.lborder, .ppanel { border-left: 1px solid rgba(120,120,120,0.3); }
.rborder { border-right: 1px solid rgba(120,120,120,0.3); }
.fborder { border: 1px solid rgba(120,120,120,0.3); border-radius: 18px; }

/* Glass Float Elements */
.float_top { border-bottom: 2px solid rgba(120,120,120,0.45); background: var(--bg-hover); backdrop-filter: var(--blur-heavy); }
.float_ctop { border-bottom: 2px solid rgba(120,120,120,0.45); background: var(--bg-hover); backdrop-filter: var(--blur-heavy); }

/* Glass Headers/Footers */
.bhead { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); border-bottom: 3px solid rgba(120,120,120,0.55); box-shadow: 0 10px 40px rgba(0,0,0,0.85); }
.modal_top { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); }
.pro_top { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); }
.bfoot { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); border-top: 3px solid rgba(120,120,120,0.55); }
.foot { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); }

/* Glass Background Elements */
.backglob { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-radius: 26px; border: var(--border-secondary); }
.back_chat { background: url('./images/bg.jpg') center/cover fixed, var(--bg-tertiary); backdrop-filter: var(--blur-medium); border-radius: 22px; position: relative; overflow: hidden; }
.back_chat::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); border-radius: 22px; pointer-events: none; }
.back_chat::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 70%, rgba(70,70,70,0.2) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(90,90,90,0.15) 0%, transparent 50%); border-radius: 22px; pointer-events: none; }
.back_priv { background: var(--bg-tertiary); backdrop-filter: blur(25px) saturate(150%); border-radius: 22px; border: 1px solid rgba(120,120,120,0.25); }
.back_panel { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-radius: 22px; border: var(--border-primary); box-shadow: var(--shadow-primary); }
.back_menu { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-radius: 22px; border: var(--border-secondary); }
.back_pmenu { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-radius: 18px; }
.back_box { background: url('./images/secondary.bg') center/cover, var(--bg-tertiary); backdrop-filter: blur(25px) saturate(150%); border-radius: 22px; border: 1px solid rgba(120,120,120,0.3); position: relative; overflow: hidden; }
.back_box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(90,90,90,0.1) 0%, rgba(110,110,110,0.07) 100%); pointer-events: none; }
.back_input { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-top: 2px solid rgba(120,120,120,0.45); border-radius: 0 0 22px 22px; }
.back_modal { background: var(--bg-secondary); backdrop-filter: var(--blur-heavy); border-radius: 26px; border: var(--border-primary); box-shadow: 0 25px 70px rgba(0,0,0,0.85); }
.page_element { background: var(--bg-tertiary); backdrop-filter: var(--blur-medium); border-radius: 22px; animation: floatUp 0.8s cubic-bezier(0.23,1,0.32,1); border: var(--border-secondary); }
.back_quote { background: linear-gradient(135deg, rgba(50,50,50,0.18) 0%, rgba(70,70,70,0.1) 100%); backdrop-filter: blur(14px) saturate(140%); border-left: 4px solid rgba(120,120,120,0.85); border-radius: 14px; position: relative; }

/* Glass Theme Colors */
.theme_color { color: var(--theme-accent); text-shadow: 0 0 15px rgba(120,120,120,0.45), 0 0 30px rgba(100,100,100,0.25); font-weight: 600; }
.default_color { color: var(--text-muted); }
.error { color: var(--error-color); text-shadow: 0 0 15px rgba(100,100,100,0.45); font-weight: 500; }
.success { color: var(--success-color); text-shadow: 0 0 15px rgba(85,85,85,0.45); font-weight: 500; }
.warn { color: var(--warning-color); text-shadow: 0 0 15px rgba(95,95,95,0.45); font-weight: 500; }

/* Glass Buttons */
.theme_btn, .back_theme { background: linear-gradient(135deg, #383838 0%, #2d2d2d 50%, #222222 100%); color: var(--text-primary); border-radius: 18px; transition: var(--transition-smooth); box-shadow: 0 10px 30px rgba(70,70,70,0.25), inset 0 1px 0 rgba(255,255,255,0.12); font-weight: 600; }
.theme_btn:hover, .back_theme:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 45px rgba(90,90,90,0.55), inset 0 1px 0 rgba(255,255,255,0.25); animation: morphGlow 2s ease-in-out infinite; }
.default_btn, .back_default { background: var(--bg-tertiary); backdrop-filter: var(--blur-light); color: var(--text-secondary); border-radius: 18px; border: var(--border-secondary); transition: var(--transition-fast); }
.default_btn:hover, .back_default:hover { background: linear-gradient(135deg, rgba(55,55,55,0.95) 0%, rgba(40,40,40,0.98) 100%); transform: translateY(-2px); }
.defaultd_btn { background: linear-gradient(135deg, rgba(50,50,50,0.95) 0%, rgba(35,35,35,0.98) 100%); backdrop-filter: var(--blur-light); color: var(--text-secondary); border-radius: 18px; transition: var(--transition-fast); }
.ok_btn { background: linear-gradient(135deg, #3f3f3f 0%, #343434 50%, #292929 100%); color: var(--text-primary); border-radius: 18px; box-shadow: 0 10px 30px rgba(63,63,63,0.45); font-weight: 600; transition: var(--transition-fast); }
.ok_btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(63,63,63,0.55); animation: breathe 2s ease-in-out infinite; }
.warn_btn { background: linear-gradient(135deg, #494949 0%, #3e3e3e 50%, #333333 100%); color: var(--text-primary); border-radius: 18px; box-shadow: 0 10px 30px rgba(73,73,73,0.45); font-weight: 600; transition: var(--transition-fast); }
.warn_btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(73,73,73,0.55); }
.delete_btn { background: linear-gradient(135deg, #4f4f4f 0%, #444444 50%, #393939 100%); color: var(--text-primary); border-radius: 18px; box-shadow: 0 10px 30px rgba(79,79,79,0.45); font-weight: 600; transition: var(--transition-fast); }
.delete_btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(79,79,79,0.55); animation: pulse 1.5s ease-in-out infinite; }
.send_btn { color: var(--text-secondary); background: var(--bg-hover); backdrop-filter: blur(14px) saturate(150%); border-radius: 50%; border: var(--border-accent); transition: var(--transition-fast); }
.send_btn:hover { background: linear-gradient(135deg, rgba(90,90,90,0.45) 0%, rgba(110,110,110,0.3) 100%); transform: scale(1.1) rotate(15deg); box-shadow: 0 10px 30px rgba(90,90,90,0.35); }

/* Glass User Elements */
.user { color: var(--text-secondary); font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.6); }
.chat_system { color: var(--text-muted); font-style: italic; opacity: 0.85; }
.offline { opacity: 0.35; filter: grayscale(0.8) blur(0.7px); transition: var(--transition-fast); }

/* Glass Icons */
.menui { color: var(--theme-accent); filter: drop-shadow(0 0 10px rgba(120,120,120,0.7)) drop-shadow(0 0 20px rgba(100,100,100,0.35)); transition: var(--transition-fast); }
.menui:hover { transform: scale(1.2) rotate(10deg); }
.subi { color: var(--theme-accent); filter: drop-shadow(0 0 10px rgba(120,120,120,0.7)); transition: var(--transition-fast); }

/* Glass Posts */
.reply_item { background: var(--bg-secondary); backdrop-filter: var(--blur-light); border-radius: 18px; border-left: 4px solid rgba(120,120,120,0.65); position: relative; transition: var(--transition-fast); }
.reply_item:hover { transform: translateX(8px); box-shadow: 0 10px 30px rgba(90,90,90,0.25); }
.reply_item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--theme-accent), var(--highlight-color)); border-radius: 0 18px 18px 0; }
.main_post_item { color: rgba(224,224,224,0.85); font-weight: 400; }
.input_item { color: var(--text-muted); transition: var(--transition-fast); }
.input_item:hover { color: var(--theme-accent); }

/* Glass Messages */
.target_private, .hunt_quote { color: var(--text-secondary); background: var(--bg-tertiary); backdrop-filter: var(--blur-light); border-radius: 18px; border: var(--border-secondary); transition: var(--transition-fast); }
.target_private:hover, .hunt_quote:hover { transform: scale(1.02); box-shadow: 0 10px 30px rgba(90,90,90,0.2); }
.hunter_private, .targ_quote { color: var(--text-secondary); background: var(--bg-secondary); backdrop-filter: var(--blur-light); border-radius: 18px; border: var(--border-secondary); transition: var(--transition-fast); }

/* Glass Quotes */
.cquote { background: var(--bg-hover) !important; backdrop-filter: blur(14px) saturate(140%); border-left: 4px solid rgba(120,120,120,0.85); border-radius: 14px; position: relative; margin: 10px 0; padding: 8px 18px; }
.cqname { color: var(--theme-accent); font-weight: 700; text-shadow: 0 0 10px rgba(120,120,120,0.35); }
.cqmess { color: var(--text-secondary); font-weight: 400; }

/* Glass Tabs */
.tab_menu { box-shadow: var(--shadow-primary); background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border-radius: 18px; border: var(--border-secondary); }
.tab_selected { background: var(--bg-hover); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); animation: neuralPulse 3s ease-in-out infinite; }

/* Glass Modals */
.modal_mback { background: var(--bg-glass); backdrop-filter: blur(14px) saturate(140%); border-radius: 14px; transition: var(--transition-fast); }
.modal_mback:hover { background: var(--bg-hover); }
.modal_mborder { border-bottom: 1px solid rgba(120,120,120,0.3); }
.modal_selected { background: var(--bg-hover); border-radius: 14px; box-shadow: 0 5px 18px rgba(90,90,90,0.25); }
.modal_back {background: linear-gradient(135deg, rgb(0 0 0 / 61%) 0%, rgb(15 15 15 / 22%) 100%);backdrop-filter: blur(1px) saturate(90%);}
/* Glass Logs */
.log2 { background: linear-gradient(135deg, rgba(25,25,25,0.85) 0%, rgba(35,35,35,0.75) 100%) !important; backdrop-filter: blur(10px) saturate(120%); border-radius: 14px; border: 1px solid rgba(120,120,120,0.15); }
.chat_log { background: linear-gradient(3deg, rgba(30,30,30,0.85) 0%, rgba(40,40,40,0.65) 100%); backdrop-filter: blur(10px) saturate(120%); }
.topic_log { background: var(--bg-tertiary); color: var(--text-secondary); border-radius: 14px; backdrop-filter: var(--blur-light); border: var(--border-accent); box-shadow: 0 5px 18px rgba(90,90,90,0.25); }
.sys_log { background: var(--bg-glass); border-radius: 10px; backdrop-filter: blur(10px); }

/* Glass Progress */
.bprogress { background: linear-gradient(135deg, #3f3f3f 0%, #343434 50%, #292929 100%); color: var(--text-primary); border-radius: 28px; box-shadow: 0 5px 18px rgba(63,63,63,0.45); position: relative; overflow: hidden; }
.bprogress::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent); animation: shimmer 2s infinite; }
.bnotify { background: linear-gradient(135deg, #4f4f4f 0%, #444444 50%, #393939 100%); color: var(--text-primary); border-radius: 28px; animation: morphGlow 2s ease-in-out infinite; box-shadow: 0 5px 18px rgba(79,79,79,0.45); }
.foot_notify, .head_notify { border: 2px solid rgba(120,120,120,0.65); border-radius: 50%; background: var(--bg-hover); backdrop-filter: blur(10px) saturate(140%); animation: pulse 2s ease-in-out infinite; }

/* Glass Text */
.sub_date { color: var(--text-muted); font-size: 0.85em; font-weight: 400; opacity: 0.85; }
.sub_chat, .sub_priv { color: var(--text-dim); font-weight: 300; }
.sub_text, .list_mood { color: var(--text-muted); font-weight: 400; }
.plikes { background: var(--bg-hover); backdrop-filter: blur(14px) saturate(140%); color: var(--text-secondary); border-radius: 22px; border: var(--border-accent); font-weight: 600; }

/* Glass Spinner */
.bspin { color: rgba(120,120,120,0.85); animation: quantumSpin 1.5s cubic-bezier(0.68,-0.55,0.265,1.55) infinite; filter: drop-shadow(0 0 10px rgba(120,120,120,0.45)); }

/* Special Glass Elements */
.my_notice { color: var(--text-primary); background: var(--bg-tertiary); backdrop-filter: var(--blur-light); border-radius: 18px; border-left: 4px solid var(--theme-accent); box-shadow: 0 10px 30px rgba(90,90,90,0.35); position: relative; }
.my_notice::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--theme-accent), var(--highlight-color)); border-radius: 0 18px 18px 0; }
.system_text { background: var(--bg-glass); backdrop-filter: blur(12px) saturate(130%); color: var(--text-muted); border-radius: 14px; font-style: italic; border: var(--border-secondary); transition: var(--transition-fast); }
.system_text:hover { background: var(--bg-hover); }

/* Glass Pages */
.back_page { background: var(--bg-primary); color: var(--text-secondary); min-height: 100vh; }
.post_video { background: linear-gradient(135deg, rgba(0,0,0,0.96) 0%, rgba(15,15,15,0.93) 100%); backdrop-filter: blur(10px) saturate(90%); border-radius: 18px; border: var(--border-secondary); }

/* Glass Slider */
.boom_slider .ui-widget-content { background: var(--bg-tertiary); backdrop-filter: blur(14px) saturate(140%); border-radius: 14px; border: var(--border-secondary); }
.boom_slider .ui-state-default { background: linear-gradient(135deg, var(--theme-accent) 0%, var(--highlight-color) 100%) !important; border-radius: 50%; box-shadow: 0 5px 15px rgba(120,120,120,0.45), 0 0 25px rgba(120,120,120,0.35); transition: var(--transition-fast); }
.boom_slider .ui-state-default:hover { transform: scale(1.2); box-shadow: 0 7px 25px rgba(120,120,120,0.55); }
.boom_slider .ui-state-active { background: linear-gradient(135deg, var(--theme-accent) 0%, var(--highlight-color) 100%) !important; transform: scale(1.15); animation: morphGlow 2s ease-in-out infinite; }
.boom_slider .ui-slider-range { background: linear-gradient(90deg, rgba(90,90,90,0.85) 0%, rgba(120,120,120,0.65) 50%, rgba(100,100,100,0.75) 100%); border-radius: 14px; }

/* Glass Select */
.selectboxit-list, .selectboxit-btn { background: var(--bg-secondary); backdrop-filter: var(--blur-medium); border: 1px solid rgba(120,120,120,0.3); color: var(--text-secondary); border-radius: 18px; transition: var(--transition-smooth); font-weight: 500; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background: var(--bg-hover); color: var(--text-primary); border-radius: 14px; box-shadow: 0 5px 18px rgba(90,90,90,0.25); }
.selectboxit-default-arrow { border-top: 6px solid var(--theme-accent); filter: drop-shadow(0 0 5px rgba(120,120,120,0.45)); }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background: var(--bg-hover); color: var(--text-primary); }
.selectboxit-options { background: var(--bg-tertiary); backdrop-filter: var(--blur-heavy); color: var(--text-secondary); border-radius: 18px; border: var(--border-accent); box-shadow: var(--shadow-primary); }
.selectboxit-list .selectboxit-option-anchor { color: var(--text-secondary); transition: all 0.3s cubic-bezier(0.23,1,0.32,1); border-radius: 12px; font-weight: 400; }
.selectboxit-list .selectboxit-option-anchor:hover { background: var(--bg-hover); color: var(--text-primary); }

/* Glass Modal */
.modal_in { border: 1px solid rgba(120,120,120,0.18); border-radius: 22px; background: var(--bg-glass); backdrop-filter: var(--blur-heavy); box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 10px 40px rgba(0,0,0,0.7); transition: var(--transition-smooth); }
.modal_in:hover { border-color: rgba(120,120,120,0.35); background: var(--bg-hover); }