body {
    background:
        radial-gradient(circle at 50% 25%, rgba(67, 83, 180, .12), transparent 35%),
        #0b0c11 !important;
}

/* Верх комнаты */
#voiceRoomTop {
    position: fixed;
    z-index: 20;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-family: Inter, Arial, sans-serif;
}

#voiceRoomTop .vr-title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .5px;
}

#voiceRoomTop .vr-subtitle {
    margin-top: 5px;
    color: #969cab;
    font-size: 13px;
}

#vrCopy {
    margin-top: 12px;
    border: 1px solid #303541;
    background: #171922;
    color: #dfe3eb;
    padding: 8px 14px;
    border-radius: 10px;
    cursor: pointer;
}

#vrCopy:hover {
    background: #20232e;
}

/* Область участников */
#videoMediaContainer {
    position: fixed !important;
    inset: 120px 30px 105px 30px !important;

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;

    gap: 22px !important;
    padding: 30px !important;
}

/* Карточка человека */
#videoMediaContainer .Camera {
    width: 260px !important;
    height: 225px !important;
    min-width: 260px !important;
    min-height: 225px !important;

    position: relative !important;

    background: rgba(23, 25, 34, .92) !important;
    border: 1px solid #292d38 !important;
    border-radius: 22px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
    transition: .15s ease !important;
}

#videoMediaContainer .Camera:hover {
    transform: translateY(-2px);
    border-color: #3b4150 !important;
}

/* Говорит */
#videoMediaContainer .Camera.vr-speaking {
    border-color: #36d47b !important;
    box-shadow:
        0 0 0 2px rgba(54,212,123,.13),
        0 12px 42px rgba(0,0,0,.3) !important;
}

/* Аватар */
#videoMediaContainer .videoAvatarImage {
    position: static !important;
    display: block !important;

    width: 88px !important;
    height: 88px !important;

    object-fit: cover !important;
    border-radius: 50% !important;

    margin: 0 0 15px 0 !important;
}

/* Имя */
#videoMediaContainer .username {
    position: static !important;
    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #f2f3f5 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

/* Native voice level */
#videoMediaContainer .speechbar {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 4px !important;
    height: 55px !important;

    overflow: hidden !important;
    border-radius: 10px !important;
    background: #252934 !important;
}

#videoMediaContainer .speechbar .bar {
    width: 100% !important;
    background: #36d47b !important;
}

/* Меню карточки превращаем в volume control */
#videoMediaContainer .videoMenuBar {
    display: flex !important;

    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 17px !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
}

/* Скрываем всё лишнее внутри карточки */
#videoMediaContainer .videoMenuBar > * {
    display: none !important;
}

/* Оставляем громкость */
#videoMediaContainer .videoMenuBar input[type="range"] {
    display: block !important;
    width: 155px !important;
    cursor: pointer !important;
}

/* Себе громкость не нужна */
#videoMediaContainer .Camera.vr-me .videoMenuBar input[type="range"] {
    visibility: hidden !important;
}

/* Нижняя панель */
#bottomButtons {
    background: rgba(15,16,22,.92) !important;
    border: 1px solid #272a34 !important;
    border-radius: 16px !important;

    padding: 7px !important;

    box-shadow: 0 10px 35px rgba(0,0,0,.3) !important;
    backdrop-filter: blur(16px);
}

#bottomButtons button {
    border-radius: 11px !important;
}
