.leino-live-banner{
    --ll-bg:#111020;
    --ll-pink:#ff2aa8;
    --ll-purple:#9c6cff;
    --ll-text:#f6f3ff;
    --ll-muted:#aaa6ba;
    width:100%;
    box-sizing:border-box;
    min-height:78px;
    margin:0 0 20px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    gap:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    background:
      radial-gradient(circle at 5% 50%,rgba(156,108,255,.13),transparent 25%),
      radial-gradient(circle at 90% 50%,rgba(255,42,168,.08),transparent 30%),
      linear-gradient(145deg,#0d0c17,#121120);
    box-shadow:0 12px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);
    position:relative;
    overflow:hidden;
}
.leino-live-banner:before{
    content:"";
    position:absolute;left:18px;right:18px;top:0;height:2px;
    background:linear-gradient(90deg,var(--ll-pink),var(--ll-purple),transparent 82%);
    box-shadow:0 0 13px rgba(255,42,168,.55);
}
.leino-live-left{display:flex;align-items:center;gap:11px;min-width:max-content}
.leino-live-icon{
    width:38px;height:38px;display:grid;place-items:center;
    border-radius:11px;
    color:#ff58b9;
    border:1px solid rgba(255,42,168,.25);
    background:rgba(255,42,168,.08);
    font-size:20px;
    text-shadow:0 0 12px rgba(255,42,168,.75);
}
.leino-live-title strong{
    display:block;color:#fff;font-size:14px;line-height:1.1;
    font-weight:900;letter-spacing:.04em;
}
.leino-live-title span{
    display:inline-block;margin-top:5px;font-size:9px;font-weight:800;
    letter-spacing:.08em;text-transform:uppercase;
}
.leino-live-title .is-live{color:#ff3eae}
.leino-live-title .is-offline{color:#898498}
.leino-live-info{
    flex:1;min-width:0;color:var(--ll-muted);font-size:12px;
    display:flex;gap:18px;align-items:center;
}
.leino-live-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leino-live-button{
    flex:0 0 auto;
    padding:10px 15px;border-radius:10px;
    color:#fff!important;text-decoration:none!important;
    font-size:10px;font-weight:900;letter-spacing:.04em;
    background:linear-gradient(135deg,#9c3fca,#e22c99);
    box-shadow:0 0 17px rgba(255,42,168,.18);
    transition:transform .18s ease,box-shadow .18s ease;
}
.leino-live-button:hover{
    transform:translateY(-2px);
    box-shadow:0 0 24px rgba(255,42,168,.35);
}
@media(max-width:650px){
    .leino-live-banner{
        min-height:0;
        padding:12px 13px;
        gap:10px;
        border-radius:14px;
        flex-wrap:wrap;
    }
    .leino-live-banner:before{left:13px;right:13px}
    .leino-live-left{gap:8px;flex:1 1 auto}
    .leino-live-icon{width:32px;height:32px;font-size:17px;border-radius:9px}
    .leino-live-title strong{font-size:12px}
    .leino-live-title span{font-size:8px;margin-top:3px}
    .leino-live-info{
        order:3;
        flex:1 1 100%;
        font-size:10px;
        gap:10px;
        min-width:0;
    }
    .leino-live-button{
        padding:8px 10px;
        font-size:9px;
        border-radius:8px;
    }
}
@media(max-width:380px){
    .leino-live-banner{padding:11px}
    .leino-live-title strong{font-size:11px}
    .leino-live-button{padding:7px 8px;font-size:8px}
}