/* Music Tip Radio Station — public interface */
:root {
  --sjr-accent: #e5b85c;
  --sjr-accent-2: #62d7d0;
  --sjr-ink: #eef3f6;
  --sjr-muted: #9ca8b2;
  --sjr-panel: #121820;
  --sjr-panel-2: #0b1016;
  --sjr-line: rgba(255,255,255,.11);
  --sjr-red: #ff5c5c;
  --sjr-radius: 20px;
  --sjr-shadow: 0 24px 70px rgba(0,0,0,.38);
}

.sjr-player,
.sjr-now-next,
.sjr-weekly,
.sjr-request-panel,
.sjr-dj-console,
.sjr-show-extras,
.sjr-episode-player,
.sjr-console-lock {
  box-sizing: border-box;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sjr-player *, .sjr-now-next *, .sjr-weekly *, .sjr-request-panel *,
.sjr-dj-console *, .sjr-show-extras *, .sjr-episode-player * { box-sizing: border-box; }

.sjr-kicker {
  display: block;
  color: var(--sjr-accent-2);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.sjr-player {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 104px 76px minmax(0,1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 132px;
  padding: 14px 20px;
  overflow: hidden;
  color: var(--sjr-ink);
  border: 1px solid var(--sjr-line);
  border-radius: var(--sjr-radius);
  background:
    radial-gradient(circle at 86% 0%, rgba(98,215,208,.15), transparent 31%),
    linear-gradient(135deg, #151d26 0%, #0b1016 70%);
  box-shadow: var(--sjr-shadow);
}

.sjr-player::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 28px 28px;
}

.sjr-player__signal {
  position: absolute;
  right: 20px;
  top: 14px;
  display: flex;
  align-items: end;
  gap: 3px;
  height: 22px;
  opacity: .45;
}
.sjr-player__signal span { width: 3px; border-radius: 2px; background: var(--sjr-accent-2); animation: sjr-signal 1.1s ease-in-out infinite alternate; }
.sjr-player__signal span:nth-child(1){height:7px}.sjr-player__signal span:nth-child(2){height:15px;animation-delay:.12s}.sjr-player__signal span:nth-child(3){height:21px;animation-delay:.24s}.sjr-player__signal span:nth-child(4){height:11px;animation-delay:.36s}
.sjr-player:not(.is-playing) .sjr-player__signal span { animation-play-state: paused; }
@keyframes sjr-signal { to { height: 4px; opacity: .45; } }

.sjr-player__artwork {
  width: 104px;
  aspect-ratio: 1;
  border-radius: 15px;
  background: linear-gradient(145deg, #2d3744, #151a20) center/cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 14px 35px rgba(0,0,0,.32);
}

.sjr-player__play {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 1px solid rgba(229,184,92,.62);
  border-radius: 50%;
  color: #121212;
  background: linear-gradient(145deg, #f4d58b, var(--sjr-accent));
  box-shadow: 0 0 0 7px rgba(229,184,92,.08), 0 10px 28px rgba(0,0,0,.32);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sjr-player__play:hover { transform: scale(1.045); box-shadow: 0 0 0 9px rgba(229,184,92,.12), 0 13px 32px rgba(0,0,0,.38); }
.sjr-player__play svg { width: 27px; height: 27px; fill: currentColor; }
.sjr-player__play .sjr-icon-pause { display: none; }
.sjr-player.is-playing .sjr-player__play .sjr-icon-play { display: none; }
.sjr-player.is-playing .sjr-player__play .sjr-icon-pause { display: block; }

.sjr-player__copy { min-width: 0; }
.sjr-player__eyebrow { display:flex; align-items:center; gap:8px; margin-bottom:7px; color: var(--sjr-accent); font-size:.72rem; font-weight:800; letter-spacing:.17em; }
.sjr-live-dot { width:8px; height:8px; border-radius:50%; background:var(--sjr-red); box-shadow:0 0 0 5px rgba(255,92,92,.12), 0 0 16px rgba(255,92,92,.6); }
.sjr-player__copy h2 { margin:0; overflow:hidden; color:var(--sjr-ink); font-size:clamp(1.12rem,2.2vw,1.7rem); line-height:1.12; text-overflow:ellipsis; white-space:nowrap; }
.sjr-player__copy p { margin:7px 0 0; overflow:hidden; color:var(--sjr-muted); font-size:.92rem; text-overflow:ellipsis; white-space:nowrap; }
.sjr-player__actions { display:flex; align-items:center; gap:16px; padding-top:20px; }
.sjr-player__show-link { color:var(--sjr-ink); font-size:.78rem; font-weight:700; text-decoration:none; border-bottom:1px solid var(--sjr-accent); }
.sjr-volume { display:flex; align-items:center; gap:8px; }
.sjr-volume svg { width:20px; height:20px; fill:var(--sjr-muted); }
.sjr-volume input { width:92px; accent-color:var(--sjr-accent); }

.sjr-player--show { margin:28px 0; }
.sjr-player--bar { grid-template-columns: 58px 52px minmax(0,1fr) auto; min-height:78px; padding:10px 16px; border-radius:16px; }
.sjr-player--bar .sjr-player__artwork { width:58px; border-radius:10px; }
.sjr-player--bar .sjr-player__play { width:46px;height:46px;box-shadow:none; }
.sjr-player--bar .sjr-player__play svg { width:21px;height:21px; }
.sjr-player--bar .sjr-player__copy h2 { font-size:1rem; }
.sjr-player--bar .sjr-player__copy p { font-size:.78rem; margin-top:3px; }
.sjr-player--bar .sjr-player__eyebrow { font-size:.6rem; margin-bottom:3px; }
.sjr-player--bar .sjr-player__signal { display:none; }
.sjr-player--bar .sjr-player__actions { padding-top:0; }

.sjr-sticky-shell { position:fixed; z-index:99990; left:18px; right:18px; bottom:18px; max-width:1180px; margin:auto; filter:drop-shadow(0 18px 38px rgba(0,0,0,.42)); }
body.admin-bar .sjr-sticky-shell { bottom:18px; }
body:has(.sjr-sticky-shell) { padding-bottom:116px; }

.sjr-now-next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:30px 0; }
.sjr-program-card { position:relative; display:grid; grid-template-columns:88px 1fr; gap:17px; min-height:130px; padding:44px 18px 18px; overflow:hidden; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:18px; background:linear-gradient(145deg,#141b24,#0b1016); box-shadow:0 16px 45px rgba(0,0,0,.22); }
.sjr-program-card.is-current { border-color:rgba(98,215,208,.35); }
.sjr-program-card__label { position:absolute; inset:0 0 auto; padding:10px 17px; color:var(--sjr-accent-2); border-bottom:1px solid var(--sjr-line); font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; background:rgba(255,255,255,.025); }
.sjr-program-card__art { width:88px; aspect-ratio:1; border-radius:13px; background:#202a35 center/cover no-repeat; }
.sjr-program-card h3 { margin:5px 0 8px; font-size:1.12rem; }
.sjr-program-card h3 a { color:inherit; text-decoration:none; }
.sjr-program-card p { margin:0; color:var(--sjr-muted); }
.sjr-live-badge,.sjr-status-badge { display:inline-flex; align-items:center; gap:7px; margin-top:9px; padding:5px 9px; border-radius:999px; color:white; background:#bb3030; font-size:.67rem; font-weight:850; letter-spacing:.1em; }
.sjr-status-badge { background:#384656; }

.sjr-weekly { margin:28px 0; padding:26px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:24px; background:linear-gradient(145deg,#131b23,#090e13); box-shadow:var(--sjr-shadow); }
.sjr-weekly__header { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.sjr-weekly__header h2 { margin:5px 0 0; color:var(--sjr-ink); font-size:clamp(1.5rem,4vw,2.5rem); }
.sjr-timezone-chip { padding:8px 12px; color:var(--sjr-muted); border:1px solid var(--sjr-line); border-radius:999px; font-size:.72rem; }
.sjr-day-tabs { display:flex; gap:8px; overflow-x:auto; padding-bottom:12px; scrollbar-width:thin; }
.sjr-day-tabs button { flex:0 0 auto; padding:10px 14px; color:var(--sjr-muted); border:1px solid var(--sjr-line); border-radius:10px; background:#0d131a; font-weight:750; cursor:pointer; }
.sjr-day-tabs button[aria-selected="true"] { color:#111; border-color:var(--sjr-accent); background:var(--sjr-accent); }
.sjr-day > h3 { margin:18px 0 14px; color:var(--sjr-accent); }
.sjr-shift-list { display:grid; gap:12px; }
.sjr-shift-card { display:grid; grid-template-columns:86px 72px minmax(0,1fr); align-items:center; gap:15px; padding:13px; border:1px solid var(--sjr-line); border-radius:15px; background:rgba(255,255,255,.025); }
.sjr-shift-card time { color:var(--sjr-accent-2); font-variant-numeric:tabular-nums; font-size:.83rem; font-weight:780; }
.sjr-shift-card__art { width:72px; aspect-ratio:1; border-radius:10px; background:#1b2530 center/cover no-repeat; }
.sjr-shift-card h4 { margin:0 0 5px; font-size:1.02rem; }
.sjr-shift-card h4 a { color:var(--sjr-ink); text-decoration:none; }
.sjr-shift-card p { margin:0; color:var(--sjr-muted); font-size:.84rem; }
.sjr-shift-card__meta { display:flex; gap:8px; margin-top:8px; }
.sjr-shift-card__meta span { padding:3px 7px; border-radius:999px; color:var(--sjr-muted); background:rgba(255,255,255,.06); font-size:.66rem; }
.sjr-day__empty { color:var(--sjr-muted); padding:24px; border:1px dashed var(--sjr-line); border-radius:14px; }

.sjr-request-panel { display:grid; grid-template-columns:minmax(250px,.75fr) minmax(320px,1.25fr); gap:30px; margin:34px 0; padding:28px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:24px; background:radial-gradient(circle at 0 0,rgba(229,184,92,.15),transparent 38%),#0c1218; box-shadow:var(--sjr-shadow); }
.sjr-request-panel h2 { margin:6px 0 12px; color:var(--sjr-ink); }
.sjr-request-panel__intro p { color:var(--sjr-muted); }
.sjr-request-links { display:flex; gap:10px; margin-top:20px; }
.sjr-request-links a { padding:9px 12px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:9px; text-decoration:none; }
.sjr-request-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.sjr-request-form label { display:grid; gap:7px; color:var(--sjr-muted); font-size:.78rem; font-weight:700; }
.sjr-request-form input,.sjr-request-form select,.sjr-request-form textarea { width:100%; padding:12px 13px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:10px; outline:none; background:#111922; font:inherit; }
.sjr-request-form input:focus,.sjr-request-form select:focus,.sjr-request-form textarea:focus { border-color:var(--sjr-accent-2); box-shadow:0 0 0 3px rgba(98,215,208,.1); }
.sjr-request-form__message,.sjr-consent,.sjr-form-status { grid-column:1/-1; }
.sjr-consent { display:flex!important; grid-template-columns:auto 1fr!important; align-items:start; font-weight:500!important; }
.sjr-consent input { width:auto; margin-top:3px; }
.sjr-honeypot { position:absolute!important; left:-9999px!important; }
.sjr-primary-button { display:inline-flex; justify-content:center; align-items:center; width:max-content; min-height:43px; padding:10px 17px; color:#101216!important; border:0; border-radius:10px; background:linear-gradient(145deg,#f4d58b,var(--sjr-accent)); font-weight:850; text-decoration:none!important; cursor:pointer; }
.sjr-primary-button:disabled { opacity:.55; cursor:wait; }
.sjr-form-status { min-height:1.2em; color:var(--sjr-accent-2); }

.sjr-show-command { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:34px 0 0; padding:22px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:18px; background:#101720; }
.sjr-show-command h2 { margin:5px 0 0; color:var(--sjr-ink); }
.sjr-show-contact { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.sjr-show-contact a { padding:8px 11px; color:var(--sjr-ink); border:1px solid var(--sjr-line); border-radius:8px; text-decoration:none; }
.sjr-show-times { margin:24px 0; }
.sjr-show-times > div { display:flex; flex-wrap:wrap; gap:8px; }
.sjr-show-times span { padding:8px 11px; border-radius:9px; background:#121a23; color:var(--sjr-muted); }
.sjr-episode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.sjr-episode-grid article { padding:10px; border:1px solid var(--sjr-line); border-radius:14px; background:#101720; }
.sjr-episode-grid a { display:grid; gap:10px; color:var(--sjr-ink); text-decoration:none; }
.sjr-episode-grid img { width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:9px; }
.sjr-press-card { margin:28px 0; padding:25px; color:var(--sjr-ink); border:1px solid rgba(229,184,92,.28); border-radius:20px; background:linear-gradient(145deg,rgba(229,184,92,.1),#0e141b 55%); }
.sjr-press-card h3 { margin:7px 0; color:var(--sjr-ink); }
.sjr-press-card p { color:var(--sjr-muted); }
.sjr-episode-player { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin:25px 0; padding:20px; border:1px solid var(--sjr-line); border-radius:16px; background:#101720; }
.sjr-episode-player audio { width:100%; }

/* DJ console */
.sjr-dj-console { position:relative; overflow:hidden; margin:25px auto; max-width:1320px; color:var(--sjr-ink); border:1px solid #323b43; border-radius:18px; background:linear-gradient(180deg,#191f25,#0a0e12); box-shadow:0 35px 100px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.05); }
.sjr-dj-console::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:20px 20px; }
.sjr-console-header { position:relative; display:flex; justify-content:space-between; align-items:center; padding:22px 25px; border-bottom:1px solid #343c44; background:linear-gradient(180deg,#232a31,#171d22); }
.sjr-console-header h2 { margin:5px 0 0; color:#f4f6f7; font-size:1.65rem; letter-spacing:-.02em; }
.sjr-console-mode { display:flex; align-items:center; gap:9px; padding:8px 12px; color:#b7c0c6; border:1px solid #3c464f; border-radius:6px; background:#101419; font:700 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.sjr-console-mode span { width:8px;height:8px;border-radius:50%;background:var(--sjr-accent-2);box-shadow:0 0 12px var(--sjr-accent-2); }
.sjr-console-warning { position:relative; padding:10px 24px; color:#c0c6ca; border-bottom:1px solid #343c44; background:#11161b; font-size:.76rem; }
.sjr-console-warning strong { color:var(--sjr-accent); }
.sjr-console-master { position:relative; display:grid; grid-template-columns:minmax(220px,1fr) 155px 150px 155px auto; align-items:center; gap:20px; padding:16px 24px; border-bottom:1px solid #343c44; background:linear-gradient(180deg,#151b20,#10151a); }
.sjr-master-meter { display:flex; gap:3px; padding:8px 10px; border:1px solid #333c44; border-radius:5px; background:#080b0e; }
.sjr-master-meter i { flex:1; height:10px; background:#263136; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
.sjr-dj-console.is-active .sjr-master-meter i:nth-child(-n+15){ background:#55c789; box-shadow:0 0 8px rgba(85,199,137,.4); }
.sjr-dj-console.is-active .sjr-master-meter i:nth-child(n+16):nth-child(-n+20){ background:#e1c15a; }
.sjr-console-master label { display:grid; gap:5px; color:#89949d; font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.sjr-console-master input[type=range] { width:100%; accent-color:var(--sjr-accent); }
.sjr-console-toggle { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; gap:8px!important; }
.sjr-console-toggle input { position:absolute; opacity:0; }
.sjr-console-toggle span { width:35px;height:18px;border-radius:20px;background:#343d45;box-shadow:inset 0 0 0 1px #4b555e; }
.sjr-console-toggle span::after { content:""; display:block; width:14px;height:14px;margin:2px;border-radius:50%;background:#8c969e;transition:.2s; }
.sjr-console-toggle input:checked+span { background:rgba(98,215,208,.25);box-shadow:inset 0 0 0 1px var(--sjr-accent-2); }
.sjr-console-toggle input:checked+span::after { transform:translateX(17px);background:var(--sjr-accent-2);box-shadow:0 0 9px var(--sjr-accent-2); }
.sjr-broadcast-button { padding:11px 13px; color:#606a72; border:1px solid #39424a; border-radius:5px; background:#151a1f; font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.sjr-channel-bank { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.sjr-channel { position:relative; min-width:0; padding:20px; border-right:1px solid #343c44; background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 30%,rgba(0,0,0,.08)); }
.sjr-channel:last-child { border-right:0; }
.sjr-channel header { display:flex; align-items:center; gap:12px; margin-bottom:15px; }
.sjr-channel-letter { display:grid; place-items:center; width:36px;height:36px;border:1px solid #4b555d;border-radius:5px;color:#111;background:var(--sjr-accent);font:900 1rem ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 4px 12px rgba(0,0,0,.35); }
.sjr-channel header small { display:block;color:#6f7a82;font:700 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em; }
.sjr-channel header h3 { margin:2px 0 0;color:#e5e9eb;font:800 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em; }
.sjr-channel-led { margin-left:auto;width:8px;height:8px;border-radius:50%;background:#364047;box-shadow:inset 0 0 0 1px #59646d; }
.sjr-channel.is-playing .sjr-channel-led,.sjr-channel.is-mic .sjr-channel-led { background:#57d590;box-shadow:0 0 11px #57d590; }
.sjr-channel-screen { display:flex; justify-content:space-between; gap:10px; padding:10px 11px; overflow:hidden; color:#a8e2c0; border:1px solid #34433c; border-radius:4px; background:#07110c; box-shadow:inset 0 0 20px rgba(69,168,111,.08); font:700 .66rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-channel-screen span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sjr-channel-source { display:flex; gap:7px; margin:10px 0; }
.sjr-channel-source input[type=url] { min-width:0; flex:1; padding:8px 9px;color:#afb8be;border:1px solid #39434b;border-radius:4px;background:#0c1115;font:.68rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-file-button { display:grid;place-items:center;padding:0 10px;color:#b3bcc2;border:1px solid #424c54;border-radius:4px;background:#1a2025;cursor:pointer;font:800 .6rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-file-button input { display:none; }
.sjr-channel-transport { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:11px 0 18px; }
.sjr-channel-transport button { display:flex;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px;color:#adb6bc;border:1px solid #3d474f;border-radius:4px;background:linear-gradient(#242b31,#171d22);box-shadow:0 3px 0 #080b0d;cursor:pointer;font:800 .58rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-channel-transport button:active,.sjr-channel-transport button.is-active { transform:translateY(2px);box-shadow:0 1px 0 #080b0d;color:#111;background:var(--sjr-accent-2); }
.sjr-channel-transport svg { width:15px;height:15px;fill:currentColor; }
.sjr-channel-fader { display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:13px;height:220px;padding:14px;border:1px solid #303941;border-radius:7px;background:#0d1216;box-shadow:inset 0 0 25px rgba(0,0,0,.42); }
.sjr-vu { display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:column;grid-template-rows:repeat(9,1fr);gap:3px; }
.sjr-vu i { border-radius:2px;background:#202b2e; }
.sjr-channel.is-playing .sjr-vu i:nth-child(-n+12),.sjr-channel.is-mic .sjr-vu i:nth-child(-n+12){background:#4ecb83;box-shadow:0 0 6px rgba(78,203,131,.35)}
.sjr-channel.is-playing .sjr-vu i:nth-child(n+13):nth-child(-n+16),.sjr-channel.is-mic .sjr-vu i:nth-child(n+13):nth-child(-n+16){background:#d6b850}.sjr-channel.is-playing .sjr-vu i:nth-child(n+17),.sjr-channel.is-mic .sjr-vu i:nth-child(n+17){background:#a44747}
.sjr-channel-fader label { display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:7px;color:#6f7a82;font:700 .56rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-channel-fader input[type=range] { width:160px;height:28px;margin:55px -55px;transform:rotate(-90deg);accent-color:var(--sjr-accent); }
.sjr-channel-option { display:block;margin-top:12px;color:#89939a;font:.67rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-channel-option input { accent-color:var(--sjr-accent-2); }
.sjr-console-footer { position:relative;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:16px;padding:15px 24px;border-top:1px solid #343c44;background:linear-gradient(#151b20,#0e1317); }
.sjr-console-clock { padding:9px 11px;color:#9ee8bd;border:1px solid #33423b;border-radius:4px;background:#07110c;text-align:center;font:800 1.05rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em; }
.sjr-console-log { overflow:hidden;color:#7e8a92;font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap; }
.sjr-panic-button { padding:10px 13px;color:#fff;border:1px solid #8d3434;border-radius:4px;background:linear-gradient(#a54141,#6f2828);box-shadow:0 3px 0 #3c1111;font:900 .65rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;cursor:pointer; }
.sjr-panic-button:active { transform:translateY(2px);box-shadow:0 1px 0 #3c1111; }
.sjr-console-lock { margin:30px 0;padding:25px;color:var(--sjr-ink);border:1px solid var(--sjr-line);border-radius:16px;background:#101720; }

@media (max-width: 980px) {
  .sjr-console-master { grid-template-columns:1fr 1fr; }
  .sjr-master-meter { grid-column:1/-1; }
  .sjr-channel-bank { grid-template-columns:1fr; }
  .sjr-channel { border-right:0;border-bottom:1px solid #343c44; }
  .sjr-channel-fader { height:150px;grid-template-columns:1fr 180px; }
  .sjr-channel-fader input[type=range] { width:150px;margin:30px -50px; }
  .sjr-request-panel { grid-template-columns:1fr; }
}

@media (max-width: 760px) {
  .sjr-player { grid-template-columns:68px 54px minmax(0,1fr); gap:12px; min-height:96px; padding:12px; }
  .sjr-player__artwork { width:68px;border-radius:11px; }
  .sjr-player__play { width:50px;height:50px; }
  .sjr-player__actions { grid-column:1/-1;justify-content:space-between;padding-top:0; }
  .sjr-player--bar { grid-template-columns:48px 44px minmax(0,1fr); }
  .sjr-player--bar .sjr-player__artwork { width:48px; }
  .sjr-player--bar .sjr-player__actions { display:none; }
  .sjr-sticky-shell { left:7px;right:7px;bottom:7px; }
  body:has(.sjr-sticky-shell) { padding-bottom:100px; }
  .sjr-now-next { grid-template-columns:1fr; }
  .sjr-weekly { padding:18px 13px; }
  .sjr-weekly__header { align-items:start;flex-direction:column; }
  .sjr-shift-card { grid-template-columns:72px 56px minmax(0,1fr);gap:10px; }
  .sjr-shift-card__art { width:56px; }
  .sjr-shift-card p { display:none; }
  .sjr-request-form { grid-template-columns:1fr; }
  .sjr-request-form__message,.sjr-consent,.sjr-form-status { grid-column:auto; }
  .sjr-show-command { align-items:flex-start;flex-direction:column; }
  .sjr-show-contact { justify-content:flex-start; }
  .sjr-episode-grid { grid-template-columns:1fr 1fr; }
  .sjr-console-header,.sjr-console-footer { grid-template-columns:1fr;align-items:start; }
  .sjr-console-header { flex-direction:column;align-items:flex-start;gap:14px; }
  .sjr-console-master { grid-template-columns:1fr; }
  .sjr-master-meter { grid-column:auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sjr-player__signal span { animation:none; }
  * { scroll-behavior:auto!important; }
}

/* 0.1.3-beta — editorial hierarchy refresh */
.sjr-player--show,
.sjr-player--hero,
.sjr-player--bar {
  border-color: rgba(196, 156, 79, .24);
}

.sjr-player--show,
.sjr-player--hero {
  background:
    linear-gradient(90deg, rgba(122, 24, 40, .18), transparent 42%),
    radial-gradient(circle at right top, rgba(215, 189, 129, .12), transparent 32%),
    linear-gradient(145deg, #12161d 0%, #0b1016 100%);
}
.sjr-player--show::before,
.sjr-player--hero::before {
  opacity: .08;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 40px 40px;
}
.sjr-player__copy h2 {
  font-weight: 800;
  letter-spacing: -.02em;
}
.sjr-player__copy p {
  color: #c4ccd3;
}
.sjr-player__show-link {
  padding: 9px 12px;
  border: 1px solid rgba(196, 156, 79, .22);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  border-bottom: 1px solid rgba(196, 156, 79, .22);
}
.sjr-player__show-link:hover {
  background: rgba(196, 156, 79, .14);
}
.sjr-sticky-shell .sjr-player--bar {
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(122, 24, 40, .28), transparent 40%),
    linear-gradient(145deg, rgba(9,14,20,.96), rgba(16,23,32,.95));
}

.sjr-show-extras {
  display: grid;
  gap: 22px;
}
.sjr-show-command {
  margin: 18px 0 0;
  padding: 24px 26px;
  border-radius: 22px;
  border: 1px solid rgba(196, 156, 79, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: 0 12px 36px rgba(0,0,0,.12);
}
.sjr-show-command h2 {
  font-size: clamp(1.55rem, 3vw, 2.4rem);
}
.sjr-show-contact a {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.03);
}
.sjr-show-description {
  padding: 30px;
  color: #17202a;
  border: 1px solid rgba(103, 88, 55, .12);
  border-radius: 22px;
  background: linear-gradient(180deg, #fcf7ef, #f2e8d7);
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}
.sjr-show-description .sjr-kicker {
  color: #8a5d22;
}
.sjr-editorial-copy {
  margin-top: 14px;
  color: #2d3944;
  font-size: 1rem;
  line-height: 1.82;
}
.sjr-editorial-copy h1,
.sjr-editorial-copy h2,
.sjr-editorial-copy h3,
.sjr-editorial-copy h4 {
  color: #15202a;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -.01em;
}
.sjr-editorial-copy p:first-child {
  margin-top: 0;
  font-size: 1.08rem;
}
.sjr-editorial-copy p:last-child {
  margin-bottom: 0;
}
.sjr-show-times,
.sjr-show-episodes,
.sjr-press-card,
.sjr-request-panel {
  margin: 0;
}
.sjr-show-times,
.sjr-show-episodes {
  padding: 24px 26px;
  color: var(--sjr-ink);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: linear-gradient(180deg, #151b22, #10161d);
}
.sjr-show-times h3,
.sjr-show-episodes h3,
.sjr-press-card h3,
.sjr-request-panel h2,
.sjr-weekly__header h2,
.sjr-program-card h3 {
  letter-spacing: -.02em;
}
.sjr-show-times h3,
.sjr-show-episodes h3 {
  margin: 0 0 14px;
}
.sjr-show-times span {
  background: rgba(255,255,255,.05);
  color: #d7dee4;
  border: 1px solid rgba(255,255,255,.06);
}
.sjr-episode-grid article {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.sjr-episode-grid strong {
  font-size: .98rem;
  line-height: 1.35;
}
.sjr-press-card {
  padding: 28px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(122,24,40,.18), rgba(196,156,79,.18) 44%, #111821 78%);
}

.sjr-now-next {
  gap: 22px;
}
.sjr-program-card {
  min-height: 144px;
  padding: 22px;
  border-color: rgba(196,156,79,.16);
  border-radius: 22px;
  background: linear-gradient(180deg, #f4ead8, #ede2cf);
  color: #17202a;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}
.sjr-program-card__label {
  position: static;
  padding: 0;
  margin-bottom: 12px;
  color: #8f5f25;
  border: 0;
  background: transparent;
}
.sjr-program-card h3 a,
.sjr-program-card h3,
.sjr-program-card p {
  color: inherit;
}
.sjr-program-card p {
  color: #4d5963;
}
.sjr-program-card__art {
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.sjr-program-card.is-current {
  background: linear-gradient(180deg, #111821, #0c1117);
  color: #eef3f6;
  border-color: rgba(98,215,208,.28);
}
.sjr-program-card.is-current .sjr-program-card__label {
  color: var(--sjr-accent-2);
}
.sjr-program-card.is-current p {
  color: #bcc7d0;
}

.sjr-weekly {
  padding: 30px;
  color: #17202a;
  border-color: rgba(196,156,79,.14);
  background: linear-gradient(180deg, #fcf7ef, #efe3cf);
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}
.sjr-timezone-chip {
  color: #6f5640;
  border-color: rgba(103,88,55,.16);
  background: rgba(255,255,255,.45);
}
.sjr-day-tabs button {
  color: #5f6770;
  border-color: rgba(103,88,55,.13);
  background: rgba(255,255,255,.52);
}
.sjr-day-tabs button[aria-selected="true"] {
  color: #fff;
  border-color: #7f1730;
  background: linear-gradient(145deg, #8f2341, #6f1731);
}
.sjr-day > h3 {
  color: #7f1730;
}
.sjr-shift-card {
  grid-template-columns: 96px 72px minmax(0,1fr);
  padding: 14px;
  border-color: rgba(103,88,55,.10);
  background: rgba(255,255,255,.58);
}
.sjr-shift-card time {
  color: #8f5f25;
}
.sjr-shift-card h4 a {
  color: #17202a;
}
.sjr-shift-card p {
  color: #52606b;
}
.sjr-shift-card__meta span {
  color: #586774;
  background: rgba(23,32,42,.06);
}

.sjr-request-panel {
  border-color: rgba(122,24,40,.18);
  background: linear-gradient(135deg, rgba(122,24,40,.15), rgba(196,156,79,.08) 35%, #121820 72%);
}
.sjr-request-links a,
.sjr-request-form input,
.sjr-request-form select,
.sjr-request-form textarea {
  background: rgba(10,14,20,.55);
}

@media (max-width: 760px) {
  .sjr-show-description,
  .sjr-show-times,
  .sjr-show-episodes,
  .sjr-press-card,
  .sjr-request-panel,
  .sjr-weekly,
  .sjr-program-card,
  .sjr-show-command {
    padding: 18px;
  }
  .sjr-program-card {
    grid-template-columns: 74px 1fr;
  }
  .sjr-shift-card {
    grid-template-columns: 84px 56px minmax(0,1fr);
  }
}

/* 0.2.0-beta — Music Tip Radio Station, anthracite editorial public page */
.sjr-now-next,
.sjr-weekly,
.sjr-public-contact {
  --sjr-radio-surface: #151b22;
  --sjr-radio-surface-2: #10161c;
  --sjr-radio-line: rgba(255,255,255,.10);
  --sjr-radio-copy: #eef2f4;
  --sjr-radio-muted: #9ca8b2;
}

/* The fixed player remains the only player on the weekly station page. */
.sjr-player__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.sjr-player__track-link,
.sjr-player__support,
.sjr-player__insert-link {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 7px 10px;
  color: var(--sjr-ink);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  font-size: .7rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.sjr-player__track-link:hover,
.sjr-player__insert-link:hover {
  border-color: var(--sjr-accent-2);
  background: rgba(98,215,208,.10);
}
.sjr-player__support--patreon {
  color: #fff;
  border-color: rgba(255,82,82,.45);
  background: #e94d4d;
}
.sjr-player__support--tipeee {
  color: #fff;
  border-color: rgba(110,77,175,.55);
  background: #65449d;
}
.sjr-player__insert-link {
  color: #17120a;
  border-color: var(--sjr-accent);
  background: var(--sjr-accent);
}

.sjr-now-next {
  gap: 18px;
  margin: 28px 0 20px;
}
.sjr-program-card,
.sjr-program-card.is-current {
  position: relative;
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  align-items: center;
  gap: 18px;
  min-height: 150px;
  padding: 47px 20px 20px;
  overflow: hidden;
  color: var(--sjr-radio-copy);
  border: 1px solid var(--sjr-radio-line);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sjr-radio-surface), var(--sjr-radio-surface-2));
  box-shadow: 0 16px 42px rgba(0,0,0,.20);
}
.sjr-program-card.is-current {
  border-color: rgba(98,215,208,.34);
  background:
    radial-gradient(circle at 100% 0%, rgba(98,215,208,.10), transparent 35%),
    linear-gradient(145deg, #172029, #10161c);
}
.sjr-program-card__label,
.sjr-program-card.is-current .sjr-program-card__label {
  position: absolute;
  inset: 0 0 auto;
  margin: 0;
  padding: 11px 20px;
  color: var(--sjr-accent-2);
  border: 0;
  border-bottom: 1px solid var(--sjr-radio-line);
  background: rgba(255,255,255,.025);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.sjr-program-card__art {
  width: 92px;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.sjr-program-card h3,
.sjr-program-card h3 a,
.sjr-program-card.is-current h3 a {
  color: var(--sjr-radio-copy);
}
.sjr-program-card h3 {
  margin: 0 0 7px;
  font-size: 1.16rem;
}
.sjr-program-card p,
.sjr-program-card.is-current p {
  color: var(--sjr-radio-muted);
}
.sjr-program-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}
.sjr-program-card__actions a {
  display: inline-flex;
  padding: 7px 10px;
  color: #dce3e7;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  font-size: .69rem;
  font-weight: 800;
  text-decoration: none;
}
.sjr-program-card__actions a[data-sjr-music-link] {
  color: #17120a;
  border-color: var(--sjr-accent);
  background: var(--sjr-accent);
}

.sjr-weekly {
  margin: 20px 0 28px;
  padding: 28px;
  color: var(--sjr-radio-copy);
  border: 1px solid var(--sjr-radio-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 0%, rgba(229,184,92,.08), transparent 30%),
    linear-gradient(145deg, var(--sjr-radio-surface), #0c1117);
  box-shadow: 0 22px 65px rgba(0,0,0,.28);
}
.sjr-weekly__header h2 {
  color: var(--sjr-radio-copy);
}
.sjr-timezone-chip {
  color: var(--sjr-radio-muted);
  border-color: var(--sjr-radio-line);
  background: rgba(255,255,255,.025);
}
.sjr-day-tabs button {
  color: var(--sjr-radio-muted);
  border-color: var(--sjr-radio-line);
  background: #0e141a;
}
.sjr-day-tabs button:hover {
  color: var(--sjr-radio-copy);
  border-color: rgba(229,184,92,.35);
}
.sjr-day-tabs button[aria-selected="true"] {
  color: #111;
  border-color: var(--sjr-accent);
  background: var(--sjr-accent);
}
.sjr-day > h3 {
  color: var(--sjr-accent);
}
.sjr-shift-card {
  grid-template-columns: 92px 68px minmax(0,1fr);
  padding: 13px;
  color: var(--sjr-radio-copy);
  border-color: rgba(255,255,255,.075);
  background: rgba(255,255,255,.025);
}
.sjr-shift-card:hover {
  border-color: rgba(98,215,208,.24);
  background: rgba(255,255,255,.04);
}
.sjr-shift-card time {
  color: var(--sjr-accent-2);
}
.sjr-shift-card h4 a {
  color: var(--sjr-radio-copy);
}
.sjr-shift-card p {
  color: var(--sjr-radio-muted);
}
.sjr-shift-card__meta span {
  color: var(--sjr-radio-muted);
  background: rgba(255,255,255,.055);
}
.sjr-day__empty {
  color: var(--sjr-radio-muted);
  border-color: var(--sjr-radio-line);
}

.sjr-public-contact {
  display: grid;
  grid-template-columns: minmax(240px,.85fr) minmax(360px,1.15fr);
  align-items: center;
  gap: 28px;
  margin: 28px 0;
  padding: 27px;
  color: var(--sjr-radio-copy);
  border: 1px solid var(--sjr-radio-line);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(122,24,40,.13), transparent 42%),
    linear-gradient(145deg, #171e26, #0e141a);
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}
.sjr-public-contact h2 {
  margin: 6px 0 10px;
  color: var(--sjr-radio-copy);
}
.sjr-public-contact p {
  margin: 0;
  color: var(--sjr-radio-muted);
}
.sjr-public-contact__actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.sjr-public-contact__actions a {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  color: var(--sjr-radio-copy);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  text-decoration: none;
}
.sjr-public-contact__actions a:hover {
  border-color: var(--sjr-accent-2);
}
.sjr-public-contact__actions span {
  color: var(--sjr-radio-muted);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sjr-public-contact__actions strong {
  font-size: .93rem;
}
.sjr-public-contact__actions .is-whatsapp {
  border-color: rgba(37,211,102,.30);
}
.sjr-public-contact__actions .is-discord {
  border-color: rgba(88,101,242,.35);
}

/* Show pages keep a player-led editorial hierarchy without exposing a public DJ desk. */
.sjr-show-description {
  color: var(--sjr-ink);
  border-color: rgba(255,255,255,.08);
  background: linear-gradient(145deg, #171e26, #10161c);
}
.sjr-show-description .sjr-kicker {
  color: var(--sjr-accent-2);
}
.sjr-editorial-copy,
.sjr-editorial-copy h1,
.sjr-editorial-copy h2,
.sjr-editorial-copy h3,
.sjr-editorial-copy h4 {
  color: var(--sjr-ink);
}
.sjr-editorial-copy p,
.sjr-editorial-copy li {
  color: #c5ced5;
}

@media (max-width: 920px) {
  .sjr-public-contact { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .sjr-player__actions { justify-content: flex-start; }
  .sjr-player--bar .sjr-player__actions { display: none; }
  .sjr-program-card,
  .sjr-program-card.is-current { grid-template-columns: 72px minmax(0,1fr); padding: 46px 15px 16px; }
  .sjr-program-card__art { width: 72px; }
  .sjr-weekly,
  .sjr-public-contact { padding: 18px; }
  .sjr-public-contact__actions { grid-template-columns: 1fr; }
  .sjr-shift-card { grid-template-columns: 82px 54px minmax(0,1fr); }
}

/* 0.2.2 — show pages use only the fixed station player. */
body.single-sjr_show .upcoming-shows-widget,
body.single-sjr_show .upcoming-shows-wrap,
body.single-sjr_show .widget_radio_station_upcoming_shows_widget,
body.single-sjr_show .widget_radio_station_current_show_widget,
body.single-sjr_show .on-air-upcoming-wrap,
body.single-sjr_show .dj-coming-up-widget {
  display: none !important;
}
body.single-sjr_show .sjr-show-extras {
  margin-top: 30px;
}
body.single-sjr_show .sjr-show-description:first-child {
  margin-top: 0;
}

/* 0.2.3-beta — live playlist queue */
.sjr-track-queue {
  margin: 28px 0;
  overflow: hidden;
  color: var(--sjr-radio-copy, #eef3f6);
  border: 1px solid var(--sjr-radio-line, rgba(255,255,255,.10));
  border-radius: 22px;
  background:
    radial-gradient(circle at 96% 0, rgba(98,215,208,.11), transparent 28%),
    linear-gradient(145deg, #171e26, #0d1319 72%);
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}
.sjr-track-queue__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 23px 25px;
  border-bottom: 1px solid rgba(255,255,255,.085);
}
.sjr-track-queue__header h2 {
  margin: 5px 0 0;
  color: inherit;
  font-size: clamp(1.35rem, 3vw, 2rem);
  letter-spacing: -.025em;
}
.sjr-track-queue__show,
.sjr-track-queue__show:link,
.sjr-track-queue__show:visited,
.sjr-track-queue__show:hover,
.sjr-track-queue__show:focus,
.sjr-track-queue__show:active {
  display: grid;
  gap: 3px;
  min-width: 190px;
  padding: 11px 14px;
  color: #f3f6f8 !important;
  border: 1px solid rgba(229,184,92,.26);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  text-decoration: none !important;
}
.sjr-track-queue__show span {
  color: var(--sjr-radio-muted, #9ca8b2);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sjr-current-track {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 22px 25px;
  background: linear-gradient(90deg, rgba(122,24,40,.17), transparent 54%);
}
.sjr-current-track__art,
.sjr-upcoming-tracks__art {
  background: #25303a center/cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 9px 24px rgba(0,0,0,.22);
}
.sjr-current-track__art {
  width: 92px;
  aspect-ratio: 1;
  border-radius: 14px;
}
.sjr-current-track__copy { min-width: 0; }
.sjr-current-track__copy > span {
  display: block;
  margin-bottom: 5px;
  color: var(--sjr-accent-2);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .15em;
}
.sjr-current-track h3 {
  margin: 0;
  overflow: hidden;
  color: #f4f7f9;
  font-size: clamp(1.2rem, 2.5vw, 1.72rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sjr-current-track p {
  margin: 7px 0 0;
  color: var(--sjr-radio-muted, #9ca8b2);
}
.sjr-current-track p a,
.sjr-current-track p a:visited,
.sjr-current-track p a:hover {
  color: #e6edf2;
}
.sjr-upcoming-tracks {
  padding: 20px 25px 25px;
  border-top: 1px solid rgba(255,255,255,.065);
}
.sjr-upcoming-tracks__title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  margin-bottom: 10px;
}
.sjr-upcoming-tracks__title > span {
  color: var(--sjr-accent);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .14em;
}
.sjr-upcoming-tracks__title small {
  color: var(--sjr-radio-muted, #9ca8b2);
}
.sjr-upcoming-tracks ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sjr-upcoming-tracks li {
  display: grid;
  grid-template-columns: 68px 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 11px 4px;
  border-top: 1px solid rgba(255,255,255,.065);
}
.sjr-upcoming-tracks li:first-child { border-top: 0; }
.sjr-upcoming-tracks time {
  color: var(--sjr-accent-2);
  font-size: .82rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.sjr-upcoming-tracks__art {
  width: 48px;
  aspect-ratio: 1;
  border-radius: 8px;
}
.sjr-upcoming-tracks li > div:nth-child(3) {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.sjr-upcoming-tracks strong {
  overflow: hidden;
  color: #f3f6f8;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sjr-upcoming-tracks li span {
  color: var(--sjr-radio-muted, #9ca8b2);
  font-size: .76rem;
}
.sjr-upcoming-tracks li > a,
.sjr-upcoming-tracks li > a:link,
.sjr-upcoming-tracks li > a:visited,
.sjr-upcoming-tracks li > a:hover,
.sjr-upcoming-tracks li > a:focus,
.sjr-upcoming-tracks li > a:active {
  padding: 8px 11px;
  color: #101419 !important;
  border-radius: 999px;
  background: var(--sjr-accent);
  font-size: .72rem;
  font-weight: 850;
  text-decoration: none !important;
}
.sjr-track-queue__empty {
  color: var(--sjr-radio-muted, #9ca8b2);
}
.sjr-upcoming-tracks.is-live-source {
  padding-top: 24px;
  padding-bottom: 28px;
  background: linear-gradient(90deg, rgba(229,184,92,.07), rgba(98,215,208,.045));
}
.sjr-upcoming-tracks.is-live-source .sjr-track-queue__empty {
  max-width: 760px;
  margin: 16px 0 0;
  padding: 18px 20px;
  color: #dce5eb;
  border: 1px solid rgba(229,184,92,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  line-height: 1.65;
}

/* Keep public communication cards readable even when the theme changes link states. */
.sjr-public-contact__actions a,
.sjr-public-contact__actions a:link,
.sjr-public-contact__actions a:visited,
.sjr-public-contact__actions a:hover,
.sjr-public-contact__actions a:focus,
.sjr-public-contact__actions a:focus-visible,
.sjr-public-contact__actions a:active,
.sjr-public-contact__actions a span,
.sjr-public-contact__actions a strong {
  color: #f4f7f9 !important;
  text-decoration: none !important;
}
.sjr-public-contact__actions a span {
  color: #aeb9c2 !important;
}
.sjr-public-contact__actions a:hover,
.sjr-public-contact__actions a:focus-visible {
  border-color: var(--sjr-accent-2) !important;
  background: rgba(255,255,255,.075);
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .sjr-track-queue__header { align-items: flex-start; flex-direction: column; padding: 18px; }
  .sjr-track-queue__show { width: 100%; min-width: 0; }
  .sjr-current-track { grid-template-columns: 72px minmax(0,1fr); padding: 18px; }
  .sjr-current-track__art { width: 72px; }
  .sjr-current-track > .sjr-primary-button { grid-column: 1 / -1; }
  .sjr-upcoming-tracks { padding: 16px 18px 20px; }
  .sjr-upcoming-tracks__title { align-items: flex-start; flex-direction: column; gap: 4px; }
  .sjr-upcoming-tracks li { grid-template-columns: 55px 42px minmax(0,1fr); gap: 10px; }
  .sjr-upcoming-tracks__art { width: 42px; }
  .sjr-upcoming-tracks li > a { grid-column: 2 / -1; justify-self: start; }
}

/* 0.2.5-beta — karaoke launch and talk-show references */
.sjr-visual-screen-card{margin:28px 0;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#22282e;color:#f4f7f9;box-shadow:0 18px 46px rgba(0,0,0,.16)}.sjr-visual-screen-card h3{margin:.35em 0;color:#fff}.sjr-visual-screen-card p{max-width:72ch;color:rgba(244,247,249,.78)}.sjr-reference-documents{margin:34px 0;padding:28px;border-radius:18px;background:#f5f3ee;color:#25282b}.sjr-reference-documents h2{margin:.35em 0 22px}.sjr-reference-grid{display:grid;gap:16px}.sjr-reference-grid article{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px;border:1px solid rgba(20,25,30,.1);border-radius:14px;background:#fff}.sjr-reference-grid h3{margin:0 0 7px}.sjr-reference-meta{margin:.2em 0;color:#626970;font-size:.93em}.sjr-reference-grid article>div>p:last-child{margin-bottom:0}.sjr-reference-grid .sjr-primary-button{flex:0 0 auto}.sjr-community-card a,.sjr-community-card a:link,.sjr-community-card a:visited,.sjr-community-card a:hover,.sjr-community-card a:focus,.sjr-community-card a:active{color:#f4f7f9!important;text-decoration:none}.sjr-community-card a:hover,.sjr-community-card a:focus-visible{color:#fff!important;background:rgba(255,255,255,.08)}
@media(max-width:720px){.sjr-reference-grid article{align-items:flex-start;flex-direction:column}.sjr-reference-grid .sjr-primary-button{width:100%;justify-content:center}}


/* 0.2.8-beta — local talk-show audio and show-level documents */
.sjr-talk-source-card{margin:28px 0;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#20262c;color:#f4f7f9;box-shadow:0 18px 46px rgba(0,0,0,.14)}
.sjr-talk-source-card h3{margin:.35em 0;color:#fff}.sjr-talk-source-card p{max-width:72ch;color:rgba(244,247,249,.78)}
.sjr-talk-source-card audio{display:block;width:100%;margin-top:18px}
.sjr-reference-item{flex-wrap:wrap}.sjr-pdf-preview{flex:1 0 100%;margin-top:14px;border-top:1px solid rgba(20,25,30,.1);padding-top:12px}
.sjr-pdf-preview summary{cursor:pointer;font-weight:750}.sjr-pdf-preview iframe{width:100%;height:min(72vh,760px);margin-top:12px;border:1px solid rgba(20,25,30,.14);border-radius:10px;background:#fff}
.sjr-pdf-fallback{margin:.65em 0 0}

/* 0.2.9-beta — editorial talk-show pages and multi-format references */
.sjr-document-image-preview{grid-column:1/-1;margin:12px 0 0;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18)}
.sjr-document-image-preview img{display:block;width:100%;max-height:680px;object-fit:contain}
.sjr-reference-format{display:inline-block;margin:0 0 7px;padding:4px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1}
.sjr-reference-copy{min-width:0}

/* Library / flipbook presentation */
.sjr-reference-library{position:relative;background:linear-gradient(180deg,#efe8dc,#e7dfd2);color:#201913;border:1px solid rgba(99,68,40,.14);box-shadow:0 24px 70px rgba(61,38,18,.12)}
.sjr-library-intro{max-width:70ch;color:#5e4b3a}.sjr-library-controls{position:absolute;top:24px;right:26px;display:flex;gap:10px}.sjr-library-arrow{width:42px;height:42px;border-radius:999px;border:1px solid rgba(70,46,24,.18);background:#fff7ed;color:#604320;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(74,51,24,.12)}
.sjr-reference-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,360px);overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:6px}.sjr-reference-carousel::-webkit-scrollbar{height:10px}.sjr-reference-carousel::-webkit-scrollbar-thumb{background:rgba(96,67,32,.25);border-radius:999px}
.sjr-reference-carousel .sjr-reference-item{scroll-snap-align:start;display:grid;grid-template-columns:118px 1fr;align-items:start;gap:18px;padding:22px;border-radius:20px;background:linear-gradient(180deg,#fffdf8,#f8f2e8);border:1px solid rgba(93,68,38,.12);box-shadow:0 18px 34px rgba(73,50,26,.09)}
.sjr-book-cover{position:relative;appearance:none;border:0;background:none;padding:0;cursor:pointer;perspective:1200px}
.sjr-book-spine{position:absolute;left:0;top:8px;bottom:8px;width:10px;border-radius:10px 0 0 10px;background:linear-gradient(180deg,#67462b,#402917);box-shadow:inset -1px 0 0 rgba(255,255,255,.18)}
.sjr-book-face{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:162px;padding:14px 12px 12px 18px;border-radius:6px 12px 12px 6px;background:linear-gradient(145deg,rgba(96,67,32,.86),rgba(42,28,18,.96));background-size:cover;background-position:center;color:#fff;box-shadow:10px 12px 24px rgba(39,22,10,.24);transform-origin:left center;transform:rotateY(-9deg);transition:transform .35s ease, box-shadow .35s ease;overflow:hidden;text-align:left}
.sjr-book-cover:hover .sjr-book-face,.sjr-book-cover:focus-visible .sjr-book-face{transform:rotateY(-18deg) translateX(3px);box-shadow:18px 16px 32px rgba(39,22,10,.34)}
.sjr-book-face::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,7,5,.08),rgba(9,7,5,.55))}.sjr-book-face>*{position:relative;z-index:1}.sjr-book-badge{align-self:flex-start;margin-bottom:auto;padding:4px 8px;border-radius:999px;background:rgba(255,248,231,.88);color:#5f4525;font-size:10px;font-weight:900;letter-spacing:.14em}.sjr-book-face strong{display:block;font-size:17px;line-height:1.1}.sjr-book-face em{display:block;margin-top:8px;font-style:normal;font-size:12px;opacity:.84}
.sjr-reference-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sjr-secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;border:1px solid rgba(93,68,38,.18);background:#fff;color:#362515!important;text-decoration:none!important;font-weight:800}
.sjr-doc-viewer{padding:0;border:0;background:transparent;max-width:min(94vw,1220px);width:100%}.sjr-doc-viewer::backdrop{background:rgba(7,6,5,.66);backdrop-filter:blur(6px)}.sjr-doc-viewer__shell{position:relative;padding:22px}.sjr-doc-viewer__close{position:absolute;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:999px;background:#fff;color:#2d1d11;font-size:30px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sjr-doc-viewer__book{display:grid;grid-template-columns:minmax(180px,260px) 1fr;min-height:min(76vh,860px);border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#b88456 0,#e9decf 22px,#fffefb 22px,#fffefb 100%);box-shadow:0 40px 90px rgba(0,0,0,.28);transform:perspective(1600px) rotateX(1deg)}
.sjr-doc-viewer__cover{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px;background:linear-gradient(180deg,#5f3c24,#2f1d12);color:#fff;position:relative}.sjr-doc-viewer__cover [data-sjr-doc-cover-visual]{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28}.sjr-doc-viewer__cover [data-sjr-doc-cover-visual].has-image{opacity:.42}.sjr-doc-viewer__cover strong,.sjr-doc-viewer__cover span{position:relative;z-index:1}.sjr-doc-viewer__cover strong{font-size:28px;line-height:1.05}.sjr-doc-viewer__pages{background:#fff7ec;padding:18px}.sjr-doc-viewer__pages iframe{width:100%;height:min(72vh,820px);border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(55,33,18,.08)}.sjr-doc-viewer__actions{margin-top:14px;display:flex;justify-content:flex-end}
@media(max-width:860px){.sjr-library-controls{position:static;margin-bottom:14px}.sjr-reference-carousel{grid-auto-columns:minmax(270px,84vw)}.sjr-reference-carousel .sjr-reference-item{grid-template-columns:1fr}.sjr-doc-viewer__book{grid-template-columns:1fr}.sjr-doc-viewer__cover{min-height:180px}.sjr-doc-viewer__pages iframe{height:62vh}}

.sjr-doc-viewer__actions{display:none!important}.sjr-book-cover{text-decoration:none!important}
.sjr-visual-screen-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sjr-visual-screen-actions .sjr-secondary-button{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff!important}

/* Compact editorial broadcast schedule */
.sjr-show-times{position:relative;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr);gap:30px;align-items:center;padding:30px 34px!important;overflow:hidden;background:linear-gradient(135deg,#111922 0%,#0c1219 68%,#18212a 100%)!important;box-shadow:0 20px 52px rgba(4,10,16,.18)}
.sjr-show-times::after{content:'';position:absolute;right:-70px;top:-95px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(196,156,79,.12);box-shadow:0 0 0 34px rgba(196,156,79,.025),0 0 0 70px rgba(196,156,79,.018);pointer-events:none}
.sjr-show-times__heading{position:relative;z-index:1}.sjr-show-times__heading .sjr-kicker{color:#62d7d0}.sjr-show-times__heading h3{margin:.35em 0 0!important;color:#f5f0e7!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.05}
.sjr-show-times__list{position:relative;z-index:1;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.09)}
.sjr-show-times__row{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:22px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.sjr-show-times__days{padding:0!important;border:0!important;background:transparent!important;color:#d8dfe5!important;font-size:.98rem;font-weight:650;letter-spacing:.01em}
.sjr-show-times__row time{display:flex;align-items:center;gap:10px;color:#f1c96f;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:850;letter-spacing:.035em;white-space:nowrap}.sjr-show-times__row time i{color:rgba(255,255,255,.35);font-style:normal;font-weight:400}
@media(max-width:760px){.sjr-show-times{grid-template-columns:1fr;gap:20px;padding:26px!important}.sjr-show-times__row{grid-template-columns:1fr auto;gap:14px}.sjr-show-times__heading h3{font-size:30px}}
@media(max-width:430px){.sjr-show-times__row{grid-template-columns:1fr;gap:4px}.sjr-show-times__row time{font-size:1rem}}

/* 0.3.6-beta — schedule rows and player metadata refinement */
.sjr-show-times__list{gap:12px!important;border-top:0!important}
.sjr-show-times__row{padding:16px 18px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.sjr-show-times__days{font-size:1rem!important}
.sjr-show-times__row time{padding:6px 12px;border-radius:999px;background:rgba(196,156,79,.10)}
@media(max-width:760px){.sjr-show-times__row{padding:14px 14px!important}}


/* 0.4.0-beta — selectable audio hardware in the private mixer. */
.sjr-mic-source { display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr) auto;gap:7px;margin:0 0 10px; }
.sjr-mic-source select,.sjr-mic-source button { min-width:0;min-height:36px;padding:7px 8px;color:#afb8be;border:1px solid #39434b;border-radius:4px;background:#0c1115;font:700 .58rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.sjr-mic-source button { cursor:pointer;background:linear-gradient(#242b31,#171d22); }
@media (max-width:760px){.sjr-mic-source{grid-template-columns:1fr}.sjr-mic-source button{width:100%}}


/* 0.4.3-beta — luminous active-show artwork */
@keyframes sjr-neon-cycle {
  0%, 100% {
    border-color: rgba(69, 214, 255, .95);
    box-shadow:
      0 0 0 2px rgba(69, 214, 255, .40),
      0 0 14px rgba(69, 214, 255, .72),
      0 0 28px rgba(69, 214, 255, .46),
      0 10px 24px rgba(0,0,0,.28);
  }
  25% {
    border-color: rgba(255, 215, 88, .96);
    box-shadow:
      0 0 0 2px rgba(255, 215, 88, .40),
      0 0 14px rgba(255, 215, 88, .68),
      0 0 28px rgba(255, 215, 88, .42),
      0 10px 24px rgba(0,0,0,.28);
  }
  50% {
    border-color: rgba(255, 79, 188, .96);
    box-shadow:
      0 0 0 2px rgba(255, 79, 188, .40),
      0 0 14px rgba(255, 79, 188, .72),
      0 0 28px rgba(255, 79, 188, .45),
      0 10px 24px rgba(0,0,0,.28);
  }
  75% {
    border-color: rgba(95, 255, 143, .96);
    box-shadow:
      0 0 0 2px rgba(95, 255, 143, .40),
      0 0 14px rgba(95, 255, 143, .72),
      0 0 28px rgba(95, 255, 143, .46),
      0 10px 24px rgba(0,0,0,.28);
  }
}
.sjr-program-card__art,
.sjr-shift-card__art {
  position: relative;
  border: 2px solid transparent;
}
.sjr-program-card.is-current .sjr-program-card__art,
.sjr-shift-card.is-runtime-current[data-sjr-runtime-current="1"] .sjr-shift-card__art {
  animation: sjr-neon-cycle 7.2s linear infinite;
}
.sjr-program-card.is-current .sjr-program-card__art::after,
.sjr-shift-card.is-runtime-current[data-sjr-runtime-current="1"] .sjr-shift-card__art::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, rgba(69,214,255,.22), rgba(255,215,88,.18), rgba(255,79,188,.18), rgba(95,255,143,.18), rgba(69,214,255,.22));
  filter: blur(12px);
  opacity: .85;
  z-index: -1;
  pointer-events: none;
}
.sjr-shift-card.is-current {
  border-color: rgba(255,255,255,.075);
  background: rgba(255,255,255,.025);
}
.sjr-shift-card.is-current h4 a {
  color: var(--sjr-radio-copy);
}
.sjr-shift-card.is-current time {
  color: var(--sjr-accent-2);
}
.sjr-shift-card.is-current p {
  color: var(--sjr-radio-muted);
}
.sjr-shift-card.is-current .sjr-shift-card__meta span {
  color: var(--sjr-radio-muted);
  background: rgba(255,255,255,.055);
}


/* 0.4.9-beta — only the single REST-confirmed runtime card may glow. */
.sjr-weekly .sjr-shift-card:not(.is-runtime-current) .sjr-shift-card__art {
  animation: none !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}
.sjr-weekly .sjr-shift-card:not(.is-runtime-current) .sjr-shift-card__art::after {
  content: none !important;
  display: none !important;
}
.sjr-weekly .sjr-shift-card.is-runtime-current[data-sjr-runtime-current="1"] .sjr-shift-card__art {
  animation: sjr-neon-cycle 7.2s linear infinite !important;
}


/* Structured classic press releases */
.sjr-press-release-public-header{margin:0 0 32px;padding:28px;border:1px solid rgba(98,215,208,.28);border-radius:18px;background:linear-gradient(145deg,#131d25,#0d151c);box-shadow:0 20px 55px rgba(0,0,0,.2)}.sjr-press-release-label{display:inline-block;color:#62d7d0;font-size:11px;font-weight:900;letter-spacing:.18em}.sjr-press-release-public-header h1{margin:10px 0;color:#fff;font-size:clamp(30px,5vw,58px);line-height:1.02}.sjr-press-release-subtitle{margin:0 0 22px;color:#f0bd58;font-size:clamp(18px,2.2vw,26px);line-height:1.35}.sjr-press-release-public-header dl{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.sjr-press-release-public-header dl div{display:flex;gap:7px}.sjr-press-release-public-header dt{color:#8fa4af;font-size:12px;font-weight:800;text-transform:uppercase}.sjr-press-release-public-header dd{margin:0;color:#eaf2f5}.sjr-press-release-article{font-size:1.08rem;line-height:1.75}.sjr-press-release-public-footer{display:grid;gap:4px;margin-top:42px;padding:22px 26px;border-top:3px solid #f0bd58;border-radius:0 0 14px 14px;background:#111a22;color:#dce7ec}.sjr-press-release-public-footer strong{margin-bottom:5px;color:#fff;font-size:1.05rem}.sjr-press-release-public-footer a{color:#62d7d0}

/* Audience voting — Discord is the only voting surface. */
.sjr-audience-voting{margin:34px 0;padding:clamp(24px,4vw,42px);border:1px solid rgba(229,184,92,.38);border-radius:24px;background:linear-gradient(145deg,rgba(30,35,38,.98),rgba(45,51,54,.96));box-shadow:0 22px 60px rgba(0,0,0,.22);color:#f5f1e8;overflow:hidden;position:relative}
.sjr-audience-voting:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--sjr-accent),var(--sjr-accent-2))}
.sjr-audience-voting__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.sjr-audience-voting__header h2{margin:.25rem 0 .4rem;color:#fff;font-size:clamp(1.55rem,3.4vw,2.45rem);line-height:1.06}
.sjr-audience-voting__header p{margin:0;color:rgba(255,255,255,.72)}
.sjr-audience-voting__status{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 12px;border:1px solid rgba(98,215,208,.45);border-radius:999px;color:var(--sjr-accent-2);font-weight:800;font-size:.76rem;letter-spacing:.08em}
.sjr-audience-voting.is-open .sjr-audience-voting__status{color:#111;background:var(--sjr-accent);border-color:var(--sjr-accent)}
.sjr-audience-voting__window{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;margin:0 0 22px;border-radius:14px;background:rgba(255,255,255,.07)}
.sjr-audience-voting__window p{margin:0;color:#fff}
.sjr-audience-voting__window [data-sjr-vote-countdown]{font-variant-numeric:tabular-nums;color:var(--sjr-accent-2);font-weight:800;text-align:right}
.sjr-audience-voting__candidates{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sjr-audience-voting__candidates li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.sjr-audience-voting__candidates strong,.sjr-audience-voting__candidates span{display:block}.sjr-audience-voting__candidates span{margin-top:3px;color:rgba(255,255,255,.65);font-size:.9rem}
.sjr-audience-voting__candidates code{color:var(--sjr-accent);background:rgba(0,0,0,.25);padding:5px 8px;border-radius:8px}
.sjr-audience-voting__candidates a{color:var(--sjr-accent-2);font-weight:700;text-decoration:none}
.sjr-audience-voting__action{margin:24px 0 0}.sjr-audience-voting__note{margin:24px 0 0;color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.55}
.sjr-audience-voting__results{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.sjr-audience-voting__results h3{color:#fff}.sjr-audience-voting__results ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}.sjr-audience-voting__results li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.sjr-audience-voting.is-compact{padding:22px}.sjr-audience-voting.is-compact .sjr-audience-voting__candidates{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(max-width:720px){.sjr-audience-voting__header,.sjr-audience-voting__window{display:block}.sjr-audience-voting__status{margin-top:14px}.sjr-audience-voting__window [data-sjr-vote-countdown]{text-align:left;margin-top:7px}.sjr-audience-voting__candidates li{grid-template-columns:1fr}.sjr-audience-voting__candidates code{width:max-content}}

/* 0.5.19 — public Song Writing supporter instructions; no form or upload. */
.sjr-song-commission{margin:34px 0;padding:28px;border:1px solid rgba(196,151,76,.45);border-radius:22px;background:linear-gradient(135deg,rgba(255,250,241,.98),rgba(245,235,222,.96));box-shadow:0 18px 42px rgba(52,35,20,.10);color:#2c241e}.sjr-song-commission h2{margin:.25em 0 .55em;font-size:clamp(1.7rem,3vw,2.45rem)}.sjr-song-commission-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.sjr-song-commission .sjr-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:999px;background:#18252d;color:#fff!important;text-decoration:none!important;font-weight:800}.sjr-song-commission .sjr-button.is-secondary{background:#fff;color:#47331f!important;border:1px solid #c89f61}.sjr-song-commission-note{font-size:.92em;color:#66584d;border-top:1px solid rgba(139,91,36,.22);padding-top:15px}


/* 0.5.28 - YouTube playlist player and dual Song Writing brief buttons. */
.sjr-youtube-playlist{margin:36px 0;padding:clamp(24px,4vw,42px);border:1px solid rgba(196,151,76,.35);border-radius:28px;background:radial-gradient(circle at 15% 0%,rgba(240,189,88,.12),transparent 30%),linear-gradient(145deg,#111a22,#17242d 52%,#0e151b);box-shadow:0 28px 80px rgba(0,0,0,.28);color:#f5f1e8;overflow:hidden;position:relative}.sjr-youtube-playlist:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--sjr-accent,#f0bd58),var(--sjr-accent-2,#62d7d0))}.sjr-youtube-playlist__copy{max-width:980px;margin-bottom:22px}.sjr-youtube-playlist__copy h2{margin:.25rem 0 .45rem;color:#fff;font-size:clamp(1.8rem,3.6vw,3.25rem);letter-spacing:-.03em;line-height:1.02}.sjr-youtube-playlist__copy p:not(.sjr-eyebrow){margin:0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.45vw,1.14rem);line-height:1.65}.sjr-youtube-playlist__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:start}.sjr-youtube-playlist__stage{position:relative;overflow:hidden;border-radius:24px;background:#05080b;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04);aspect-ratio:16/9;min-height:var(--sjr-youtube-height,auto)}.sjr-youtube-playlist__stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,transparent 82%,rgba(0,0,0,.25))}.sjr-youtube-playlist__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sjr-youtube-playlist__index{min-width:0}.sjr-youtube-playlist__toplink{display:flex;justify-content:flex-end;align-items:center;margin:-2px 0 12px}.sjr-youtube-playlist__subscribe{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:linear-gradient(135deg,var(--sjr-accent,#f0bd58),#ffd87d);color:#111820!important;text-decoration:none!important;font-weight:900;font-size:.9rem;box-shadow:0 12px 26px rgba(0,0,0,.2);white-space:nowrap}.sjr-youtube-playlist__subscribe:hover,.sjr-youtube-playlist__subscribe:focus-visible{transform:translateY(-1px);outline:0;box-shadow:0 16px 32px rgba(0,0,0,.26)}.sjr-youtube-playlist__rail{display:grid;gap:12px;max-height:calc(100% + 8px);overflow:auto;scrollbar-color:rgba(240,189,88,.55) rgba(255,255,255,.08);padding-right:4px}.sjr-youtube-playlist--carousel .sjr-youtube-playlist__rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:2px 2px 14px}.sjr-youtube-playlist--carousel .sjr-youtube-card{min-width:min(280px,78vw);scroll-snap-align:start}.sjr-youtube-playlist--grid .sjr-youtube-playlist__layout{grid-template-columns:1fr}.sjr-youtube-playlist--grid .sjr-youtube-playlist__rail{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none;overflow:visible;padding-right:0}.sjr-youtube-playlist--stacked .sjr-youtube-playlist__layout{grid-template-columns:1fr}.sjr-youtube-playlist--stacked .sjr-youtube-playlist__rail{grid-template-columns:1fr;max-height:none}.sjr-youtube-card{appearance:none;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border-radius:18px;color:#fff;text-align:left;padding:0;overflow:hidden;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,background .2s ease}.sjr-youtube-card:hover,.sjr-youtube-card:focus{transform:translateY(-2px);border-color:rgba(240,189,88,.58);outline:0}.sjr-youtube-card.is-active{border-color:rgba(98,215,208,.72);background:linear-gradient(145deg,rgba(98,215,208,.16),rgba(240,189,88,.08))}.sjr-youtube-card__thumb{display:block;position:relative;aspect-ratio:16/9;background-size:cover;background-position:center}.sjr-youtube-card__thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}.sjr-youtube-card__play{position:absolute;right:12px;bottom:10px;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(6,11,15,.78);color:var(--sjr-accent,#f0bd58);font-size:13px;border:1px solid rgba(255,255,255,.25)}.sjr-youtube-card__copy{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:13px 14px 15px}.sjr-youtube-card__number{font-size:.72rem;font-weight:800;color:var(--sjr-accent,#f0bd58);letter-spacing:.12em}.sjr-youtube-card__title{font-weight:750;line-height:1.25;font-size:.95rem;color:rgba(255,255,255,.92);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sjr-youtube-playlist__note{margin:18px 0 0;color:rgba(255,255,255,.62);font-size:.92rem;line-height:1.55}.sjr-youtube-playlist--error{background:#fff6f1;color:#5a291c;border-color:#e0a38f}.sjr-youtube-playlist--error strong{color:#9b2e1b}@media(max-width:980px){.sjr-youtube-playlist__layout{grid-template-columns:1fr}.sjr-youtube-playlist__rail{max-height:none}.sjr-youtube-playlist--carousel .sjr-youtube-card{min-width:min(300px,82vw)}}@media(max-width:720px){.sjr-youtube-playlist{border-radius:20px;padding:22px}.sjr-youtube-playlist__stage{border-radius:16px}.sjr-youtube-playlist__copy h2{font-size:clamp(1.55rem,8vw,2.2rem)}}

.sjr-song-commission .sjr-button--us{background:#eef6ff;color:#12324a!important;border-color:#8eb6d3}.sjr-song-commission .sjr-button--fr{background:#fff2f4;color:#4a2330!important;border-color:#d8a1ad}

/* 0.5.35: YouTube carousel usability */
.sjr-youtube-playlist__toplink{margin:4px 0 28px!important;padding-right:2px}
.sjr-youtube-playlist--carousel .sjr-youtube-playlist__rail{scroll-padding-inline:10px}
@media(max-width:720px){.sjr-youtube-playlist__toplink{justify-content:flex-start;margin:8px 0 22px!important}.sjr-youtube-playlist__subscribe{white-space:normal}}

/* 0.5.37 — Scheduled private Discord live events */
.sjr-live-event-badge{appearance:none;border:1px solid rgba(255,92,92,.72);background:linear-gradient(135deg,rgba(255,31,64,.92),rgba(121,14,33,.88));box-shadow:0 0 18px rgba(255,31,64,.42),inset 0 0 0 1px rgba(255,255,255,.12);color:#fff!important;border-radius:999px;display:inline-flex;align-items:center;gap:8px;margin:3px 0 9px;padding:6px 10px;font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.sjr-live-event-badge:hover,.sjr-live-event-badge:focus-visible{transform:translateY(-1px);outline:0;box-shadow:0 0 25px rgba(255,31,64,.65),0 0 44px rgba(255,31,64,.22)}.sjr-live-event-badge__dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 14px #fff;animation:sjrLivePulse 1.6s ease-in-out infinite}@keyframes sjrLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.65}}.sjr-live-event-modal[hidden]{display:none!important}.sjr-live-event-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:22px}.sjr-live-event-backdrop{position:absolute;inset:0;background:rgba(3,6,10,.72);backdrop-filter:blur(8px)}.sjr-live-event-dialog{position:relative;width:min(640px,calc(100vw - 36px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,75,97,.52);border-radius:28px;background:radial-gradient(circle at 20% 0%,rgba(255,76,98,.22),transparent 36%),radial-gradient(circle at 90% 10%,rgba(98,215,208,.18),transparent 30%),linear-gradient(145deg,#121922,#070b10);box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 42px rgba(255,55,83,.22);color:#f8f3ec;padding:clamp(24px,4vw,38px)}.sjr-live-event-dialog:before{content:"";position:absolute;inset:10px;border-radius:22px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.sjr-live-event-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font-size:24px;line-height:1;cursor:pointer}.sjr-live-event-dialog h3{margin:6px 40px 8px 0;color:#fff;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.05}.sjr-live-event-dialog__date{margin:0 0 22px;color:#ffd36d;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sjr-live-event-dialog dl{display:grid;gap:10px;margin:0 0 22px}.sjr-live-event-dialog dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;border-top:1px solid rgba(255,255,255,.09);padding-top:10px}.sjr-live-event-dialog dt{color:#62d7d0;font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.sjr-live-event-dialog dd{margin:0;color:rgba(255,255,255,.88);line-height:1.5}.sjr-live-event-dialog__description,.sjr-live-event-dialog__muted{color:rgba(255,255,255,.72);line-height:1.65}.sjr-live-event-join{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#ff3b64,#ffd36d);color:#111820!important;text-decoration:none!important;font-weight:950;box-shadow:0 18px 34px rgba(0,0,0,.32)}@media(max-width:640px){.sjr-live-event-dialog dl div{grid-template-columns:1fr;gap:3px}.sjr-live-event-badge{font-size:.62rem;white-space:normal;text-align:left}}