/* PlayPodcast Live modal, page and header link */
.liveNav{position:relative;white-space:nowrap}
.liveDot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4d4f;margin-right:6px;vertical-align:middle;position:relative;top:-1px;box-shadow:0 0 0 0 rgba(255,77,79,.7);animation:livePulse 1.8s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(255,77,79,.7)}70%{box-shadow:0 0 0 8px rgba(255,77,79,0)}100%{box-shadow:0 0 0 0 rgba(255,77,79,0)}}
.liveNavCount{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#ff4d4f;color:#fff;font-size:12px;line-height:18px;text-align:center;vertical-align:middle;position:relative;top:-1px}
.liveModal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(20,26,45,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto;padding:24px 12px}
.liveModal.open{display:block}
body.liveOpen{overflow:hidden}
.liveBox{position:relative;max-width:720px;margin:0 auto;background:#fff;color:#1c2333;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:22px 22px 18px;font-family:'Lato-Regular',Arial,sans-serif;animation:liveIn .18s ease-out}
@keyframes liveIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.liveClose{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#eef1f8;color:#516fa7;font-size:22px;line-height:34px;cursor:pointer}
.liveClose:hover{background:#dfe5f3}
.liveHead{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.liveHead h2{margin:0;font-size:22px;color:#1c2333;line-height:1.2}
.liveCountPill{font-size:13px;color:#516fa7;background:#eef1f8;border-radius:12px;padding:3px 10px}
.liveStats{display:flex;gap:10px;margin:14px 0 6px}
.liveStats div{flex:1;background:#f4f6fb;border-radius:10px;padding:10px 12px;text-align:center}
.liveStats strong{display:block;font-size:22px;color:#516fa7;line-height:1.1}
.liveStats span{font-size:12px;color:#5b6478}
.liveH{display:flex;align-items:center;font-size:15px;margin:18px 0 8px;color:#1c2333;text-transform:uppercase;letter-spacing:.04em}
.liveList{display:flex;flex-direction:column;gap:8px}
.liveCard{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#f8f9fc;border:1px solid #e9edf5;transition:background .3s}
.liveCard.liveNew{animation:liveFlash 1.6s ease-out}
@keyframes liveFlash{0%{background:#fff3d6;transform:translateX(-6px)}100%{background:#f8f9fc;transform:none}}
.liveArt img{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block;background:#dfe5f3}
.liveMeta{flex:1;min-width:0}
.liveEpi{font-weight:700;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c2333}
.livePod{display:block;font-size:13px;color:#516fa7;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.livePod:hover{text-decoration:underline}
.liveWhere{font-size:12px;color:#6b7387;margin-top:2px;display:flex;align-items:center;gap:5px}
.liveFlag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.liveSep{color:#b6bccb}
.liveListen{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:#516fa7;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.liveListen:hover{background:#3e5a90;transform:scale(1.08)}
.liveRecent .liveCard{opacity:.85}
.liveEmpty{padding:18px;border-radius:10px;background:#f4f6fb;color:#5b6478;font-size:14px;text-align:center}
.liveTop{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.liveTopItem{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#f8f9fc;border:1px solid #e9edf5;text-decoration:none;color:#1c2333;min-width:0}
.liveTopItem img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex:none;background:#dfe5f3}
.liveTopName{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.liveTopN{font-size:11px;color:#6b7387;flex:none}
.liveFoot{margin-top:14px;text-align:center;font-size:13px}
.liveFoot a{color:#516fa7}
#livePage{max-width:760px;margin:0 auto}
#livePage .liveCard{background:#fff}
#livePage .liveTopItem{background:#fff}
@media (max-width:640px){.liveBox{padding:16px 12px 14px;border-radius:12px}.liveModal{padding:10px 6px}.liveStats{gap:6px}.liveStats strong{font-size:18px}.liveStats span{font-size:11px}.liveArt img{width:48px;height:48px}}
/* mobile header: dot + count only, so the menu row still fits */
@media only screen and (max-width:40.063em){.liveNav .liveNavText{display:none}.liveNav{padding:4px 2px!important;margin-right:4px!important}.liveDot{margin-right:0}.liveNavCount{margin-left:2px}}
.liveBusy{opacity:.5;pointer-events:none}
.liveCard.liveOpenable{cursor:pointer}
.liveCard.liveOpenable:hover{background:#eef2fa;border-color:#d5ddef}
.liveCard.liveOpenable:hover .liveEpi{text-decoration:underline}
.livePod{position:relative;z-index:1}