.global-player{
    position:fixed;
    left:18px;
    right:18px;
    bottom:18px;
    height:76px;
    background:rgba(3,7,18,.92);
    backdrop-filter:blur(22px);
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    box-shadow:0 18px 55px rgba(0,0,0,.55);
    color:#fff;
    z-index:9999;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:16px;
    padding:10px 16px;
    overflow:hidden;
}

.gp-left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.gp-logo-wrap{
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden;
    background:#111827;
    border:2px solid rgba(255,255,255,.12);
    flex-shrink:0;
}

.gp-logo{
    width:100%;
    height:100%;
    object-fit:cover;
}

.gp-logo.playing{
    animation:gpSpin 5s linear infinite;
}

@keyframes gpSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

.gp-meta{
    min-width:0;
}

.gp-status{
    display:flex;
    align-items:center;
    gap:6px;
    color:#94a3b8;
    font-size:11px;
    margin-bottom:2px;
}

.gp-live-dot{
    width:7px;
    height:7px;
    background:#22c55e;
    border-radius:50%;
    box-shadow:0 0 12px #22c55e;
}

.gp-title{
    font-size:15px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:420px;
}

.gp-subtitle{
    font-size:11px;
    color:#64748b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.gp-center{
    display:flex;
    align-items:center;
    gap:10px;
}

.gp-controls{
    display:flex;
    align-items:center;
    gap:10px;
}

.gp-main-btn{
    width:48px;
    height:48px;
    border-radius:50%;
    border:none;
    background:linear-gradient(135deg,#2563eb,#3b82f6);
    color:#fff;
    font-size:18px;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(37,99,235,.4);
}

.gp-small-btn{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:13px;
    cursor:pointer;
}

.gp-right{
    display:none;
}

.gp-equalizer{
    display:none;
}

.gp-main-btn:hover,
.gp-small-btn:hover{
    transform:scale(1.05);
}

body{
    padding-bottom:105px;
}

@media(max-width:768px){
    .global-player{
        left:8px;
        right:8px;
        bottom:8px;
        height:68px;
        border-radius:18px;
        padding:8px 10px;
        gap:8px;
    }

    .gp-logo-wrap{
        width:42px;
        height:42px;
    }

    .gp-title{
        max-width:155px;
        font-size:13px;
    }

    .gp-subtitle{
        display:none;
    }

    .gp-status{
        font-size:10px;
    }

    .gp-small-btn{
        display:none;
    }

    .gp-main-btn{
        width:44px;
        height:44px;
        font-size:17px;
    }

    body{
        padding-bottom:90px;
    }
}