.publicTilawaLiveBanner{position:relative;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px max(18px,calc((100vw - 1180px)/2));background:linear-gradient(90deg,#073d31,#0b5844);color:#fff;border-bottom:1px solid rgba(220,191,126,.35);font-family:Inter,Arial,sans-serif;box-shadow:0 8px 24px rgba(4,32,24,.12)}.publicTilawaLiveBanner>div:first-child{display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center;min-width:0}.publicTilawaLiveBanner span{font-size:7px;letter-spacing:.13em;font-weight:900;color:#f0cf83}.publicTilawaLiveBanner b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publicTilawaLiveBanner small{grid-column:2;font-size:7px;color:rgba(255,255,255,.68)}.publicTilawaLiveActions{display:flex;gap:7px;flex:0 0 auto}.publicTilawaLiveActions a{min-height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;text-decoration:none;font-size:8px;font-weight:850}.publicTilawaJoin{background:#d1ad63;color:#10291f}.publicTilawaOpenX{border:1px solid rgba(255,255,255,.28);color:#fff}.publicTilawaLiveBanner span:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#43d397;box-shadow:0 0 0 4px rgba(67,211,151,.12)}@media(max-width:700px){.publicTilawaLiveBanner{padding:9px 11px;align-items:stretch;flex-direction:column;gap:7px}.publicTilawaLiveBanner>div:first-child{grid-template-columns:1fr}.publicTilawaLiveBanner small{grid-column:auto}.publicTilawaLiveActions{display:grid;grid-template-columns:1fr 1fr}.publicTilawaLiveActions a{width:100%}}