:root{--violet:#9b6dff}
.bg-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.42) contrast(1.18) saturate(.75);pointer-events:none}
.video-shade{position:absolute;z-index:1;inset:0;background:radial-gradient(circle 400px at var(--mx) var(--my),rgba(136,74,255,.25),transparent 75%),linear-gradient(180deg,rgba(9,5,18,.22),rgba(8,4,16,.65));pointer-events:none}
.noise,.grid-lines,.light{z-index:2}.profile-card,.footer-note{z-index:5}.entry{z-index:20}
.scene{background:#080510}.light-one{background:#8f55ff}.light-two{background:#5d24c9}
.profile-card{border-color:rgba(166,116,255,.28);background:linear-gradient(155deg,rgba(52,27,89,.58),rgba(12,7,23,.68));box-shadow:0 32px 95px rgba(0,0,0,.8),0 0 60px rgba(119,62,235,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.profile-card.profile-visible{box-shadow:var(--shadow-x) var(--shadow-y) 95px rgba(0,0,0,.82),0 0 62px rgba(126,67,245,.24),inset 0 1px 0 rgba(255,255,255,.13)}
.profile-card:before{background:radial-gradient(circle 210px at var(--shine-x) var(--shine-y),rgba(187,146,255,.2),transparent 68%),linear-gradient(125deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(139,77,255,.12))}
.profile-card:after{background:linear-gradient(120deg,rgba(204,176,255,.72),rgba(255,255,255,.05) 28%,rgba(255,255,255,.03) 68%,rgba(129,67,255,.72))}
.status i,.avatar-dot{background:#a875ff;box-shadow:0 0 14px #a875ff}.avatar{box-shadow:0 0 0 5px rgba(255,255,255,.04),0 12px 42px rgba(132,71,244,.48)}
h1{text-shadow:0 0 32px rgba(165,110,255,.48)}.badges span{border-color:rgba(175,132,255,.35);color:#d9c4ff;background:rgba(120,70,220,.12)}
.socials a:hover{border-color:rgba(177,132,255,.7);background:rgba(113,58,210,.22);box-shadow:0 8px 24px rgba(91,43,184,.34)}.player{border-color:rgba(172,126,255,.2)}.player button{background:#8051d9}.bar i{background:linear-gradient(90deg,#7e4dd8,#d4baff);box-shadow:0 0 9px #9f6aff}
.entry span{text-shadow:0 0 26px rgba(171,116,255,.9)}.avatar-rain{border-color:rgba(175,127,255,.8);box-shadow:0 0 16px rgba(136,72,255,.75)}


/* Animated color flow for the profile card */
.profile-card{
  background:
    linear-gradient(
      125deg,
      rgba(92,52,170,.62),
      rgba(28,80,170,.48),
      rgba(0,150,170,.42),
      rgba(155,55,145,.48),
      rgba(92,52,170,.62)
    );
  background-size: 320% 320%;
  animation: cardColorFlow 10s ease-in-out infinite;
}

.profile-card:after{
  background:
    linear-gradient(
      120deg,
      rgba(190,130,255,.85),
      rgba(70,170,255,.72),
      rgba(80,235,220,.68),
      rgba(255,105,210,.72),
      rgba(190,130,255,.85)
    );
  background-size: 320% 320%;
  animation: cardBorderFlow 7s linear infinite;
}

.profile-card.profile-visible{
  animation:
    cardColorFlow 10s ease-in-out infinite,
    cardGlowFlow 8s ease-in-out infinite;
}

@keyframes cardColorFlow{
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes cardBorderFlow{
  0%   { background-position: 0% 50%; }
  100% { background-position: 320% 50%; }
}

@keyframes cardGlowFlow{
  0%,100% { box-shadow: var(--shadow-x) var(--shadow-y) 95px rgba(0,0,0,.82), 0 0 62px rgba(126,67,245,.24), inset 0 1px 0 rgba(255,255,255,.13); }
  33% { box-shadow: var(--shadow-x) var(--shadow-y) 95px rgba(0,0,0,.82), 0 0 68px rgba(50,150,255,.22), inset 0 1px 0 rgba(255,255,255,.13); }
  66% { box-shadow: var(--shadow-x) var(--shadow-y) 95px rgba(0,0,0,.82), 0 0 68px rgba(255,75,205,.20), inset 0 1px 0 rgba(255,255,255,.13); }
}

@media(prefers-reduced-motion:reduce){
  .profile-card,
  .profile-card.profile-visible,
  .profile-card:after{
    animation:none!important;
  }
}

.track-link{color:inherit;text-decoration:none}.track-link:hover{text-decoration:underline;text-decoration-color:#a66cff;text-underline-offset:3px}