/* Albumlicht für die bestehende Spotify-Kachel. Schwarzes Glas bleibt
   erhalten; Spotify-Grün ist ausschließlich Bestandteil echter Cover. */
#spCard.spotify{
  --sp-accent-rgb:183,185,193;
  --sp-cover-image:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(130deg,rgba(12,12,15,.96),rgba(5,5,8,.94));
  border:1px solid rgba(var(--sp-accent-rgb),.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 18px rgba(0,0,0,.18);
  transition:transform .25s ease,border-color .6s ease,box-shadow .6s ease;
}
#spCard.spotify::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-34px;
  padding:0;
  -webkit-mask:none;
  mask:none;
  animation:none;
  will-change:auto;
  background-image:var(--sp-cover-image);
  background-size:cover;
  background-position:center;
  filter:blur(25px) saturate(1.25);
  opacity:.26;
  pointer-events:none;
}
#spCard.spotify::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(105deg,rgba(var(--sp-accent-rgb),.10),transparent 65%),
    linear-gradient(90deg,rgba(2,2,4,.10),rgba(2,2,4,.59));
  pointer-events:none;
}
#spCard.spotify:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--sp-accent-rgb),.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.4),0 0 22px rgba(var(--sp-accent-rgb),.14);
}
#spCard.spotify:focus-visible{outline:2px solid rgb(var(--sp-accent-rgb));outline-offset:3px}
#spCard.spotify .sc-wrap{
  background:#101014;
  box-shadow:0 0 0 1px rgba(255,255,255,.13),0 4px 14px rgba(0,0,0,.35);
}
#spCard.spotify .sc-leer svg{fill:rgba(var(--sp-accent-rgb),.65)}
#spCard.spotify .sl-t{color:rgb(var(--sp-accent-rgb))}
#spCard.spotify .sl-t svg{fill:currentColor}
#spCard.spotify .st{color:#f8f7fa;text-shadow:0 1px 9px rgba(0,0,0,.3)}
#spCard.spotify .sa{color:#d1cfd5}
#spCard.spotify .sz{color:#c4c1ca}
#spCard.spotify .sal{color:#aba8b2}
#spCard.spotify .sal:not(:empty)::before{color:#74717c}
#spCard.spotify .sbar{background:rgba(255,255,255,.12)}
#spCard.spotify .sfill{
  background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.58),rgb(var(--sp-accent-rgb)));
  box-shadow:0 0 9px rgba(var(--sp-accent-rgb),.28);
}
@media(prefers-reduced-motion:reduce){
  #spCard.spotify,#spCard.spotify .sc,#spCard.spotify .sfill{transition:none}
  #spCard.spotify:hover{transform:none}
}