.rdp-live-wrap{box-sizing:border-box;background:radial-gradient(circle at top right,color-mix(in srgb,var(--rdp-accent) 18%,transparent),transparent 35%),var(--rdp-bg);color:var(--rdp-text);border:1px solid color-mix(in srgb,var(--rdp-accent2) 50%,transparent);border-radius:22px;padding:22px;box-shadow:0 0 38px color-mix(in srgb,var(--rdp-accent2) 25%,transparent);font-family:inherit;overflow:hidden}
.rdp-live-wrap *{box-sizing:border-box}.rdp-live-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.rdp-live-head h3{margin:0 0 3px;font-size:clamp(22px,3vw,34px)}.rdp-live-head p{margin:0;opacity:.82}.rdp-live-dot{width:14px;height:14px;border-radius:50%;background:#555;box-shadow:0 0 0 5px rgba(255,255,255,.04)}.rdp-live-dot.is-on{background:#ff203d;box-shadow:0 0 18px #ff203d,0 0 0 5px rgba(255,32,61,.12)}
.rdp-live-stage{position:relative;background:#020207;border:2px solid var(--rdp-accent2);border-radius:18px;min-height:280px;overflow:hidden;box-shadow:0 0 25px color-mix(in srgb,var(--rdp-accent2) 35%,transparent)}.rdp-video-grid{width:100%;min-height:280px;display:grid;place-items:center;background:#020207}.rdp-video-grid video{width:100%;height:auto;max-height:72vh;object-fit:contain;background:#000}.rdp-video-grid audio{display:none}.rdp-live-overlay{position:absolute;left:16px;bottom:16px;display:flex;gap:10px;align-items:center}.rdp-badge{background:#159447;color:#fff;font-weight:800;padding:7px 11px;border-radius:999px;font-size:13px;letter-spacing:.03em}.rdp-moderator-name{background:rgba(0,0,0,.66);padding:7px 11px;border-radius:999px;font-weight:700}
.rdp-live-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.rdp-btn{appearance:none;border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--rdp-accent),var(--rdp-accent2));box-shadow:0 8px 22px color-mix(in srgb,var(--rdp-accent) 20%,transparent)}.rdp-btn:hover{transform:translateY(-1px)}.rdp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.rdp-leave,.rdp-stop{background:#2a2d36}.rdp-live-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;opacity:.9}.rdp-live-message{margin-top:12px;min-height:1.3em}.rdp-live-message.is-error{color:#ff7786}.rdp-device-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:12px 0 16px}.rdp-device-row label{display:grid;gap:6px;font-weight:700}.rdp-device-row select{width:100%;background:#0e1018;color:#fff;border:1px solid #3a3d50;border-radius:10px;padding:10px}.rdp-placeholder{opacity:.6;padding:40px;text-align:center}.rdp-live-notice{padding:14px 16px;border-left:4px solid #ff2ca8;background:#10111a;color:#fff}.rdp-moderator.is-on-air{border-color:#ff203d}.rdp-listener.is-on-air{border-color:var(--rdp-accent)}
@media(max-width:760px){.rdp-live-wrap{padding:14px;border-radius:16px}.rdp-device-row{grid-template-columns:1fr}.rdp-live-stage,.rdp-video-grid{min-height:210px}.rdp-btn{width:100%}}

/* 1.0.1: ON-AIR badge is only visible while the moderator is actually live. */
.rdp-moderator .rdp-badge{display:none}.rdp-moderator.is-on-air .rdp-badge{display:inline-flex}