:root { --bg: #050505; --bg-dark: #000000; --panel: #0b0b0b; --panel-2: #111111; --red: #ff003c; --red-bright: #ff174f; --red-dark: #8f0025; --text: #f5f5f5; --muted: #888888; }

/* Main background */ body { background: radial-gradient(circle at 50% 0%, rgba(255, 0, 60, 0.12), transparent 35%), linear-gradient(135deg, #000000 0%, #080808 50%, #020202 100%) !important; color: var(--text) !important; }

/* Main containers / cards */ div, section, main { scrollbar-color: var(--red) #050505; }

/* Panels / [class="card"], [class*="panel"], [class*="container"] { background-color: rgba(8, 8, 8, 0.92) !important; border-color: rgba(255, 0, 60, 0.2) !important; }

/* Headers */ h1, h2, h3, h4 { color: var(--red-bright) !important; text-shadow: 0 0 5px rgba(255, 0, 60, 0.8), 0 0 15px rgba(255, 0, 60, 0.45); }

/* Normal text */ p, span, label { color: var(--text); }

/* Links */ a { color: var(--red-bright) !important; transition: 0.2s ease; }

a:hover { color: #ffffff !important; text-shadow: 0 0 5px var(--red), 0 0 15px var(--red); }

/* Buttons */ button { background: #0b0b0b !important; color: var(--red-bright) !important; border: 1px solid var(--red-dark) !important; box-shadow: 0 0 5px rgba(255, 0, 60, 0.25), inset 0 0 8px rgba(255, 0, 60, 0.05); transition: all 0.2s ease; }

button:hover { background: var(--red-dark) !important; color: white !important; border-color: var(--red-bright) !important; box-shadow: 0 0 8px var(--red), 0 0 20px rgba(255, 0, 60, 0.5); transform: translateY(-1px); }

/* Input boxes */ input, textarea, select { background: #050505 !important; color: #ffffff !important; border: 1px solid #3d0012 !important; border-radius: 6px !important; box-shadow: inset 0 0 8px rgba(255, 0, 60, 0.04); }

input:focus, textarea:focus, select:focus { border-color: var(--red) !important; outline: none !important; box-shadow: 0 0 5px rgba(255, 0, 60, 0.5), 0 0 15px rgba(255, 0, 60, 0.15), inset 0 0 8px rgba(255, 0, 60, 0.05); }

/* Chat messages / [class="message"] { background: #090909 !important; border-left: 2px solid var(--red-dark) !important; }

[class*="message"]:hover { border-left-color: var(--red) !important; box-shadow: 0 0 12px rgba(255, 0, 60, 0.12); }

/* User messages / [class="user"] { border-color: rgba(255, 0, 60, 0.35) !important; }

/* Profile / character names / [class="name"] { color: var(--red-bright) !important; text-shadow: 0 0 7px rgba(255, 0, 60, 0.5); }

/* Badges / tags / [class="badge"], [class*="tag"] { background: #180008 !important; color: var(--red-bright) !important; border: 1px solid var(--red-dark) !important; }

/* Dividers */ hr { border: none !important; height: 1px; background: linear-gradient( 90deg, transparent, var(--red-dark), transparent ) !important; box-shadow: 0 0 8px rgba(255, 0, 60, 0.3); }

/* Scrollbar */ ::-webkit-scrollbar { width: 7px; }

::-webkit-scrollbar-track { background: #020202; }

::-webkit-scrollbar-thumb { background: #500016; border-radius: 10px; }

::-webkit-scrollbar-thumb:hover { background: var(--red); box-shadow: 0 0 8px var(--red); }

/* Selection */ ::selection { background: var(--red); color: #ffffff; }

/* Glowing effect for important elements / [class="active"], [class*="selected"] { border-color: var(--red) !important; box-shadow: 0 0 5px rgba(255, 0, 60, 0.4), inset 0 0 10px rgba(255, 0, 60, 0.05); }

/* Neon line at top */ body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 2px; background: var(--red); box-shadow: 0 0 5px var(--red), 0 0 15px var(--red), 0 0 30px rgba(255, 0, 60, 0.7); z-index: 9999; pointer-events: none; }