/* === Janitor AI Profile CSS — Crimson Y2K Brat === / / Replace PROFILE_IMG_URL with your uploaded image link (imgur, postimages, etc.) */

:root { --crimson: #c8102e; --crimson-glow: #ff2a4d; --crimson-deep: #4a0008; --ink: #0a0000; }

/* Page background — dark leopard crimson */ body, .profile-page, .MuiContainer-root { background: radial-gradient(circle at 20% 10%, rgba(200,16,46,0.25), transparent 40%), radial-gradient(circle at 80% 80%, rgba(255,42,77,0.18), transparent 45%), #0a0000 !important; color: #ffd6dc !important; font-family: "Times New Roman", serif !important; }

/* Profile picture — circular, glowing crimson ring */ .profile-avatar img, img[alt="profile picture"], .MuiAvatar-img { border: 3px solid var(--crimson) !important; border-radius: 50% !important; box-shadow: 0 0 20px var(--crimson-glow), 0 0 40px rgba(200,16,46,0.5), inset 0 0 20px rgba(0,0,0,0.6) !important; }

/* Username — gothic blackletter */ .profile-username, h1, h2 { font-family: "UnifrakturCook", "Old English Text MT", serif !important; color: var(--crimson-glow) !important; text-shadow: 0 0 8px var(--crimson), 0 0 16px rgba(255,42,77,0.7), 2px 2px 0 #000 !important; letter-spacing: 1px !important; }

/* About / bio panels */ .profile-about, .profile-card, .MuiPaper-root, .character-card { background: linear-gradient(135deg, rgba(74,0,8,0.85), rgba(20,0,4,0.95)) !important; border: 2px solid var(--crimson) !important; border-radius: 14px !important; box-shadow: 0 0 12px rgba(200,16,46,0.6), inset 0 0 24px rgba(0,0,0,0.7) !important; backdrop-filter: blur(2px); }

/* Buttons — crimson chrome */ button, .MuiButton-root, a.btn { background: linear-gradient(180deg, #ff2a4d, #8a0014) !important; border: 1px solid #ff7088 !important; border-radius: 10px !important; color: #fff !important; text-shadow: 0 0 6px #000, 0 0 10px var(--crimson) !important; box-shadow: 0 0 10px var(--crimson), inset 0 1px 0 rgba(255,255,255,0.35) !important; font-family: "UnifrakturCook", serif !important; letter-spacing: 1px !important; transition: all .25s ease !important; } button:hover, .MuiButton-root:hover { filter: brightness(1.25) !important; box-shadow: 0 0 18px var(--crimson-glow), 0 0 32px var(--crimson) !important; }

/* Tags / chips */ .tag, .chip, .MuiChip-root { background: #1a0004 !important; border: 1px solid var(--crimson) !important; color: #ffb3bf !important; box-shadow: 0 0 6px var(--crimson) inset !important; font-family: serif !important; }

/* Links */ a { color: var(--crimson-glow) !important; text-shadow: 0 0 6px var(--crimson); } a:hover { color: #fff !important; text-shadow: 0 0 10px var(--crimson-glow); }

/* Scrollbar */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #0a0000; } ::-webkit-scrollbar-thumb { background: linear-gradient(var(--crimson), var(--crimson-deep)); border-radius: 8px; box-shadow: 0 0 8px var(--crimson); }

/* Sparkle cursor accent */

• { caret-color: var(--crimson-glow); }

/* Profile picture override (Janitor uses a background-image div in some themes) */ .profile-pic, .avatar-img { background-image: url("PROFILE_IMG_URL") !important; background-size: cover !important; background-position: center !important; }