body #sunoti-streams-app,
body #sunoti-streams-app *{box-sizing:border-box!important}
body #sunoti-streams-app{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px 0 26px!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important}
body #sunoti-streams-app .sunoti-streams-shell{width:min(1200px,calc(100% - 20px))!important;max-width:1200px!important;margin:0 auto!important;padding:0!important}
body #sunoti-streams-app .sunoti-streams-header{text-align:center!important;margin:0 0 16px!important;padding:0!important}
body #sunoti-streams-app .sunoti-streams-title{margin:0!important;color:#975ef0!important;background:transparent!important;font-size:clamp(24px,2.2vw,34px)!important;font-weight:900!important;letter-spacing:.01em!important;line-height:1.05!important;text-transform:none!important;font-family:Arial,Helvetica,sans-serif!important}
body #sunoti-streams-app .sunoti-streams-board{background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important}
body #sunoti-streams-app .sunoti-streams-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important;padding:0!important}
body #sunoti-streams-app .sunoti-streams-card{min-width:0!important;margin:0!important;padding:0!important}
body #sunoti-streams-app .sunoti-streams-card-wrap{background:#ffffff!important;border-radius:0!important;overflow:visible!important}
body #sunoti-streams-app .sunoti-streams-thumb{display:block!important;text-decoration:none!important;color:#fff!important}
body #sunoti-streams-app .sunoti-streams-cover{position:relative!important;aspect-ratio:16/9!important;background:#161616!important;overflow:hidden!important;border-radius:5px!important}
body #sunoti-streams-app .sunoti-streams-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body #sunoti-streams-app .sunoti-streams-fallback{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:48px!important;font-weight:800!important;color:#fff!important;background:linear-gradient(135deg,#5b21b6,#db2777)!important}
body #sunoti-streams-app .sunoti-streams-live{position:absolute!important;top:10px!important;left:10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;background:#ff1919!important;color:#fff!important;border-radius:7px!important;padding:6px 8px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;z-index:3!important;white-space:nowrap!important;text-transform:uppercase!important}
body #sunoti-streams-app .sunoti-streams-live .fa-circle{font-size:8px!important}
body #sunoti-streams-app .sunoti-streams-live .fa-play{font-size:9px!important}
body #sunoti-streams-app .sunoti-streams-platform{position:absolute!important;top:10px!important;right:10px!important;width:26px!important;height:26px!important;z-index:3!important}
body #sunoti-streams-app .sunoti-streams-platform img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
body #sunoti-streams-app .sunoti-streams-badges{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;z-index:3!important}
body #sunoti-streams-app .sunoti-streams-rightmeta{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
body #sunoti-streams-app .sunoti-streams-viewers,
body #sunoti-streams-app .sunoti-streams-time,
body #sunoti-streams-app .sunoti-streams-language{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;line-height:1!important;font-weight:900!important;border-radius:999px!important;padding:6px 8px!important;background:rgba(0,0,0,.66)!important;backdrop-filter:blur(6px)!important;color:#fff!important;white-space:nowrap!important}
body #sunoti-streams-app .sunoti-streams-viewers .fa-eye,
body #sunoti-streams-app .sunoti-streams-time .fa-clock{font-size:10px!important}
body #sunoti-streams-app .sunoti-streams-meta{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 2px 2px!important;text-decoration:none!important}
body #sunoti-streams-app .sunoti-streams-avatar,
body #sunoti-streams-app .sunoti-streams-avatar-img{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;display:block!important;object-fit:cover!important}
body #sunoti-streams-app .sunoti-streams-avatar{background:linear-gradient(135deg,#975ef0,#1e90ff)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:14px!important;font-weight:900!important}
body #sunoti-streams-app .sunoti-streams-texts{min-width:0!important;flex:1 1 auto!important}
body #sunoti-streams-app .sunoti-streams-name{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#000000!important;font-size:clamp(13px,1.1vw,16px)!important;line-height:1.25!important;font-weight:800!important;margin:0 0 4px!important;font-family:Arial,Helvetica,sans-serif!important}
body #sunoti-streams-app .sunoti-streams-channel{display:block!important;color:#555555!important;font-size:clamp(11px,.9vw,13px)!important;line-height:1.2!important;font-weight:600!important;margin:0!important}
body #sunoti-streams-app .sunoti-streams-empty{background:#fff!important;border-radius:16px!important;padding:18px!important;text-align:center!important;font-size:15px!important}
@media (max-width:860px){
body #sunoti-streams-app .sunoti-streams-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
body #sunoti-streams-app{padding:14px 0 20px!important}
body #sunoti-streams-app .sunoti-streams-shell{width:min(100% - 14px,1200px)!important}
body #sunoti-streams-app .sunoti-streams-header{margin:0 0 12px!important}
body #sunoti-streams-app .sunoti-streams-title{font-size:clamp(22px,5.6vw,28px)!important}
body #sunoti-streams-app .sunoti-streams-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body #sunoti-streams-app .sunoti-streams-cover{border-radius:5px!important}
body #sunoti-streams-app .sunoti-streams-meta{gap:8px!important;padding:8px 2px 2px!important}
body #sunoti-streams-app .sunoti-streams-avatar,
body #sunoti-streams-app .sunoti-streams-avatar-img{width:28px!important;height:28px!important;min-width:28px!important;font-size:12px!important}
body #sunoti-streams-app .sunoti-streams-name{font-size:clamp(12px,3.4vw,14px)!important}
body #sunoti-streams-app .sunoti-streams-channel{font-size:11px!important}
body #sunoti-streams-app .sunoti-streams-live{top:8px!important;left:8px!important;padding:5px 7px!important;font-size:10px!important;border-radius:6px!important}
body #sunoti-streams-app .sunoti-streams-platform{top:8px!important;right:8px!important;width:22px!important;height:22px!important}
body #sunoti-streams-app .sunoti-streams-badges{left:8px!important;right:8px!important;bottom:8px!important}
body #sunoti-streams-app .sunoti-streams-rightmeta{gap:5px!important}
body #sunoti-streams-app .sunoti-streams-viewers,
body #sunoti-streams-app .sunoti-streams-time,
body #sunoti-streams-app .sunoti-streams-language{font-size:10px!important;padding:5px 7px!important}
}
body #sunoti-streams-app .sunoti-streams-live.sunoti-streams-vod-label{background:#16a34a!important;color:#ffffff!important}


