/* Listener library: hearts, notify button, /my-radio sections (designs 2 and 3) */
.rgl-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 4px; }
.rgl-heart, .rgl-notify {
    display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px;
    border: 1px solid var(--line2, #e1e4eb); border-radius: 999px; background: var(--card, #fff);
    color: var(--ink, #151a2d); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; line-height: 1.2;
}
.rgl-heart:hover, .rgl-notify:hover { border-color: var(--orange, #ee6f00); }
.rgl-heart:focus-visible, .rgl-notify:focus-visible { outline: 2px solid var(--orange, #ee6f00); outline-offset: 2px; }
.rgl-heart .rgl-ico { color: var(--orange, #ee6f00); font-size: 16px; }
.rgl-heart.is-on { background: var(--peach, #fff1e6); border-color: var(--orange, #ee6f00); }
.rgl-notify.is-on { background: var(--green-bg, #e7f6ee); border-color: var(--green, #0b6b3a); color: var(--green, #0b6b3a); }
.rgl-heart--mini { min-height: 28px; width: 28px; padding: 0; justify-content: center; border-color: transparent; background: transparent; vertical-align: middle; margin-left: 4px; }
.rgl-heart--mini.is-on { background: transparent; border-color: transparent; }
.rg-tile .rgl-tile-heart { display: block; }

.rgl-myradio { margin-top: 24px; }
.rgl-sec { margin: 0 0 28px; }
.rgl-sec h2 { font-size: 20px; margin: 0 0 12px; }
.rgl-muted { color: var(--muted, #5b6378); font-size: 14px; }
.rgl-rows { list-style: none; margin: 0; padding: 0; }
.rgl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 10px 0; border-bottom: 1px solid var(--line, #e7e9ef); }
.rgl-row > a { font-weight: 600; }
.rgl-air { flex: 1 1 220px; font-size: 14px; min-width: 0; }
.rgl-live { display: inline-block; padding: 2px 8px; border-radius: 999px; background: var(--red-bg, #fef0ee); color: var(--red, #b42318); font-size: 12px; font-weight: 700; }
.rgl-form { max-width: 640px; }
.rgl-form fieldset { border: 0; padding: 0; margin: 0 0 12px; }
.rgl-form legend { font-weight: 700; font-size: 15px; margin-bottom: 6px; }
.rgl-check { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 8px; font-weight: 400; font-size: 15px; }
.rgl-check input { margin-top: 4px; }
.rgl-btn { border: 0; border-radius: 999px; padding: 10px 20px; background: var(--accent, #b43e0a); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.rgl-toast {
    position: fixed; left: 50%; bottom: calc(var(--rg-pbar-h, 64px) + 16px); transform: translateX(-50%); z-index: 2147483000; max-width: calc(100% - 32px); width: max-content;
    background: var(--ink, #151a2d); color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}
.rgl-toast__a { color: #fdba74 !important; font-weight: 700; text-decoration: underline; margin-left: 4px; }
.rgl-toast__undo { background: none; border: 0; padding: 0 0 0 6px; font: inherit; font-weight: 700; cursor: pointer; }
/* follow an artist: + / ✓ (the heart is for saving a song or station) */
.rgl-follow { font-weight: 800; }