:root {
  --srs-night: #100016;
  --srs-deep: #210026;
  --srs-purple: #4b006d;
  --srs-violet: #7200a8;
  --srs-pink: #ff00a8;
  --srs-hot: #ff2b5c;
  --srs-cream: #fff6ff;
  --srs-muted: #e5b7dd;
}
html, body {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,0,168,.42), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(114,0,168,.42), transparent 32%),
    radial-gradient(circle at 52% 92%, rgba(255,43,92,.32), transparent 35%),
    linear-gradient(135deg, #100016 0%, #25002e 48%, #07000a 100%) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.045) 0 1px, transparent 1px 72px),
    linear-gradient(65deg, rgba(255,0,168,.09), transparent 28%, rgba(114,0,168,.12) 62%, transparent 100%),
    radial-gradient(circle at 50% 30%, rgba(255,0,168,.14), transparent 38%);
  mix-blend-mode: screen;
  opacity: .95;
}
body::after {
  content: "100% LIVE — NO BULLSHIT";
  position: fixed;
  right: 24px;
  bottom: 16px;
  z-index: 2;
  pointer-events: none;
  color: rgba(255,246,255,.30);
  font: 900 12px/1.1 Impact, "Arial Black", sans-serif;
  letter-spacing: .22em;
  text-shadow: 0 0 18px rgba(255,0,168,.55);
}
#app { position: relative; z-index: 1; }
a:hover { color: var(--srs-pink) !important; }
button:not([disabled]), [role="button"]:not([aria-disabled="true"]) { border-radius: 999px; }
button:hover, [role="button"]:hover { filter: brightness(1.1) saturate(1.18); transform: translateY(-1px); }
[class*="bg-k-highlight"], [class*="text-k-highlight"], .text-k-accent, .text-k-primary { color: var(--srs-pink) !important; }
[class*="bg-k-accent"], [class*="bg-k-highlight"], button[type="submit"], button[data-testid*="play"], [aria-label*="Play"], [aria-label*="Lire"] {
  background: linear-gradient(135deg, var(--srs-pink), var(--srs-hot)) !important;
  color: #fff6ff !important;
  box-shadow: 0 12px 36px rgba(255,0,168,.30), inset 0 0 0 1px rgba(255,255,255,.20) !important;
}
aside, header, footer, dialog, [class*="popover"], [class*="modal"], [class*="Panel"], [class*="Card"] {
  background-color: rgba(18,0,24,.86) !important;
  border-color: rgba(255,0,168,.18) !important;
  backdrop-filter: blur(18px) saturate(1.18);
}
img[alt*="Saint Rock"], img[src*="cover"], [class*="Thumbnail"] img, [class*="Cover"] img {
  box-shadow: 0 18px 56px rgba(0,0,0,.55), 0 0 0 1px rgba(255,0,168,.28), 0 0 38px rgba(255,43,92,.22) !important;
}
[class*="EmbedWidget"], [class*="EmbedAudio"], [class*="AudioPlayer"], [class*="TrackList"], table {
  background: linear-gradient(160deg, rgba(18,0,24,.94), rgba(72,0,96,.80)) !important;
  border: 1px solid rgba(255,0,168,.22) !important;
  box-shadow: 0 26px 76px rgba(0,0,0,.52) !important;
}
h1, h2, h3, [class*="title"], [class*="Title"] {
  letter-spacing: .01em;
  text-shadow: 0 0 24px rgba(255,0,168,.22);
}
.srs-cast-btn,.srs-cast-select{
  border-color: rgba(255,0,168,.38)!important;
  background: linear-gradient(135deg, rgba(18,0,24,.95), rgba(104,0,142,.90))!important;
  color: var(--srs-cream)!important;
  box-shadow: 0 14px 42px rgba(0,0,0,.46), 0 0 26px rgba(255,0,168,.24)!important;
}
.srs-cast-dot.ready{background:var(--srs-pink)!important;box-shadow:0 0 14px rgba(255,0,168,.9)!important}
@media (max-width: 760px) { body::after { display:none; } body::before { opacity:.8; } }