body #sunoti-streams-app .sunoti-streams-group{margin:0 0 24px!important}
body #sunoti-streams-app .sunoti-streams-group:last-child{margin-bottom:0!important}
body #sunoti-streams-app .sunoti-streams-groupbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 0 10px!important}
body #sunoti-streams-app .sunoti-streams-grouptitle{margin:0!important;color:#975ef0!important;font-size:clamp(18px,1.6vw,24px)!important;line-height:1.1!important;font-weight:900!important;font-family:Arial,Helvetica,sans-serif!important}
body #sunoti-streams-app .sunoti-streams-live-vod{background:#2ea043!important}
body #sunoti-streams-app .sunoti-streams-card.is-pending{opacity:0!important;transform:translateY(18px)!important}
body #sunoti-streams-app .sunoti-streams-card.is-visible{opacity:1!important;transform:none!important;transition:opacity .42s ease, transform .42s ease!important}


body #sunoti-streams-app .sunoti-streams-adwrap{margin:0 0 24px!important}
body #sunoti-streams-app .sunoti-streams-adcard{
    grid-column:span 3!important;
    width:100%!important;
    background:transparent!important;
    border-radius:5px!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
}
body #sunoti-streams-app .sunoti-streams-adbox{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}
body #sunoti-streams-app .sunoti-streams-adbox-mobile{display:none!important}
body #sunoti-streams-app .sunoti-streams-adbox-desktop{
    min-height:90px!important;
}
body #sunoti-streams-app .sunoti-streams-adbox-desktop ins.adsbygoogle{
    width:728px!important;
    height:90px!important;
    max-width:728px!important;
    min-width:728px!important;
    min-height:90px!important;
}
@media (max-width:860px){
    body #sunoti-streams-app .sunoti-streams-adcard{
        grid-column:span 2!important;
    }
    body #sunoti-streams-app .sunoti-streams-adbox-desktop{display:none!important}
    body #sunoti-streams-app .sunoti-streams-adbox-mobile{
        display:flex!important;
        min-height:250px!important;
    }
    body #sunoti-streams-app .sunoti-streams-adbox-mobile ins.adsbygoogle{
        width:300px!important;
        height:250px!important;
        max-width:300px!important;
        min-width:300px!important;
        min-height:250px!important;
    }
}
@media (max-width:767px){
    body #sunoti-streams-app .sunoti-streams-adwrap{margin:0 0 18px!important}
    body #sunoti-streams-app .sunoti-streams-adcard{
        grid-column:span 2!important;
    }
}


