/* CR_COLLECTIVE_V175CZ_PROFILE_PREMIUM_VISUAL_ALIGNMENT Profile-route visual alignment after v175cy. Purpose: - Bring member profile pages closer to the new Home premium style. - Polish glass panels, side profile card, track rows, right rail widgets and tabs. - Route guarded by body.cr-v175cz-profile-premium, set only on /community/profile*. - Does not touch Home dashboard rail, player, Sets render logic, upload logic, or data sources. */ body.cr-v175cz-profile-premium { --cr-v175cz-purple: rgba(168,85,247,.26); --cr-v175cz-cyan: rgba(34,211,238,.16); --cr-v175cz-border: rgba(148,163,184,.16); --cr-v175cz-hot: rgba(168,85,247,.42); --cr-v175cz-bg: radial-gradient(circle at 20% 0%, rgba(168,85,247,.10), transparent 35%), radial-gradient(circle at 92% 12%, rgba(34,211,238,.10), transparent 42%), linear-gradient(180deg, rgba(3,7,18,.96), rgba(2,6,23,.98)); } /* Profile route background depth */ body.cr-v175cz-profile-premium { background: var(--cr-v175cz-bg) !important; } /* Keep content clear above bottom player */ body.cr-v175cz-profile-premium main, body.cr-v175cz-profile-premium .main, body.cr-v175cz-profile-premium .page-main, body.cr-v175cz-profile-premium .profile-shell, body.cr-v175cz-profile-premium [class*="profile-shell"], body.cr-v175cz-profile-premium [class*="profile"] { box-sizing: border-box; } body.cr-v175cz-profile-premium main, body.cr-v175cz-profile-premium .page-main { padding-bottom: 150px !important; } /* Glass panel treatment for profile cards and content regions */ body.cr-v175cz-profile-premium [class*="profile"] [class*="card"], body.cr-v175cz-profile-premium [class*="profile"] [class*="panel"], body.cr-v175cz-profile-premium [class*="profile"] [class*="sidebar"], body.cr-v175cz-profile-premium [class*="profile"] [class*="widget"], body.cr-v175cz-profile-premium [class*="profile"] aside, body.cr-v175cz-profile-premium [class*="profile"] section, body.cr-v175cz-profile-premium [class*="profile"] article { border-color: var(--cr-v175cz-border) !important; background: radial-gradient(circle at 12% 0%, rgba(168,85,247,.10), transparent 34%), linear-gradient(180deg, rgba(10,15,31,.78), rgba(5,10,22,.88)) !important; box-shadow: 0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.045) !important; } /* Profile header / main artist identity area */ body.cr-v175cz-profile-premium h1, body.cr-v175cz-profile-premium [class*="profile"] h1 { letter-spacing: -.035em !important; } body.cr-v175cz-profile-premium [class*="profile"] img { filter: saturate(1.05) contrast(1.03); } /* Tabs and profile action buttons */ body.cr-v175cz-profile-premium [class*="profile"] a, body.cr-v175cz-profile-premium [class*="profile"] button { transform: none !important; transition: border-color .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease, filter .14s ease !important; } body.cr-v175cz-profile-premium [class*="profile"] a:hover, body.cr-v175cz-profile-premium [class*="profile"] button:hover { transform: none !important; filter: brightness(1.05) saturate(1.05); box-shadow: 0 0 0 1px rgba(168,85,247,.16), 0 0 22px rgba(168,85,247,.14) !important; } /* Track rows / list rows */ body.cr-v175cz-profile-premium [class*="track"], body.cr-v175cz-profile-premium [class*="pick"], body.cr-v175cz-profile-premium [class*="liked"], body.cr-v175cz-profile-premium [class*="set"] { transform: none !important; } body.cr-v175cz-profile-premium [class*="track-row"], body.cr-v175cz-profile-premium [class*="track-card"], body.cr-v175cz-profile-premium [class*="pick-row"], body.cr-v175cz-profile-premium [class*="set-row"], body.cr-v175cz-profile-premium li[class*="track"], body.cr-v175cz-profile-premium li[class*="pick"] { border-color: rgba(148,163,184,.13) !important; background: linear-gradient(180deg, rgba(15,23,42,.62), rgba(5,10,22,.72)) !important; } body.cr-v175cz-profile-premium [class*="track-row"]:hover, body.cr-v175cz-profile-premium [class*="track-card"]:hover, body.cr-v175cz-profile-premium [class*="pick-row"]:hover, body.cr-v175cz-profile-premium [class*="set-row"]:hover, body.cr-v175cz-profile-premium li[class*="track"]:hover, body.cr-v175cz-profile-premium li[class*="pick"]:hover { border-color: rgba(168,85,247,.32) !important; background: radial-gradient(circle at 8% 0%, rgba(168,85,247,.10), transparent 36%), linear-gradient(180deg, rgba(15,23,42,.74), rgba(5,10,22,.82)) !important; box-shadow: 0 0 0 1px rgba(168,85,247,.10), 0 0 24px rgba(168,85,247,.10) !important; } /* Left global sidebar/profile nav polish without layout takeover */ body.cr-v175cz-profile-premium [class*="sidebar"] a, body.cr-v175cz-profile-premium [class*="side"] a, body.cr-v175cz-profile-premium nav a { transform: none !important; } body.cr-v175cz-profile-premium [class*="sidebar"] a:hover, body.cr-v175cz-profile-premium [class*="side"] a:hover, body.cr-v175cz-profile-premium nav a:hover { border-color: rgba(168,85,247,.28) !important; } /* Right widgets such as Upcoming Events / Recently Liked */ body.cr-v175cz-profile-premium aside [class*="event"], body.cr-v175cz-profile-premium aside [class*="liked"], body.cr-v175cz-profile-premium aside [class*="card"], body.cr-v175cz-profile-premium [class*="right"] [class*="card"], body.cr-v175cz-profile-premium [class*="right"] [class*="widget"] { border-color: rgba(148,163,184,.14) !important; background: radial-gradient(circle at 90% 0%, rgba(34,211,238,.08), transparent 38%), linear-gradient(180deg, rgba(15,23,42,.70), rgba(5,10,22,.80)) !important; } /* Inputs / filters inside profile pages */ body.cr-v175cz-profile-premium [class*="profile"] input, body.cr-v175cz-profile-premium [class*="profile"] select, body.cr-v175cz-profile-premium [class*="profile"] textarea { border-color: rgba(148,163,184,.18) !important; background: rgba(15,23,42,.78) !important; } body.cr-v175cz-profile-premium [class*="profile"] input:focus, body.cr-v175cz-profile-premium [class*="profile"] select:focus, body.cr-v175cz-profile-premium [class*="profile"] textarea:focus { border-color: rgba(34,211,238,.32) !important; box-shadow: 0 0 0 1px rgba(34,211,238,.14), 0 0 22px rgba(34,211,238,.10) !important; } /* Make sure no profile polish moves elements on hover. */ body.cr-v175cz-profile-premium *:hover { translate: none !important; } html::before { content: "CR_COLLECTIVE_V175CZ_PROFILE_PREMIUM_VISUAL_ALIGNMENT"; display: none; }