/* CR_COLLECTIVE_V175EI_FULL_SITE_PREMIUM_VISUAL_ALIGNMENT
   Conservative, ADDITIVE premium visual-alignment layer.
   Visual only: colour / glass / border / shadow / hover / focus / accent.
   NO layout/grid rewrites, NO structural changes, NO JS, NO data/API/auth.
   Targets existing, known component classes so it cannot break flow. Loaded
   globally after the existing premium layers so it refines, not replaces.
   Tokens mirror the site's dark navy + purple/blue/pink neon direction. */

:root{
  --crei-navy:#0a0812;
  --crei-line:rgba(150,130,230,.18);
  --crei-line-strong:rgba(150,130,230,.30);
  --crei-purple:#8b5cff;
  --crei-blue:#4d8cff;
  --crei-pink:#ff5fd0;
  --crei-glass:rgba(24,20,40,.55);
  --crei-glass-2:rgba(30,25,52,.66);
  --crei-shadow:0 18px 54px rgba(6,3,20,.42);
  --crei-glow:0 0 0 1px rgba(139,92,255,.16), 0 12px 40px rgba(139,92,255,.14);
  --crei-focus:0 0 0 2px rgba(120,160,255,.9);
}

/* ---------- premium pill buttons (sitewide) ---------- */
.pillbtn{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.pillbtn:hover,
.pillbtn:focus-visible{
  transform:translateY(-1px);
  box-shadow:var(--crei-glow);
  outline:none;
}
.pillbtn:focus-visible{ box-shadow:var(--crei-focus), var(--crei-glow); }
.pillbtn.ghost,
.cr-music-btn--ghost{
  border:1px solid var(--crei-line)!important;
  background:var(--crei-glass)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cr-music-btn{ transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.cr-music-btn:hover,
.cr-music-btn:focus-visible{ transform:translateY(-1px); box-shadow:var(--crei-glow); outline:none; }

/* ---------- premium glass panels (list/route panels) ---------- */
.cr-library-panel,
.cr-community-picks-panel-v169zl{
  border:1px solid var(--crei-line)!important;
  box-shadow:var(--crei-shadow)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* ---------- account panel / pill polish ---------- */
.cr-account-card-v174o{ box-shadow:var(--crei-shadow); }
.cr-account-pill-v174o{ border:1px solid var(--crei-line-strong); }

/* ---------- accent-consistent neon top edge on major panels ---------- */
.cr-library-panel,
.cr-community-picks-panel-v169zl{ position:relative; }
.cr-library-panel::before,
.cr-community-picks-panel-v169zl::before{
  content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--crei-blue),var(--crei-purple),var(--crei-pink),transparent);
  opacity:.5;pointer-events:none;
}

/* ---------- sitewide keyboard focus visibility (accessibility) ---------- */
a:focus-visible,
button:focus-visible{ outline:2px solid rgba(120,160,255,.75); outline-offset:2px; }

/* ---------- reduced motion respect for this layer ---------- */
@media (prefers-reduced-motion: reduce){
  .pillbtn, .cr-music-btn{ transition:none!important; }
}