.stationcast-requests {
  --sc-accent: #d46ad3;
  --sc-bg: #111;
  --sc-card: #1d1d1d;
  --sc-text: #fff;
  color: var(--sc-text);
  background: var(--sc-bg);
  border: 1px solid #433047;
  padding: clamp(18px, 3vw, 36px);
  font-family: "Poppins", sans-serif;
}
.stationcast-requests * { box-sizing: border-box; }
.sc-eyebrow { color: var(--sc-accent); font: 11px "Alata", sans-serif; letter-spacing: .16em; }
.sc-heading h2 { color: var(--sc-text); font: 400 clamp(26px, 4vw, 42px)/1.15 "Anton", sans-serif; margin: 7px 0; }
.sc-heading p { margin: 0 0 22px; color: #ccc; font-size: 14px; }
.sc-search-label { display: block; font-size: 13px; margin-bottom: 8px; }
.stationcast-requests .sc-search {
  width: 100%; border: 1px solid #5b465e; border-radius: 4px; padding: 13px 15px;
  background: #090909; color: #fff; font: inherit;
}
.stationcast-requests .sc-search:focus-visible, .stationcast-requests button:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; }
.sc-status { min-height: 1.4em; margin: 14px 0; color: #c9b9cb; font-size: 13px; }
.sc-results { display: grid; gap: 9px; max-height: 560px; overflow-y: auto; scrollbar-color: var(--sc-accent) #222; }
.sc-song { display: grid; grid-template-columns: 55px minmax(0,1fr) auto; gap: 13px; align-items: center; border: 1px solid #383038; background: var(--sc-card); padding: 9px; }
.sc-song img, .sc-placeholder { display: grid; place-items: center; width: 55px; height: 55px; object-fit: cover; background: #33233c; color: var(--sc-accent); font-size: 25px; }
.sc-song-info { min-width: 0; }
.sc-song-info strong, .sc-song-info span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-song-info strong { font-size: 13px; }
.sc-song-info span { color: #bcbcbc; font-size: 12px; }
.stationcast-requests .sc-song button, .stationcast-requests .sc-more { border: 1px solid var(--sc-accent); background: transparent; color: var(--sc-accent); padding: 8px 12px; cursor: pointer; font: 400 13px "Anton", sans-serif; letter-spacing: .03em; }
.stationcast-requests .sc-song button:hover, .stationcast-requests .sc-more:hover { background: var(--sc-accent); color: #111; }
.stationcast-requests button:disabled { opacity: .6; cursor: default; }
.stationcast-requests .sc-more { display: block; margin: 15px auto 0; }
.stationcast-requests .sc-more[hidden] { display: none; }
@media (max-width: 500px) {
  .sc-song { grid-template-columns: 44px minmax(0,1fr) auto; gap: 8px; }
  .sc-song img, .sc-placeholder { width: 44px; height: 44px; }
  .stationcast-requests .sc-song button { padding: 8px; }
}