body #sunoti-streams-app .sunoti-streams-card{
    opacity:0!important;
    transform:translateY(18px)!important;
    will-change:transform,opacity!important;
}
body #sunoti-streams-app .sunoti-streams-card.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:opacity .42s ease, transform .42s ease!important;
}
body #sunoti-streams-app .sunoti-streams-live{
    overflow:visible!important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle{
    position:relative!important;
    display:inline-block!important;
    font-size:8px!important;
    color:#fff!important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:100%!important;
    height:100%!important;
    border:2px solid rgba(255,255,255,.55)!important;
    border-radius:999px!important;
    transform:translate(-50%,-50%) scale(1)!important;
    animation:sunotiLivePulse 1.6s ease-out infinite!important;
}
@keyframes sunotiLivePulse{
    0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}
    70%{opacity:0;transform:translate(-50%,-50%) scale(2.25)}
    100%{opacity:0;transform:translate(-50%,-50%) scale(2.25)}
}


/* SONAR fix for LIVE badge */
body #sunoti-streams-app .sunoti-streams-live{
    overflow: visible !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 8px !important;
    height: 8px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::before,
body #sunoti-streams-app .sunoti-streams-live .fa-circle::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border: 2px solid rgba(255,255,255,.68) !important;
    border-radius: 999px !important;
    transform: translate(-50%,-50%) scale(1) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::before{
    animation: sunotiLiveSonar 1.8s ease-out infinite !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::after{
    animation: sunotiLiveSonar 1.8s ease-out .9s infinite !important;
}
@keyframes sunotiLiveSonar{
    0%{
        opacity: .82;
        transform: translate(-50%,-50%) scale(1);
    }
    70%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.2);
    }
    100%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.7);
    }
}


/* Strong visible pulse for LIVE badge */
body #sunoti-streams-app .sunoti-streams-live{
    overflow: visible !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle{
    position: relative !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    box-shadow: 0 0 0 0 rgba(255,255,255,.8) !important;
    animation: sunotiLiveDotPulse 1.6s ease-out infinite !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.45) !important;
    transform: scale(1) !important;
    animation: sunotiLiveDotPing 1.6s ease-out infinite !important;
}
@keyframes sunotiLiveDotPulse{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}
    70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes sunotiLiveDotPing{
    0%{opacity:.9;transform:scale(1)}
    70%{opacity:0;transform:scale(2.8)}
    100%{opacity:0;transform:scale(2.8)}
}


/* White translucent sonar pulse over red LIVE badge */
body #sunoti-streams-app .sunoti-streams-live{
    overflow: visible !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle{
    position: relative !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,1) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    overflow: visible !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::before,
body #sunoti-streams-app .sunoti-streams-live .fa-circle::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.32) !important;
    transform: translate(-50%,-50%) scale(1) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::before{
    animation: sunotiLiveWhitePing 1.8s ease-out infinite !important;
}
body #sunoti-streams-app .sunoti-streams-live .fa-circle::after{
    animation: sunotiLiveWhitePing 1.8s ease-out .9s infinite !important;
}
@keyframes sunotiLiveWhitePing{
    0%{
        opacity: .75;
        transform: translate(-50%,-50%) scale(1);
    }
    70%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.6);
    }
    100%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.9);
    }
}


/* Definitive LIVE/VOD badge icons using real spans instead of Font Awesome SVG replacement */
body #sunoti-streams-app .sunoti-streams-live{
    overflow: visible !important;
    gap: 7px !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-dot{
    position: relative !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    vertical-align: middle !important;
    flex: 0 0 8px !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-dot::before,
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-dot::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.30) !important;
    transform: translate(-50%,-50%) scale(1) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-dot::before{
    animation: sunotiLiveDotSonar 1.8s ease-out infinite !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-dot::after{
    animation: sunotiLiveDotSonar 1.8s ease-out .9s infinite !important;
}

@keyframes sunotiLiveDotSonar{
    0%{
        opacity: .78;
        transform: translate(-50%,-50%) scale(1);
    }
    70%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(3.7);
    }
    100%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(4.1);
    }
}

body #sunoti-streams-app .sunoti-streams-live-vod .sunoti-live-play{
    position: relative !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 8px solid #ffffff !important;
    margin-left: 1px !important;
    flex: 0 0 auto !important;
}


/* CSS-pure LIVE pulse */
body #sunoti-streams-app .sunoti-streams-live{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    overflow:visible !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    flex:0 0 10px !important;
    overflow:visible !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse-core{
    position:relative !important;
    display:block !important;
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    z-index:2 !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::before,
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.34) !important;
    transform:translate(-50%,-50%) scale(1) !important;
    transform-origin:center center !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:1 !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::before{
    animation:sunotiPulseRing 1.65s ease-out infinite !important;
}
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::after{
    animation:sunotiPulseRing 1.65s ease-out .82s infinite !important;
}

@keyframes sunotiPulseRing{
    0%{
        opacity:.78;
        transform:translate(-50%,-50%) scale(1);
    }
    75%{
        opacity:0;
        transform:translate(-50%,-50%) scale(3.9);
    }
    100%{
        opacity:0;
        transform:translate(-50%,-50%) scale(4.2);
    }
}

/* CSS-pure VOD play icon */
body #sunoti-streams-app .sunoti-streams-live-vod .sunoti-live-play-css{
    display:inline-block !important;
    width:0 !important;
    height:0 !important;
    border-top:5px solid transparent !important;
    border-bottom:5px solid transparent !important;
    border-left:8px solid #ffffff !important;
    flex:0 0 auto !important;
}


/* Strong obvious pulse using box-shadow on the real CSS dot */
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    flex: 0 0 10px !important;
}

body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse-core{
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,1) !important;
    box-shadow: 0 0 0 0 rgba(255,255,255,.55) !important;
    animation: sunotiLiveBoxPulse 1.4s infinite !important;
}

@keyframes sunotiLiveBoxPulse{
    0%{
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255,255,255,.60);
    }
    70%{
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255,255,255,0);
    }
    100%{
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
    }
}


/* Disable live pulse animation */
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::before,
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse::after{
    animation: none !important;
    display: none !important;
}
body #sunoti-streams-app .sunoti-streams-live .sunoti-live-pulse-core{
    animation: none !important;
    box-shadow: none !important;
}
body #sunoti-streams-app .sunoti-streams-grouptitle{
    color:#ff2b2b !important;
}


/* VOD section heading in green */
body #sunoti-streams-app .sunoti-streams-group-vod .sunoti-streams-grouptitle{
    color:#2ea043 !important;
}